.kalea-length-option-wrapper:has(.seen-on){display:flex;justify-content:space-between;align-items:flex-end;gap:var(--gap-md, 16px)}.seen-on{flex:0 0 auto}.seen-on{--seen-on-size: 56px;width:var(--seen-on-size);transform:translateY(var(--seen-on-shift, 6px))}.kalea-size-guide-trigger{transform:translate(var(--seen-on-guide-shift, 0px))}.seen-on__trigger{display:flex;flex-direction:column;align-items:center;gap:6px;margin:0;padding:0;border:0;background:none;cursor:pointer;font-family:Neue Montreal,sans-serif}.seen-on__label{font-size:12px;font-weight:400;line-height:1;text-transform:lowercase;letter-spacing:.125em;color:var(--color-foreground, #000);white-space:nowrap}.seen-on__circle{position:relative;display:block;width:var(--seen-on-size);height:var(--seen-on-size);border-radius:50%;overflow:hidden;box-shadow:0 0 0 3px #fff,0 0 0 4px #000}.seen-on__thumb,.seen-on__loop{display:block;width:100%;height:100%;object-fit:cover}.seen-on__loop{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .2s ease}.seen-on__loop[data-ready]{opacity:1}@media(prefers-reduced-motion:reduce){.seen-on__loop{display:none}}@media screen and (min-width:750px){.seen-on{--seen-on-size: 44px}}.kalea-length-option-wrapper:has(.seen-on) .kalea-length-option{flex:1 1 auto}.kalea-length-option-wrapper:has(.seen-on) .kalea-length-option__row{flex-wrap:nowrap}.kalea-length-option-wrapper:has(.seen-on) .variant-option.kalea-length-option .kalea-length-option__button{flex:0 1 96px;min-width:0}#quick-add-modal-content .seen-on{display:none}.seen-on-overlay{position:fixed;top:0;right:0;bottom:0;left:0;height:100dvh;z-index:2147483001;background:#000;border-radius:16px 16px 0 0;overflow:hidden;display:none}.seen-on-overlay[data-open]{display:block}.seen-on-overlay__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;object-fit:cover;background:#000}@media screen and (min-width:750px){.seen-on-overlay{inset:auto 24px 24px auto;width:auto;height:min(78dvh,660px);aspect-ratio:9 / 16;border-radius:16px;box-shadow:0 8px 40px #00000059}}.seen-on-overlay__progress{position:absolute;inset-block-start:0;inset-inline:0;height:3px;background:#ffffff59;z-index:2}.seen-on-overlay__progress span{display:block;width:0;height:100%;background:#fff}.seen-on-overlay__close,.seen-on-overlay__sound{position:absolute;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;color:#fff;cursor:pointer;z-index:3}.seen-on-overlay__close{inset-block-start:16px;inset-inline-start:16px;border-radius:50%;background:#0000008c}.seen-on-overlay__sound{inset-block-end:calc(24px + env(safe-area-inset-bottom));inset-inline-end:16px;background:none;filter:drop-shadow(0 1px 3px rgba(0,0,0,.55))}.seen-on-overlay__sound svg{width:26px;height:26px}.seen-on-overlay__icon-sound{display:none}.seen-on-overlay[data-sound] .seen-on-overlay__icon-sound{display:block}.seen-on-overlay[data-sound] .seen-on-overlay__icon-muted{display:none}html.seen-on-lock,body.seen-on-lock{overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/32/assets/kalea-seen-on.css.map */