.kk-disc{--kk-disc-size:84px;z-index:40;width:var(--kk-disc-size);height:var(--kk-disc-size);right:14px;bottom:max(calc(4.25rem + env(safe-area-inset-bottom)), var(--kk-cookie-floor,0px));pointer-events:none;transition:transform .55s cubic-bezier(.22,1,.36,1),opacity .3s,visibility linear;animation:.6s cubic-bezier(.34,1.4,.64,1) .35s backwards kkDiscIn;position:fixed}.kk-disc[data-lift]{transform:translateY(-2.4rem)}.kk-disc[data-hidden]{opacity:0;visibility:hidden;transition:transform .3s,opacity .22s,visibility 0s linear .3s;transform:translateY(14px)scale(.8)}@keyframes kkDiscIn{0%{opacity:0;transform:scale(.6)rotate(-30deg)}to{opacity:1;transform:none}}@media (min-width:768px){.kk-disc{--kk-disc-size:104px;right:20px}}@media (min-width:1024px){.kk-disc{--kk-disc-size:160px;right:24px;bottom:max(1.5rem, var(--kk-cookie-floor,0px))}.kk-disc[data-lift]{transform:none}}.kk-disc-face{pointer-events:auto;transform-origin:100% 100%;-webkit-tap-highlight-color:transparent;border-radius:9999px;place-items:center;transition:transform .6s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;inset:0}@media (min-width:1024px){.kk-disc-face{transform:scale(.625)}.kk-disc[data-big] .kk-disc-face{transform:none}}.kk-disc-face:focus-visible{outline:3px solid var(--color-koko-teal);outline-offset:5px}.kk-disc-plate{background:#f8f2e9;border-radius:9999px;position:absolute;inset:0;box-shadow:0 12px 26px -8px #3d2e1f57,0 0 0 1px #3d2e1f0f}.kk-disc-ring{animation:22s linear infinite kkDiscSpin;position:absolute;inset:0}@keyframes kkDiscSpin{to{transform:rotate(360deg)}}.kk-disc-avatar{border-radius:9999px;width:64%;height:64%;transition:transform .4s cubic-bezier(.34,1.56,.64,1);position:relative;box-shadow:0 0 0 3px #fff,0 6px 14px #3d2e1f38}.kk-disc[data-say] .kk-disc-avatar{animation:.7s cubic-bezier(.34,1.56,.64,1) kkDiscNod}@keyframes kkDiscNod{0%{transform:none}35%{transform:scale(1.1)rotate(-8deg)}70%{transform:scale(.98)rotate(4deg)}to{transform:none}}@media (hover:hover){.kk-disc-face:hover .kk-disc-avatar{transform:scale(1.06)rotate(-4deg)}}.kk-disc-say{--sx:0px;--sy:0px;width:max-content;max-width:min(15.5rem, calc(100vw - var(--kk-disc-size) - 44px));color:var(--color-koko-dark);transform-origin:100%;opacity:0;visibility:hidden;pointer-events:none;transform:translate(calc(var(--sx) + 18px), calc(-50% + var(--sy))) scale(.55);background:#fff;border-radius:18px;align-items:center;gap:12px;padding:11px 12px 12px 16px;text-decoration:none;transition:transform .32s cubic-bezier(.4,0,1,1),opacity .2s,visibility 0s linear .32s;display:flex;position:absolute;top:50%;right:calc(100% + 12px);box-shadow:0 18px 40px -16px #3d2e1f66,0 0 0 1px #3d2e1f0f}.kk-disc[data-say] .kk-disc-say{opacity:1;visibility:visible;pointer-events:auto;transform:translate(var(--sx), calc(-50% + var(--sy))) scale(1);transition:transform .55s cubic-bezier(.34,1.45,.64,1),opacity .25s,visibility}@media (hover:none){.kk-disc[data-say] .kk-disc-say{pointer-events:none}}@media (min-width:1024px){.kk-disc-say{--sx:60px;--sy:30px}.kk-disc[data-big] .kk-disc-say{--sx:0px;--sy:0px}}.kk-disc-say:after{content:"";background:#fff;border-radius:0 3px 0 0;width:14px;height:14px;margin-top:-7px;position:absolute;top:50%;right:-6px;transform:rotate(45deg);box-shadow:1px -1px #3d2e1f0f}.kk-disc-tape{background:repeating-linear-gradient(135deg,#e5a84bd9 0 6px,#f0c478d9 6px 12px);border-radius:2px;width:42px;height:14px;position:absolute;top:-8px;left:14px;transform:rotate(-6deg)}.kk-disc-arrow{background:var(--color-koko-coral-dark);color:#fff;border-radius:9999px;flex:none;place-items:center;width:36px;height:36px;display:grid}@media (prefers-reduced-motion:reduce){.kk-disc,.kk-disc-ring,.kk-disc[data-say] .kk-disc-avatar{animation:none}.kk-disc,.kk-disc[data-hidden],.kk-disc-face,.kk-disc-avatar,.kk-disc-say,.kk-disc[data-say] .kk-disc-say{transition:none}.kk-disc-face:hover .kk-disc-avatar{transform:none}}