.kl-notice{position:relative;isolation:isolate;box-sizing:border-box;width:100%;color:#743c20;background:linear-gradient(100deg,#fff0cd 0%,#fff8e9 48%,#ffe7c3 100%);border-block:1px solid #efcc91;font-family:inherit;box-shadow:0 2px 8px #914c1010}
.kl-notice *{box-sizing:border-box}
.kl-notice__inner{display:flex;align-items:center;gap:14px;max-width:1440px;min-width:0;min-height:48px;margin:0 auto;padding:5px 20px}
.kl-notice__label{display:inline-flex;align-items:center;flex:none;gap:7px;color:#9b3b14;font-size:14px;line-height:1.5;font-weight:750;white-space:nowrap}
.kl-notice__viewport{flex:1;min-width:0;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#d9a55b transparent;border-inline:1px solid #deb47d66}
.kl-notice__viewport:focus-visible{outline:2px solid #bf6b20;outline-offset:2px;border-radius:3px}
.kl-notice[data-notice-animated] .kl-notice__viewport{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 12px,#000 calc(100% - 12px),transparent)}
.kl-notice__track{display:flex;width:max-content;max-width:none;transform:translateX(0)}
.kl-notice[data-notice-animated] .kl-notice__track{will-change:transform}
.kl-notice .kl-notice__items{display:flex;align-items:center;flex:none;gap:32px;list-style:none;margin:0;padding:0 32px 0 12px}
.kl-notice .kl-notice__items li{display:inline-flex;align-items:center;flex:none;gap:9px;margin:0;padding:0;white-space:nowrap;font-size:14px;font-weight:550;line-height:28px;color:inherit}
.kl-notice__number{display:inline-grid;place-items:center;width:25px;height:25px;flex:none;border:1px solid #d7a653;border-radius:50%;background:linear-gradient(140deg,#fffdf5,#ffe2a7);box-shadow:0 1px 3px #99531016;color:#974411;font-family:inherit;font-size:12px;font-weight:800;line-height:1}
.kl-notice__actions{display:flex;align-items:center;flex:none;gap:3px}
html body .kl-notice__actions button{display:inline-flex;align-items:center;justify-content:center;flex:none;width:30px;height:30px;min-height:0;margin:0;padding:0;border:1px solid transparent;border-radius:50%;color:#995126;background:transparent;box-shadow:none;cursor:pointer}
html body .kl-notice__actions button:hover{background:#f6d9a8;border-color:#dbb783}
html body .kl-notice__actions button:focus-visible{outline:2px solid #ac581a;outline-offset:1px}
.kl-notice [hidden],.kl-notice[hidden]{display:none!important}
.kl-notice__actions svg{display:block;pointer-events:none}
.ka-wrap>.kl-notice{margin:0 0 16px;border-radius:8px}
@media(max-width:600px){.kl-notice__inner{gap:7px;min-height:44px;padding:5px 8px}.kl-notice__label{gap:4px;font-size:12px}.kl-notice__label>svg{width:15px;height:15px}.kl-notice .kl-notice__items li{font-size:13px;gap:7px}.kl-notice__number{width:23px;height:23px}.kl-notice__actions{gap:0}html body .kl-notice__actions button{width:28px;height:30px}}
@media(prefers-reduced-motion:reduce){.kl-notice .kl-notice__viewport{overflow-x:auto;mask-image:none}.kl-notice__track{transform:none!important;will-change:auto!important}}
@media print{.kl-notice{display:none!important}}