.pre-order-lightbox__thumbnails{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.pre-order-lightbox__thumbnail{display:block;width:clamp(64px,8vw,100px);aspect-ratio:1;border:1px solid #ffffff50;border-radius:5px;overflow:hidden;background:#111;transition:border-color .2s}.pre-order-lightbox__thumbnail:hover{border-color:#d7ff80}.pre-order-lightbox__thumbnail:focus-visible{outline:2px solid #d7ff80;outline-offset:4px}.pre-order-lightbox__thumbnail img{display:block;width:100%;height:100%;object-fit:cover}.pre-order-lightbox{--lightbox-accent: #d7ff80;position:fixed;top:0;right:0;bottom:0;left:0;box-sizing:border-box;width:min(1200px,calc(100vw - 48px));max-width:calc(100vw - 48px);height:min(var(--lightbox-ideal-height, 900px),calc(100vh - 48px));height:min(var(--lightbox-ideal-height, 900px),calc(100dvh - 48px));max-height:calc(100dvh - 48px);margin:auto;padding:0;border:1px solid rgba(215,255,128,.24);border-radius:12px;color:#fff7d7;background:#090d0b;box-shadow:0 24px 100px #000b;overflow:hidden;overscroll-behavior:contain}.pre-order-lightbox[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;animation:pre-order-lightbox-in .16s ease-out}.pre-order-lightbox::backdrop{background:#000000e0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.pre-order-lightbox [hidden]{display:none!important}.pre-order-lightbox *,.pre-order-lightbox *:before,.pre-order-lightbox *:after{box-sizing:border-box}.pre-order-lightbox__toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 18px;border-bottom:1px solid #ffffff12}.pre-order-lightbox__heading{min-width:0}.pre-order-lightbox__eyebrow{margin:0 0 4px;color:#c4d0bf;font:600 10px/1.2 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase}.pre-order-lightbox__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0;color:#fff7d7;font:24px/1.15 Andy-Bold,sans-serif;letter-spacing:0;overflow-wrap:anywhere}.pre-order-lightbox__actions{display:flex;flex-shrink:0;align-items:center;gap:8px}.pre-order-lightbox button,.pre-order-lightbox__full-size{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;gap:8px;min-width:44px;min-height:44px;margin:0;padding:10px 14px;border:1px solid #ffffff26;border-radius:6px;color:#fff7d7;background:#ffffff08;box-shadow:none;font:600 13px/1.2 system-ui,sans-serif;letter-spacing:0;text-transform:none;text-decoration:none;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background .15s,border-color .15s}.pre-order-lightbox__full-size{border-color:transparent;background:transparent;color:#c4d0bf}.pre-order-lightbox button:hover,.pre-order-lightbox__full-size:hover{color:#fff7d7;background:#d7ff8014;border-color:#d7ff8073}.pre-order-lightbox button:focus-visible,.pre-order-lightbox__full-size:focus-visible{outline:2px solid var(--lightbox-accent);outline-offset:3px}.pre-order-lightbox svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.pre-order-lightbox__stage{position:relative;min-width:0;min-height:0;margin:0;background:#030504;overflow:hidden;touch-action:pan-y pinch-zoom}.pre-order-lightbox .pre-order-lightbox__image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:100%;max-height:100%;margin:0;padding:12px;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.pre-order-lightbox__status,.pre-order-lightbox__error{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;margin:0;padding:24px;color:#c4d0bf;text-align:center;font:14px/1.5 system-ui,sans-serif}.pre-order-lightbox__error p{margin:0}.pre-order-lightbox__footer{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:12px 18px;border-top:1px solid #ffffff12}.pre-order-lightbox__details{min-width:0}.pre-order-lightbox__caption{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0 0 5px;color:#e4e8de;font:14px/1.4 system-ui,sans-serif;overflow-wrap:anywhere}.pre-order-lightbox__hint{margin:0;color:#a8b4a3;font:12px/1.4 system-ui,sans-serif}.pre-order-lightbox__controls{display:flex;flex-shrink:0;align-items:center;gap:12px}.pre-order-lightbox__counter{min-width:88px;margin:0;text-align:center;white-space:nowrap;color:#e4e8de;font:13px/1.3 system-ui,sans-serif;font-variant-numeric:tabular-nums}@keyframes pre-order-lightbox-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:767px){.pre-order-lightbox__thumbnails{justify-content:center}.pre-order-lightbox__thumbnail{width:80px;max-width:calc((100vw - 60px) / 3)}.pre-order-lightbox{width:calc(100vw - 20px);max-width:calc(100vw - 20px);height:min(var(--lightbox-ideal-height, 900px),calc(100vh - 20px));height:min(var(--lightbox-ideal-height, 900px),calc(100dvh - 20px));max-height:calc(100dvh - 20px);border-radius:10px}.pre-order-lightbox__toolbar{gap:12px;padding:10px 12px}.pre-order-lightbox__title{font-size:20px}.pre-order-lightbox__actions{gap:5px}.pre-order-lightbox__full-size{padding:10px}.pre-order-lightbox__full-size span{display:none}.pre-order-lightbox .pre-order-lightbox__close{padding:10px}.pre-order-lightbox .pre-order-lightbox__image{padding:6px}.pre-order-lightbox__footer{justify-content:center;min-height:68px;padding:10px 12px}.pre-order-lightbox__details{display:none}.pre-order-lightbox__controls{justify-content:center;gap:16px;width:100%}}@media(max-width:359px){.pre-order-lightbox__close span,.pre-order-lightbox__controls button span{display:none}.pre-order-lightbox__counter{min-width:80px}}@media(max-height:480px)and (min-width:768px){.pre-order-lightbox{height:min(var(--lightbox-ideal-height, 900px),calc(100dvh - 16px));max-height:calc(100dvh - 16px)}.pre-order-lightbox__toolbar{padding:6px 12px}.pre-order-lightbox__eyebrow{display:none}.pre-order-lightbox__footer{min-height:56px;padding:6px 12px}}@media(prefers-reduced-motion:reduce){.pre-order-lightbox[open]{animation:none}.pre-order-lightbox button,.pre-order-lightbox__full-size,.pre-order-lightbox__thumbnail{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/124/assets/pre-order-lightbox.css.map */