.kc{scroll-margin-top:96px}.kc:focus{outline:0}.kc-scroll:focus-visible{outline:2px solid var(--kc-purple-bright);outline-offset:-2px}.kc-open-full{display:none}@media screen and (max-width:768px){.kc:not(.is-open):not(.kc--hub) .kc-open-full{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;padding:10px 16px;border:1px solid var(--kc-line);border-top:0;background:#a855f71f;color:var(--kc-purple-bright);font:inherit;font-size:14px;font-weight:800;cursor:pointer}.kc:not(.is-open):not(.kc--hub) .kc-open-full:active{background:#a855f738}.kc:not(.is-open):not(.kc--hub) .kc-feed{border-radius:18px 18px 0 0}.kc:not(.is-open):not(.kc--hub) .kc-open-full+.kc-composer,.kc:not(.is-open):not(.kc--hub) .kc-open-full+.kc-guest{border-top:0}.kc.is-open .kc-head{padding-left:max(22px,env(safe-area-inset-left));padding-right:max(22px,env(safe-area-inset-right))}.kc.is-open .kc-scroll{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}.kc.is-open .kc-composer,.kc.is-open .kc-guest{margin-left:max(16px,env(safe-area-inset-left));margin-right:max(16px,env(safe-area-inset-right))}.kc.is-open .kc-sheet-close,.kc-sheet-open{width:44px;height:44px}}@media(pointer:coarse),screen and (max-width:768px){.kc-act{min-height:44px;padding:6px 12px}.kc-more{min-width:44px}.kc-tool{min-width:44px;height:44px}.kc-sort button{min-height:40px;padding:6px 16px}.kc-rules-btn{min-height:44px}.kc .kc-reply-cancel,.kc-dialog-close{width:44px;height:44px}.kc-emoji{height:44px}.kc-emoji-panel{width:min(300px,86vw);grid-template-columns:repeat(6,1fr)}.kc-spoiler-btn{min-height:44px;padding:8px 16px}.kc-menu-item,.kc-chip,.kc-load{min-height:44px}.kc-trend-item{min-height:60px}.kc-toast{max-width:calc(100vw - 24px);bottom:calc(16px + env(safe-area-inset-bottom))}}@media(forced-colors:active){.kc-send:disabled{opacity:.5}.kc-dot{forced-color-adjust:none}}@media screen and (max-width:768px){.kh{height:var(--kh-vh,100dvh)!important}}@media(pointer:coarse),screen and (max-width:768px){.kh-room{min-height:60px}.kh-mini{min-height:48px}.kh-back{min-width:44px;min-height:44px}.kh-search input{min-height:44px;font-size:16px}}.kh-room:focus-visible,.kh-mini:focus-visible,.kh-back:focus-visible,.kh-search input:focus-visible{outline:2px solid var(--kc-purple-bright,#c084fc);outline-offset:2px}.kh .kc-title:focus{outline:0}@media screen and (max-width:768px){.kh{padding-bottom:var(--kh-bot-m,12px)!important}}.kh-expand,.kh-collapse{display:none}html.kc-vt-run::view-transition-old(root),html.kc-vt-run::view-transition-new(root){animation:none;mix-blend-mode:normal}html.kc-vt-run::view-transition-group(root){animation:none}.kc-vt .kc-panel,.kh.kc-vt .kh-center{view-transition-name:kc-panel}html.kc-vt-run::view-transition-group(kc-panel){animation-duration:.46s;animation-timing-function:cubic-bezier(.2,.8,.2,1);border-radius:18px;overflow:clip}html.kc-vt-run::view-transition-old(kc-panel),html.kc-vt-run::view-transition-new(kc-panel){height:100%;width:100%;object-fit:cover;object-position:top center;animation-duration:.46s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}@media screen and (max-width:768px){.kh .kc--hub .kh-expand,.kh.kh-full .kc--hub .kh-collapse{display:flex;flex:none;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--kc-line-strong);border-radius:50%;background:var(--kc-surface);color:#fff;cursor:pointer}.kh.kh-full .kc--hub .kh-expand,.kh.kh-full .kh-back{display:none}.kh.kh-full .kh-center{position:fixed;left:0;right:0;top:var(--kh-vvtop,0px);height:var(--kh-vh,100dvh);z-index:2147482000;animation:none!important;transform:none!important;background:var(--kc-bg,#0b0910);display:block}.kh.kh-full .kc--hub{height:100%;margin:0;border:0;border-radius:0;box-shadow:none;padding:calc(12px + env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}}.kc.has-cover:not(.is-open){position:relative;isolation:isolate;overflow:clip}.kc.has-cover:not(.is-open):before{content:"";position:absolute;left:0;right:0;top:0;height:240px;z-index:-2;pointer-events:none;background:var(--kc-cover) center 30%/cover no-repeat;filter:blur(16px) saturate(1.25);transform:scale(1.2);transform-origin:top center;opacity:.55;animation:kc-cover-in .7s ease both;-webkit-mask-image:linear-gradient(180deg,#000 35%,transparent 100%);mask-image:linear-gradient(180deg,#000 35%,transparent 100%)}.kc.has-cover:not(.is-open):after{content:"";position:absolute;left:0;right:0;top:0;height:240px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#0b091080,#0b091061 55%,#0b091000)}.kc.has-cover:not(.is-open) .kc-head{border-bottom-color:#ffffff1a}.kc.has-cover:not(.is-open) .kc-title,.kc.has-cover:not(.is-open) .kc-subtitle,.kc.has-cover:not(.is-open) .kc-meta{text-shadow:0 1px 10px rgba(0,0,0,.45)}@media screen and (max-width:768px){.kh.kh-full .kc--hub.has-cover:before,.kh.kh-full .kc--hub.has-cover:after{border-radius:0}}@keyframes kc-cover-in{0%{opacity:0}to{opacity:.55}}@media(prefers-reduced-motion:reduce){.kc.has-cover:before{animation:none!important}}.kc-readmore{display:none}.kc-replyto--root{position:absolute!important;width:1px;height:1px;margin:-1px!important;padding:0!important;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media screen and (max-width:768px){.kc-thread{margin-bottom:2px}.kc .kc-item,.kc.is-open .kc-item{padding:8px 4px;gap:10px}.kc .kc-item .kc-avatar-wrap{width:32px;height:32px}.kc .kc-item .kc-avatar-letter{font-size:14px}.kc .kc-item .kc-meta{margin:0;gap:6px;line-height:1.25}.kc .kc-item .kc-author{font-size:14px}.kc .kc-item .kc-text{font-size:15px;line-height:1.45}.kc .kc-actions{margin-top:0;gap:0}.kc .kc-act{position:relative;min-height:32px;padding:2px 10px}.kc .kc-act:first-child{margin-left:-10px}.kc .kc-more{min-width:36px;justify-content:center}.kc .kc-act:after{content:"";position:absolute;left:-2px;right:-2px;top:-6px;bottom:-6px}.kc .kc-like-count:empty,.kc .kc-like-count[data-zero]{display:none}.kc .kc-replies,.kc.is-open .kc-replies{margin:0 0 4px 19px;padding:0 0 0 10px}.kc .kc-item--reply,.kc.is-open .kc-item--reply{margin:2px 0;padding:6px 8px;gap:8px}.kc .kc-item--reply:before{left:-12px;top:18px;width:10px}.kc .kc-item--reply .kc-avatar-wrap{width:24px;height:24px}.kc .kc-item--reply .kc-avatar-letter{font-size:12px}.kc .kc-item--reply .kc-author{font-size:13.5px}.kc .kc-item--reply .kc-text{font-size:14.5px}.kc button.kc-replyto{padding:0;margin:0 0 1px;min-height:0}.kc-text.kc-clamp{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;line-clamp:6;overflow:hidden}.kc .kc-readmore{display:inline-flex;align-items:center;position:relative;margin:2px 0 0;padding:2px 0;border:0;background:none;color:var(--kc-purple-bright);font:inherit;font-size:13.5px;font-weight:800;cursor:pointer;min-height:28px}.kc .kc-readmore:after{content:"";position:absolute;left:-8px;right:-16px;top:-8px;bottom:-8px}.kc .kc-readmore:focus-visible{outline:2px solid var(--kc-purple-bright);outline-offset:2px;border-radius:6px}.kc-head{gap:8px;padding-bottom:10px}.kc .kc-toolbar{gap:8px}.kc .kc-rules-btn{min-height:40px;padding:6px 12px}.kc .kc-guest,.kc.is-open .kc-guest{flex-wrap:nowrap;padding:8px 10px;gap:10px}.kc .kc-guest-text{display:none}.kc .kc-guest-btn{flex:1 1 auto;width:auto;min-height:44px}}@media(prefers-reduced-motion:reduce){.kc-readmore{transition:none}}@keyframes kc-sheet-up{0%{transform:translateY(28px);opacity:0}to{transform:none;opacity:1}}@keyframes kc-sheet-up-full{0%{transform:translateY(100%)}to{transform:none}}@media screen and (max-width:768px){.kc:not(.is-open):not(.kc--hub) .kc-sheet-open{display:none}.kc:not(.is-open) .kc-subtitle{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.kc .kc-toolbar{flex-wrap:nowrap;align-items:center}.kc .kc-toolbar-right{flex-wrap:nowrap;margin-left:auto}.kc .kc-rules-btn{width:44px;height:44px;min-height:44px;padding:0;gap:0;justify-content:center;border-radius:50%}.kc .kc-rules-btn .kc-rules-text{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.kc .kc-rules-btn svg{width:18px;height:18px}.kc .kc-toolbar:not(:has(.kc-count,.kc-rules-btn,.kc-sort:not([hidden]))){display:none}.kc--hub .kc-head-main .kc-rules-btn{flex:none}.kc--hub .kc-titles{gap:3px}.kc--hub .kc-titles .kc-count{font-size:13px}.kc--hub .kc-title{font-size:16px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.kc:not(.is-open):not(.kc--hub) .kc-scroll{min-height:150px;max-height:min(360px,50dvh)}.kc:not(.is-open):not(.kc--hub) .kc-feed:after{content:"";position:absolute;left:0;right:0;bottom:0;height:34px;z-index:5;pointer-events:none;background:linear-gradient(180deg,#0b091000,#0b0910d9)}.kc[data-state=empty]:not(.is-open):not(.kc--hub) .kc-scroll,.kc[data-state=error]:not(.is-open):not(.kc--hub) .kc-scroll{min-height:0}.kc[data-state=empty]:not(.is-open):not(.kc--hub) .kc-feed:after{display:none}.kc-empty{padding:18px 16px}.kc-empty-icon img{width:44px;height:44px}.kc-empty h4{font-size:17px}.kc .kc-opts .kc-menu:not([hidden]){position:fixed!important;left:8px;right:8px;top:auto!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;margin:0!important;min-width:0;padding:8px;border-radius:20px;z-index:2147483000;box-shadow:0 0 0 100vmax #05030a8c,0 -12px 40px #00000080;animation:kc-sheet-up .22s cubic-bezier(.2,.8,.2,1) both}.kc .kc-opts .kc-menu:not([hidden]):before{content:"";display:block;width:36px;height:4px;margin:2px auto 8px;border-radius:4px;background:#ffffff38}.kc .kc-opts .kc-menu .kc-menu-item{min-height:52px;padding:12px 16px;gap:12px;font-size:15px;border-radius:12px}.kc-dialog{width:100%;max-width:none;margin:auto 0 0;max-height:88dvh;border-radius:24px 24px 0 0;border-bottom:0;padding-bottom:env(safe-area-inset-bottom);animation:kc-sheet-up-full .34s cubic-bezier(.2,.8,.2,1) both}.kc-dialog[open]{animation:kc-sheet-up-full .34s cubic-bezier(.2,.8,.2,1) both}.kc-dialog.is-closing{animation:kc-dlg-out .2s ease both}.kc-dialog-head{position:sticky;top:0;z-index:2;padding:16px 20px;background:#1a1228}.kc-dialog-head:before{content:"";position:absolute;left:50%;top:6px;width:36px;height:4px;margin-left:-18px;border-radius:4px;background:#ffffff38}.kc-dialog-body{padding:16px 20px 20px}.kc-dialog-body li{padding:14px}.kc-dialog-actions{flex-wrap:nowrap}.kc-dialog-actions>*{flex:1;min-height:48px}}@media(prefers-reduced-motion:reduce){.kc .kc-opts .kc-menu:not([hidden]),.kc-dialog,.kc-dialog[open]{animation:none!important}}@media screen and (max-width:768px){.kc .kc-feed,.kc:not(.is-open):not(.kc--hub) .kc-feed{border:0;background:none;border-radius:0}.kc:not(.is-open) .kc-scroll{padding:2px 0}.kc .kc-head,.kh .kc--hub .kc-head{border-bottom:0;padding-bottom:4px}.kh .kc--hub .kc-subtitle{display:none}.kc .kc-item,.kc.is-open .kc-item{background:none!important}.kc .kc-item--reply,.kc.is-open .kc-item--reply{background:none;border:0;border-radius:0;padding:6px 0;margin:0}.kc .kc-item--reply:before{display:none}.kc .kc-replies,.kc.is-open .kc-replies{border-left-color:#a855f747;margin:0 0 2px 15px;padding:0 0 0 12px}.kc-thread+.kc-thread{border-top:1px solid rgba(255,255,255,.06)}.kc:not(.is-open) .kc-composer,.kc:not(.is-open) .kc-guest{border:0;border-top:1px solid var(--kc-line);border-radius:0;background:none;padding:10px 0 0}.kc:not(.is-open) .kc-lock{display:none}.kc:not(.is-open) .kc-guest-btn{flex:1 1 100%;width:100%}.kc:not(.is-open):not(.kc--hub) .kc-scroll{overflow:hidden}.kc:not(.is-open):not(.kc--hub) .kc-hub-link{display:none}.kc:not(.is-open):not(.kc--hub) .kc-open-full{margin:8px 0 0;width:100%;border:1px solid rgba(168,85,247,.32);border-radius:14px;background:#a855f71f}.kc:not(.is-open):not(.kc--hub) .kc-open-full+.kc-composer,.kc:not(.is-open):not(.kc--hub) .kc-open-full+.kc-guest{border-top:0;padding-top:8px}.kc.has-cover:not(.is-open):after{background:linear-gradient(180deg,#0b09109e,#0b091080,#0b091000)}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/koji-chat-a11y.css.map */