.sketch-gallery{--gallery-height: 360px;--gallery-orange: #fd7f25}.sketch-gallery__carousel.sketch-gallery--280{--gallery-height: 220px}.sketch-gallery__carousel.sketch-gallery--360{--gallery-height: 260px}.sketch-gallery__carousel.sketch-gallery--440{--gallery-height: 300px}@media screen and (min-width:750px){.sketch-gallery__carousel.sketch-gallery--280{--gallery-height: 280px}.sketch-gallery__carousel.sketch-gallery--360{--gallery-height: 360px}.sketch-gallery__carousel.sketch-gallery--440{--gallery-height: 440px}}.sketch-gallery__subheading{margin:.6rem 0 0;font-size:1.6rem}.sketch-gallery__empty{margin:2rem 0 0;opacity:.8}.sketch-gallery__carousel{position:relative;display:block}.sketch-gallery__header{flex-wrap:nowrap}.sketch-gallery__titles{flex:1;min-width:0}.sketch-gallery__controls{display:flex;flex:none;gap:.8rem}.sketch-gallery__controls[hidden],.sketch-gallery__progress[hidden]{display:none}.sketch-gallery__arrow{display:inline-flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;border:.1rem solid currentColor;border-radius:50%;background:transparent;color:var(--gallery-orange);cursor:pointer}.sketch-gallery__arrow:disabled{opacity:.35;cursor:default}.sketch-gallery__arrow:not(:disabled):hover{background:var(--gallery-orange);color:#121212}.sketch-gallery__arrow .icon{width:1rem}.sketch-gallery__arrow--prev .icon{transform:rotate(90deg)}.sketch-gallery__arrow--next .icon{transform:rotate(-90deg)}.sketch-gallery__track{display:flex;align-items:flex-start;gap:1.6rem;margin:0 -1.5rem;padding:0 1.5rem .4rem;list-style:none;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:1.5rem;scrollbar-width:none}.sketch-gallery__track::-webkit-scrollbar{display:none}@media screen and (min-width:750px){.sketch-gallery__track{margin:0;padding-inline:0;scroll-padding-inline:0}}.sketch-gallery__slide{display:flex;flex:none;flex-direction:column;gap:.8rem;scroll-snap-align:start}.sketch-gallery__open{display:block;padding:0;border:0;background:none;color:inherit;cursor:zoom-in}.sketch-gallery__media{position:relative;display:block;overflow:hidden;border-radius:.8rem}.sketch-gallery__media img{display:block;height:var(--gallery-height);width:auto;max-width:none}.sketch-gallery__media--placeholder{width:calc(var(--gallery-height) * .75);height:var(--gallery-height);background:#ffffff1a}.sketch-gallery__media--placeholder svg{width:100%;height:100%}.sketch-gallery__tag{position:absolute;top:.8rem;left:.8rem;padding:.2rem .8rem;border-radius:.4rem;background:var(--gallery-orange);color:#121212;font-size:1.1rem;font-weight:700;letter-spacing:.06rem;text-transform:uppercase}.sketch-gallery__caption{width:0;min-width:100%;margin:0;font-size:1.3rem}.sketch-gallery__progress{position:relative;height:.3rem;margin-top:1.6rem;border-radius:.2rem;background:#fff3}.sketch-gallery__thumb{position:absolute;top:0;bottom:0;min-width:2rem;border-radius:.2rem;background:var(--gallery-orange)}.sketch-gallery__open:focus-visible,.sketch-gallery__arrow:focus-visible,.sketch-gallery__close:focus-visible{outline:.2rem solid var(--gallery-orange);outline-offset:.3rem}.sketch-gallery__lightbox{width:100%;max-width:none;height:100%;max-height:none;padding:0;border:0;background:#121212f5;color:#fff}.sketch-gallery__lightbox[open]{display:flex;align-items:center;justify-content:center;gap:1.6rem;padding:1.6rem}.sketch-gallery__lightbox::backdrop{background:#121212e6}.sketch-gallery__figure{display:flex;flex-direction:column;align-items:center;gap:1.2rem;margin:0;min-width:0}.sketch-gallery__figure img{max-width:100%;max-height:78vh;object-fit:contain;border-radius:.8rem}.sketch-gallery__figure figcaption{text-align:center;font-size:1.5rem}.sketch-gallery__close{position:absolute;top:1.6rem;right:1.6rem;display:inline-flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;border:0;background:transparent;color:#fff;cursor:pointer}.sketch-gallery__close .icon{width:2rem}@media screen and (max-width:749px){.sketch-gallery__lightbox[open]{flex-wrap:wrap;align-content:center}.sketch-gallery__figure{order:-1;flex-basis:100%}.sketch-gallery__lightbox-nav{order:1}}@media screen and (max-width:749px){.sketch-gallery__controls .sketch-gallery__arrow{width:3.6rem;height:3.6rem}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-sketch-gallery.css.map */