.tprod__lb{width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;color:var(--tprod-on-accent, #faf7f0);overflow:hidden}.tprod__lb::backdrop{background:#0a140ed1}.tprod__lb-stage{display:grid;place-items:center;width:100%;height:100%;padding:clamp(.9rem,3vw,2rem)}.tprod__lb-panel{position:relative;display:grid;place-items:center;width:min(100%,42rem);max-height:100%;padding:clamp(1rem,3vw,2rem) clamp(1rem,3vw,2rem) 3.25rem;border-radius:clamp(1rem,2vw,1.5rem);background-color:var(--tprod-accent, #8e4033);box-shadow:0 30px 80px #00000073}.tprod__lb[open] .tprod__lb-panel{animation:tprod-lb-in .28s cubic-bezier(.22,.8,.25,1)}@keyframes tprod-lb-in{0%{opacity:0;transform:translateY(14px) scale(.97)}}.tprod__lb-fig{display:grid;place-items:center;margin:0}.tprod__lb-fig[hidden]{display:none}.tprod__lb-img{display:block;aspect-ratio:var(--r, .667);width:min(100%,calc((100vh - 11rem) * var(--r, .667)));width:min(100%,calc((100dvh - 11rem) * var(--r, .667)));height:auto;object-fit:contain;border-radius:.6rem}.tprod__lb-close,.tprod__lb-nav{position:absolute;z-index:2;display:grid;place-items:center;border:0;border-radius:999px;background-color:var(--tprod-ground, #f6eddd);color:var(--tprod-ink, #1c3b27);box-shadow:0 4px 14px #0000004d;cursor:pointer;transition:transform .2s ease}.tprod__lb-close:hover,.tprod__lb-nav:hover{transform:scale(1.08)}.tprod__lb-close:focus-visible,.tprod__lb-nav:focus-visible{outline:3px solid var(--tprod-on-accent, #faf7f0);outline-offset:2px}.tprod__lb-close{top:-.75rem;right:-.5rem;width:2.5rem;height:2.5rem}.tprod__lb-nav{top:calc(50% - 1.5rem);width:2.75rem;height:2.75rem}.tprod__lb-nav--prev{left:.6rem}.tprod__lb-nav--next{right:.6rem}@media screen and (max-width:749px){.tprod__lb-nav{top:auto;bottom:.35rem;width:2.5rem;height:2.5rem}.tprod__lb-nav--prev{left:1rem}.tprod__lb-nav--next{right:1rem}}.tprod__lb-dots{position:absolute;inset-inline:0;bottom:.6rem;display:flex;justify-content:center}.tprod__lb-dot:before{background-color:color-mix(in srgb,var(--tprod-on-accent, #faf7f0) 40%,transparent)}.tprod__lb-dot.is-active:before{background-color:var(--tprod-on-accent, #faf7f0)}.tprod__lb-dot:focus-visible{outline-color:var(--tprod-on-accent, #faf7f0)}@media(prefers-reduced-motion:reduce){.tprod__lb[open] .tprod__lb-panel{animation:none}.tprod__lb-close,.tprod__lb-nav{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/trichios-lightbox.css.map */