.x-lb[hidden]{display:none}.x-lb{--x-lb-px: var(--x-lb-px-m, 10px);--x-lb-pt: var(--x-lb-pt-m, 62px);--x-lb-pb: var(--x-lb-pb-m, 8px);--x-lb-bar: var(--x-lb-bar-m, 44px);--x-lb-btn: var(--x-lb-btn-m, 44px);--x-lb-frame: var(--x-lb-frame-m, 4px);position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--x-lb-z, 200);display:grid;grid-template-rows:minmax(0,1fr) var(--x-lb-bar);background:var(--x-lb-scrim, rgba(11, 10, 8, .975));touch-action:none;animation:x-lb-in var(--x-lb-in, .28s) ease both}@keyframes x-lb-in{0%{opacity:0}to{opacity:1}}.x-lb__stage{position:relative;display:grid;place-items:center;min-height:0;padding:var(--x-lb-pt) var(--x-lb-px) var(--x-lb-pb)}.x-lb__img{display:block;width:auto;height:auto;object-fit:cover;max-width:min(100%,var(--x-lb-cw, 100%));max-height:min(calc(100vh - var(--x-lb-bar) - var(--x-lb-pt) - var(--x-lb-pb)),var(--x-lb-ch, 100vh));border:var(--x-lb-frame) solid var(--x-lb-frame-color, var(--paper, #f3eee3));background:var(--x-lb-frame-bg, var(--night-2, #1e1b16));opacity:0;transition:opacity .3s ease}@supports (height: 100dvh){.x-lb__img{max-height:min(calc(100dvh - var(--x-lb-bar) - var(--x-lb-pt) - var(--x-lb-pb)),var(--x-lb-ch, 100dvh))}}.x-lb__img.is-on{opacity:1}.x-lb__btn{position:absolute;z-index:2;width:var(--x-lb-btn);height:var(--x-lb-btn);display:grid;place-items:center;padding:0;border:1px solid var(--x-lb-btn-edge, rgba(243, 238, 227, .38));border-radius:50%;background:var(--x-lb-btn-bg, rgba(11, 10, 8, .5));color:var(--x-lb-btn-ink, var(--paper, #f3eee3));cursor:pointer;transition:background .25s ease,border-color .25s ease,transform .25s ease;-webkit-tap-highlight-color:transparent}.x-lb__btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}@media(hover:hover){.x-lb__btn:hover{background:var(--x-lb-btn-ink, var(--paper, #f3eee3));border-color:var(--x-lb-btn-ink, var(--paper, #f3eee3));color:var(--x-lb-btn-bg-hover, var(--ink, #1c1917))}}.x-lb__btn:focus-visible{outline:2px solid var(--x-lb-focus, var(--green, #00834e));outline-offset:3px}.x-lb__close{top:clamp(10px,2vw,22px);right:clamp(10px,2vw,22px)}.x-lb__prev,.x-lb__next{top:50%;transform:translateY(-50%)}.x-lb__prev{left:8px}.x-lb__next{right:8px}@media(hover:hover){.x-lb__prev:hover{transform:translateY(-50%) translate(-2px)}.x-lb__next:hover{transform:translateY(-50%) translate(2px)}}.x-lb[data-solo=true] .x-lb__prev,.x-lb[data-solo=true] .x-lb__next{display:none}.x-lb__bar{height:var(--x-lb-bar);display:flex;align-items:center;justify-content:center;gap:14px;padding:0 16px}.x-lb__count{margin:0;color:var(--x-lb-count, rgba(243, 238, 227, .62));font-variant-numeric:tabular-nums}.x-lb__hint{display:none;margin:0;color:var(--x-lb-hint, rgba(243, 238, 227, .34));font-family:var(--sans, sans-serif);font-size:10px;font-weight:600;letter-spacing:.17em;text-transform:uppercase}@media(min-width:901px){.x-lb{--x-lb-px: clamp(var(--x-lb-px-m, 10px), 5vw, var(--x-lb-px-d, 96px));--x-lb-pt: clamp(46px, 6vw, var(--x-lb-pt-d, 64px));--x-lb-pb: clamp(var(--x-lb-pb-m, 8px), 2vw, var(--x-lb-pb-d, 28px));--x-lb-bar: var(--x-lb-bar-d, 46px);--x-lb-btn: var(--x-lb-btn-d, 46px);--x-lb-frame: var(--x-lb-frame-d, 6px)}.x-lb__prev{left:clamp(8px,1.6vw,22px)}.x-lb__next{right:clamp(8px,1.6vw,22px)}.x-lb__hint{display:block}}.x-lb-item{cursor:zoom-in;-webkit-tap-highlight-color:transparent}.x-lb-item:focus-visible{outline:2px solid var(--x-lb-focus, var(--green, #00834e));outline-offset:3px}@media(prefers-reduced-motion:reduce){.x-lb{animation-duration:1ms}.x-lb__img{transition-duration:1ms}.x-lb__btn{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/x-lightbox.css.map */