kuko-visualizer{display:block;color:#1a1a18;margin-bottom:14px}kuko-visualizer[hidden],kuko-visualizer [hidden]{display:none!important}.kuko-visualizer__retry{font:inherit;min-height:44px;padding:9px 14px;border-radius:12px;border:1px solid #77766f;color:#1a1a18;background:#fff;cursor:pointer;line-height:1.2}.kuko-visualizer__frame{position:relative;background:#fff;border:1px solid #d6d2ca;border-radius:22px;overflow:hidden;aspect-ratio:1;max-height:560px;width:100%}.kuko-visualizer__frame canvas{display:block;width:100%;height:100%;object-fit:contain}.kuko-visualizer__message{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center;pointer-events:none}.kuko-visualizer__message button{pointer-events:auto}.kuko-visualizer__message p{margin:0;max-width:30em}kuko-visualizer[data-state=error] .kuko-visualizer__frame{aspect-ratio:auto}kuko-visualizer[data-state=error] .kuko-visualizer__message{position:relative}.kuko-visualizer__meta{display:flex;align-items:start;flex-wrap:wrap;gap:5px 10px;font-size:14px;line-height:1.35;margin:10px 0 6px}.kuko-visualizer__badge{font-size:11px;text-transform:uppercase;letter-spacing:.06em;border:1px solid #77766f;border-radius:5px;padding:3px 5px}.kuko-visualizer__caption{flex:1;min-width:130px;font-weight:700;padding-top:2px}.kuko-visualizer__details{font-size:13px;line-height:1.45}.kuko-visualizer__details summary{cursor:pointer;width:fit-content;min-height:32px;padding:6px 0}.kuko-visualizer__details p{margin:6px 0}.bebobi-spotlight[data-kuko-mode=preview] .bebobi-spotlight__shot,.bebobi-spotlight[data-kuko-mode=preview] .bebobi-spotlight__thumbs{display:none}.bebobi-spotlight[data-kuko-visualizer] .bebobi-spotlight__grid>*{min-width:0}.bebobi-spotlight[data-kuko-visualizer] .bebobi-spotlight__shot{background:#fff;box-shadow:0 24px 44px -26px #1a1a1826}.kuko-demo{margin-bottom:14px;padding:14px 16px;border:1px solid #77766f;border-radius:14px;background:#f4f1eb;color:#1a1a18;font-size:14px;line-height:1.4}.kuko-demo strong{display:block;font-size:15px}.kuko-demo p{margin:6px 0 0}.kuko-demo p:empty{display:none}.kuko-demo__price-label{margin:12px 0 2px;font-size:13px}.bebobi-spotlight[data-kuko-demo] .bebobi-size.is-demo-unavailable{border-style:dashed}.kuko-photo-note{margin:12px 0 0;color:#56554e;font-size:13px;line-height:1.45}.kuko-compact,.kuko-compact[hidden]{display:none}.kuko-compact:not([data-follow-visible=true]){visibility:hidden;pointer-events:none}@media(min-width:768px)and (min-height:501px){.bebobi-spotlight[data-kuko-visualizer] .bebobi-spotlight__stick{top:var(--kuko-sticky-top, 92px)}.bebobi-spotlight[data-kuko-visualizer] kuko-visualizer:not([data-state=error]) .kuko-visualizer__frame{height:var(--kuko-preview-height, min(560px, 55svh));aspect-ratio:auto}.bebobi-spotlight[data-kuko-visualizer] .bebobi-spotlight__shot{height:var(--kuko-gallery-height, min(560px, 65svh));aspect-ratio:auto}.bebobi-spotlight[data-kuko-visualizer] .bebobi-spotlight__img{object-fit:contain}}@media(max-width:767px),(max-height:500px){.bebobi-spotlight[data-kuko-visualizer]{--kuko-compact-height: clamp(112px, 30svh, 240px)}.bebobi-spotlight[data-kuko-visualizer] .bebobi-spotlight__stick{position:static}.kuko-compact:not([hidden]){display:grid;grid-template-columns:minmax(0,min(54%,calc(var(--kuko-compact-height) * var(--kuko-compact-ratio, .743125)))) minmax(0,1fr);gap:12px;align-items:center;position:sticky;top:var(--kuko-sticky-top, 74px);z-index:3;min-width:0;width:100%;max-width:560px;box-sizing:border-box;margin:0 auto 16px;padding:8px;border:1px solid #c4bfb4;border-radius:16px;background:#f4f1eb;box-shadow:0 5px 12px #1a1a1812}.kuko-compact__media{position:relative;width:min(100%,calc(var(--kuko-compact-height) * var(--kuko-compact-ratio, .743125)));justify-self:center;height:auto;aspect-ratio:var(--kuko-compact-ratio, .743125);background:transparent;border-radius:10px;overflow:hidden}.kuko-compact__media :is(img,canvas){display:none;width:100%;height:100%;object-fit:contain;object-position:center}.kuko-compact[data-state=ready][data-mode=configuration] canvas,.kuko-compact[data-state=ready][data-mode=gallery] img{display:block}.kuko-compact__media>span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;padding:8px;font-size:12px;line-height:1.3;text-align:center}.kuko-compact[data-state=ready] .kuko-compact__media>span{display:none}.kuko-compact__text{display:flex;flex-direction:column;justify-content:center;min-width:0;min-height:0;text-align:left}.kuko-compact__label{display:block;margin:0;color:#56554e;font-size:12px;line-height:1.3}.kuko-compact[data-mode=configuration] .kuko-compact__label{display:none}.kuko-compact strong{display:block;font-size:13px;line-height:1.2;overflow-wrap:anywhere}.kuko-compact small{display:block;margin-top:3px;font-size:11px;line-height:1.2;color:#56554e}.kuko-compact[data-mode=gallery] small{display:none}.bebobi-spotlight[data-kuko-visualizer] .bebobi-spotlight__buy :is(button,input,summary){scroll-margin-top:calc(var(--kuko-sticky-top, 74px) + var(--kuko-compact-height) + 36px);scroll-margin-bottom:24px}}@media(max-height:500px){.kuko-compact__text{min-height:0}.kuko-compact small{display:none}}.bebobi-spotlight[data-kuko-visualizer] :is(button,input,summary):focus-visible{outline:3px solid #253f34;outline-offset:3px}@media(max-width:767px){.kuko-visualizer__frame{max-height:365px}}@media(prefers-reduced-motion:reduce){.bebobi-spotlight[data-kuko-visualizer] *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/kuko-visualizer.css.map */