.cc-main-product .cr3d-media,.cc-main-product .cr3d-shelves,.cr3d-main .cr3d__dialog,.cr3d-main .cr3d__zoom{--cr3d-ink: rgb(var(--text-color));--cr3d-muted: rgba(var(--text-color) / .6);--cr3d-line: rgba(var(--text-color) / .15);--cr3d-gap: calc(3 * var(--space-unit, 4px));--cr3d-top: max(var(--header-end-padded, 24px), calc(var(--announcement-height, 0px) + 16px))}.cr3d-media .cr3d__first-in{position:relative;width:100%}.cr3d-media .cr3d__stage{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;background:var(--cr3d-tile, #fafafa);border-radius:var(--cr3d-radius, 4px)}.cr3d-media .cr3d__stage canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;display:block;touch-action:pan-y!important}.cr3d-media .cr3d__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;transition:opacity .3s}.cr3d-main.cr3d--drawn .cr3d__poster{opacity:0;pointer-events:none}.cr3d-media .cr3d__msg{position:absolute;inset:auto 16px 56px;display:grid;gap:2px;text-align:center;background:rgba(var(--bg-color) / .92);border-radius:var(--btn-border-radius);padding:12px;font-size:14px}.cr3d-media .cr3d__msg small{color:var(--cr3d-muted)}.cr3d-media .cr3d__busy{position:absolute;top:12px;left:12px;z-index:1;display:flex;gap:8px;align-items:center;background:rgba(var(--bg-color) / .92);border-radius:var(--btn-border-radius);padding:6px 12px;font-size:13px}.cr3d-media .cr3d__spin{width:14px;height:14px;border:2px solid var(--cr3d-line);border-top-color:var(--cr3d-ink);border-radius:50%;animation:cr3d-spin .8s linear infinite}@keyframes cr3d-spin{to{transform:rotate(360deg)}}.cr3d-media .cr3d__hint{position:absolute;top:12px;right:12px;z-index:1;margin:0;font-size:12px;line-height:1.4;color:var(--cr3d-muted);background:rgba(var(--bg-color) / .85);padding:4px 8px;border-radius:var(--btn-border-radius)}.cr3d-main.cr3d--turned .cr3d__hint,.cr3d-main.cr3d--no3d .cr3d__hint,.cr3d-media .cr3d__busy:not([hidden])~.cr3d__hint{display:none}.cr3d-media .cr3d__hint-touch{display:none}@media(pointer:coarse){.cr3d-media .cr3d__hint-mouse{display:none}.cr3d-media .cr3d__hint-touch{display:inline}}.cr3d-media .cr3d__badge{position:absolute;right:12px;bottom:12px;z-index:2;display:inline-flex;align-items:center;gap:4px;padding:4px 8px;font-size:12px;line-height:1.2;color:var(--cr3d-ink);background:rgba(var(--bg-color) / .92);border-radius:var(--btn-border-radius);pointer-events:none}.cr3d-main.cr3d--no3d .cr3d__badge{display:none}.cr3d-media .cr3d__first-in>.product-media-labels{position:absolute;top:0;left:0;right:0;z-index:3;pointer-events:none}.cr3d-media .cr3d__first-in:has(.product-label) .cr3d__hint{top:48px}.cr3d-media .cr3d__first-in:has(.product-label) .cr3d__busy{top:52px}.cr3d-media .cr3d__tile{position:relative;display:block;width:100%;aspect-ratio:1 / 1;margin:0;padding:0;border:0;overflow:hidden;cursor:pointer;background:var(--cr3d-tile, #fafafa);border-radius:var(--cr3d-radius, 4px);color:inherit;font:inherit;text-align:start}.cr3d-media .cr3d__tile img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.cr3d-media .cr3d__tile--photo{cursor:zoom-in}.cr3d-media .cr3d__tile--angle img{object-fit:contain;opacity:0;transition:opacity .3s}.cr3d-media .cr3d__tile--angle.is-ready img{opacity:1}.cr3d-media .cr3d__tile--angle.is-stale img{opacity:.35}.cr3d-media .cr3d__tile--angle:is(:not(.is-ready),.is-stale):after{content:"";position:absolute;top:calc(50% - 9px);left:calc(50% - 9px);width:18px;height:18px;border:2px solid var(--cr3d-line);border-top-color:var(--cr3d-ink);border-radius:50%;animation:cr3d-spin .8s linear infinite}.cr3d-media .cr3d__tile--angle[aria-pressed=true]{box-shadow:inset 0 0 0 2px rgba(var(--text-color) / .6)}.cr3d-media .cr3d__tile:focus-visible{outline:2px solid var(--cr3d-ink);outline-offset:2px}@media(prefers-reduced-motion:reduce){.cr3d-media .cr3d__spin,.cr3d-media .cr3d__tile--angle:after{animation:none}}@media(min-width:769px){.cr3d-media .cr3d__first-in{max-width:calc(100vh - 2 * var(--cr3d-top-desk, 48px));margin-inline:0 auto}.cr3d-media .cr3d__gallery{display:grid;gap:var(--cr3d-gap);margin-top:var(--cr3d-gap)}.cr3d-media :is(.cr3d__angles,.cr3d__photos){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--cr3d-gap)}.cr3d-media .cr3d__photos:empty{display:none}}@media(min-width:769px){.cr3d-main--sticky .cr3d__first{min-height:var(--cr3d-first-h, 0px)}.cr3d-main--sticky .cr3d__first-in{position:sticky;top:var(--cr3d-top-desk, var(--cr3d-top))}}@media(max-width:768.98px){.cc-main-product #product-media.cr3d-media-host,.cc-main-product .cr3d-media{display:contents}.cr3d-media .cr3d__first{order:40;flex:0 0 auto;width:100%;min-width:0;margin:var(--cr3d-mgap, 16px) 0 0}.cr3d-main--pin .cr3d__first{position:sticky;top:var(--announcement-height, 0px);z-index:3;width:calc(100% + 2 * var(--gutter, 20px));margin-inline:calc(-1 * var(--gutter, 20px));padding:0 var(--gutter, 20px) 8px;background:rgb(var(--bg-color));transition:top .3s,transform .3s}body:has(.cc-header.header-revealed) .cr3d-main--pin .cr3d__first{top:calc(var(--announcement-height, 0px) + var(--header-height, 60px))}.cr3d-main--pin.cr3d-band-off .cr3d__first{transform:translateY(calc(-100% - var(--announcement-height, 0px) - var(--header-height, 60px)));pointer-events:none}.cr3d-main--pin .cr3d__first .cr3d__stage{max-height:42vh;max-height:42svh}.cr3d-media .cr3d__badge{right:8px;bottom:8px}.cr3d-media .cr3d__gallery{order:41;display:flex;flex:0 0 auto;gap:8px;width:calc(100% + 2 * var(--gutter, 20px));min-width:0;margin:8px calc(-1 * var(--gutter, 20px)) 0;padding-inline:var(--gutter, 20px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter, 20px);scrollbar-width:none}.cr3d-main--pin .cr3d__gallery{margin-top:0}.cr3d-media .cr3d__gallery::-webkit-scrollbar{display:none}.cr3d-media :is(.cr3d__angles,.cr3d__photos){display:contents}.cr3d-media .cr3d__tile{flex:0 0 34%;width:auto;scroll-snap-align:start}}.cr3d-shelves .cr3d__step{min-width:0;margin:0;padding:0;border:0}.cr3d-shelves .cr3d__step>.label{margin-bottom:.8em;padding:0}.cr3d-shelves .cr3d__step-value{font-weight:400}.cr3d-shelves .cr3d__help{margin:-.4em 0 0;font-size:13px;color:var(--cr3d-muted)}.cr3d-shelves .cr3d__shelves{display:grid;grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:16px 12px;margin-top:12px}.cr3d-shelves .cr3d__shelf{display:flex;flex-direction:column;gap:6px;min-width:0}.cr3d-shelves .cr3d__shelf-img{position:relative;aspect-ratio:1 / 1;overflow:hidden;background:var(--cr3d-tile, #fafafa);border-radius:var(--cr3d-radius, 4px)}.cr3d-shelves .cr3d__shelf-img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.cr3d-shelves .cr3d__shelf.is-on .cr3d__shelf-img{box-shadow:inset 0 0 0 2px rgba(var(--text-color) / .6)}.cr3d-shelves .cr3d__shelf-name{margin:0;font-size:13px;line-height:1.3}.cr3d-shelves .cr3d__shelf-price{margin:-2px 0 0;font-size:13px}.cr3d-shelves .cr3d__was{color:var(--cr3d-muted);font-weight:400}.cr3d-shelves .cr3d__shelf quantity-input{display:block;width:100%;margin-top:auto}.cr3d-shelves .cr3d__shelves--list{display:flex;flex-direction:column;gap:0;margin-top:8px}.cr3d-shelves .cr3d__shelves--list .cr3d__shelf{display:grid;grid-template-columns:56px minmax(0,1fr) auto;grid-template-areas:"img text price" "img text qty";align-items:center;column-gap:12px;row-gap:4px;padding:8px 0;border-bottom:1px solid rgba(var(--text-color) / .12)}.cr3d-shelves .cr3d__shelves--list .cr3d__shelf:first-child{border-top:1px solid rgba(var(--text-color) / .12)}.cr3d-shelves .cr3d__shelves--list .cr3d__shelf-img{grid-area:img;width:56px}.cr3d-shelves .cr3d__shelves--list .cr3d__shelf-text{grid-area:text;min-width:0}.cr3d-shelves .cr3d__shelves--list .cr3d__shelf-name{font-size:14px}.cr3d-shelves .cr3d__shelf-note{margin:2px 0 0;font-size:12px;line-height:1.35;color:var(--cr3d-muted)}.cr3d-shelves .cr3d__shelves--list .cr3d__shelf-price{grid-area:price;margin:0;text-align:end;white-space:nowrap}.cr3d-shelves .cr3d__shelves--list .cr3d__shelf quantity-input{grid-area:qty;width:112px;margin:0;justify-self:end}.cr3d-shelves .cr3d__shelves--list .cr3d__shelf:not(:has(.cr3d__shelf-price)) quantity-input{grid-row:1 / span 2;align-self:center}.cr3d-shelves .cr3d__layouts{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.cr3d-shelves .cr3d__layout{display:grid;gap:4px}.cr3d-shelves .cr3d__layout small{color:var(--cr3d-muted);font:400 12px/1.4 var(--body-font-family);text-transform:none}.cr3d-shelves .cr3d__note,.cr3d-shelves .cr3d__why{margin:12px 0 0;font-size:13px;color:var(--cr3d-muted)}.cr3d-shelves .cr3d__note{margin:0 0 12px;padding:10px 12px;background:var(--cr3d-tile, #fafafa);border-inline-start:3px solid var(--cr3d-ink);color:inherit}.cr3d-shelves .cr3d__qbtn{margin-top:16px}.cr3d--flash{animation:cr3d-flash 1.2s ease}@keyframes cr3d-flash{0%,to{background:transparent}25%{background:rgba(var(--text-color) / .06)}}@media(prefers-reduced-motion:reduce){.cr3d--flash{animation:none}}.cc-main-product .cr3d-atc--todo{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.cc-main-product .cr3d-atc--todo .btn__label{min-width:0;overflow:hidden;text-overflow:ellipsis}.cc-main-product .cr3d-quote{text-align:start}.cc-main-product .cr3d-quote__link{display:inline-flex;width:auto;min-width:0;height:auto;min-height:0;margin:0;padding:2px 0;border:0;border-radius:0;background:none;box-shadow:none;color:inherit;font-family:var(--body-font-family);font-size:15px;font-weight:400;line-height:1.4;letter-spacing:normal;text-transform:none;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;cursor:pointer}.cc-main-product .cr3d-quote__link:hover{text-decoration-thickness:2px}.cr3d-main .cr3d__zoom{width:min(1200px,calc(100vw - 48px));height:min(860px,calc(100vh - 48px));max-width:none;max-height:none;padding:0;border:0;border-radius:var(--modal-border-radius, 0);background:rgb(var(--bg-color));color:var(--cr3d-ink);overflow:hidden}.cr3d-main .cr3d__zoom::backdrop{background:#00000080}.cr3d-main .cr3d__zoom-photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.cr3d-main .cr3d__zoom-close{position:absolute;top:8px;right:8px;z-index:5;width:44px;height:44px;padding:0;border:0;cursor:pointer;color:inherit;font-size:28px;line-height:1;background:rgba(var(--bg-color) / .92);border-radius:var(--btn-border-radius)}@media(max-width:768.98px){.cr3d-main .cr3d__zoom{width:100vw;height:100vh;height:100svh;margin:0;border-radius:0}}.cr3d-main .cr3d__dialog{width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 32px);border:0;border-radius:var(--modal-border-radius, 0);padding:24px;color:var(--cr3d-ink);background:rgb(var(--bg-color));box-shadow:0 20px 60px #00000040}.cr3d-main .cr3d__dialog::backdrop{background:#00000073}.cr3d-main .cr3d__close{position:absolute;top:8px;right:12px;border:0;background:none;font-size:28px;line-height:1;cursor:pointer;color:inherit}.cr3d-main .cr3d__qsummary{font-size:13px;color:var(--cr3d-muted)}.cr3d-main .cr3d__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cr3d-main .cr3d__fields label{display:grid;gap:4px;font-size:13px}.cr3d-main .cr3d__fields .input,.cr3d-main .cr3d__fields select{width:100%}.cr3d-main .cr3d__full{grid-column:1 / -1}.cr3d-main .cr3d__hp{position:absolute!important;left:-9999px}.cr3d-main .cr3d__small,.cr3d-main .cr3d__small p{font-size:12px;color:var(--cr3d-muted)}.cr3d-main .cr3d__small p{margin:12px 0}.cr3d-main .cr3d__small a{color:var(--cr3d-ink);text-decoration:underline;text-underline-offset:2px}.cr3d-main .cr3d__err{color:rgb(var(--error-text-color, 196 47 26));font-size:13px}@media(max-width:560px){.cr3d-main .cr3d__fields{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/480/assets/cr3d-main.css.map */