.kk-tip{position:relative;overflow:visible}.kk-tip[data-tooltip]:after{content:attr(data-tooltip);position:absolute;inset:auto auto calc(100% + 8px) 50%;transform:translate(-50%) translateY(3px);width:max-content;max-width:var(--kk-tip-w, 220px);white-space:normal;text-align:left;background:var(--kk-ink);color:#fff;font-family:var(--kk-body);font-size:11px;font-weight:600;letter-spacing:.03em;line-height:1.4;padding:7px 9px;border-radius:6px;opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease;z-index:100}.kk-tip[data-tooltip]:hover:after,.kk-tip[data-tooltip]:focus-visible:after,.kk-tip[data-tooltip].is-open:after{opacity:1;transform:translate(-50%) translateY(0)}.kk-tip--start[data-tooltip]:after{inset:auto auto calc(100% + 8px) 0;transform:translate(0) translateY(3px)}.kk-tip--start[data-tooltip]:hover:after,.kk-tip--start[data-tooltip]:focus-visible:after,.kk-tip--start[data-tooltip].is-open:after{transform:translate(0) translateY(0)}.kk-tip--end[data-tooltip]:after{inset:auto 0 calc(100% + 8px) auto;transform:translate(0) translateY(3px)}.kk-tip--end[data-tooltip]:hover:after,.kk-tip--end[data-tooltip]:focus-visible:after,.kk-tip--end[data-tooltip].is-open:after{transform:translate(0) translateY(0)}.kk-tip--below[data-tooltip]:after{inset:calc(100% + 8px) auto auto 50%;transform:translate(-50%) translateY(-3px)}.kk-tip--below[data-tooltip]:hover:after,.kk-tip--below[data-tooltip]:focus-visible:after,.kk-tip--below[data-tooltip].is-open:after{transform:translate(-50%) translateY(0)}.kk-tip--below.kk-tip--start[data-tooltip]:after{inset:calc(100% + 8px) auto auto 0;transform:translate(0) translateY(-3px)}.kk-tip--below.kk-tip--end[data-tooltip]:after{inset:calc(100% + 8px) 0 auto auto;transform:translate(0) translateY(-3px)}.kk-tip--below.kk-tip--start[data-tooltip]:hover:after,.kk-tip--below.kk-tip--start[data-tooltip]:focus-visible:after,.kk-tip--below.kk-tip--start[data-tooltip].is-open:after,.kk-tip--below.kk-tip--end[data-tooltip]:hover:after,.kk-tip--below.kk-tip--end[data-tooltip]:focus-visible:after,.kk-tip--below.kk-tip--end[data-tooltip].is-open:after{transform:translate(0) translateY(0)}@media(prefers-reduced-motion:reduce){.kk-tip[data-tooltip]:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/kkumi-tooltip.css.map */