:root{--kaw-lightbox-icon-color: #999}.kaw-lightbox__dialog{position:fixed;top:0;right:0;bottom:0;left:0;inline-size:100vw;block-size:100vh;max-inline-size:100vw;max-block-size:100vh;margin:0;padding:0;border:0;background-color:var(--kaw-color-white, #fff)}.kaw-lightbox__dialog::backdrop{background-color:#fffffff2}.kaw-lightbox__dialog[open]{display:flex;align-items:center;justify-content:center}.kaw-lightbox__stage{display:flex;align-items:center;justify-content:center;inline-size:100%;block-size:100%;padding:70px 100px;overflow:hidden}.kaw-lightbox__stage img{max-inline-size:100%;max-block-size:100%;object-fit:contain;cursor:zoom-in;transition:transform .2s ease}.kaw-lightbox__stage img.kaw-lightbox__image--zoomed{cursor:grab}.kaw-lightbox__close{position:absolute;inset-block-start:20px;inset-inline-end:20px;display:flex;align-items:center;justify-content:center;inline-size:56px;block-size:56px;border:0;background:none;color:var(--kaw-lightbox-icon-color);font-size:36px;font-weight:300;line-height:1;cursor:pointer}.kaw-lightbox__zoom-controls{position:absolute;inset-block-start:20px;inset-inline-start:20px;display:flex;flex-direction:column;gap:14px}.kaw-lightbox__zoom-controls button{border:0;background:none;color:var(--kaw-lightbox-icon-color);font-size:60px;font-weight:100;line-height:1;cursor:pointer}.kaw-lightbox__arrow{position:absolute;inset-block-start:50%;transform:translateY(-50%);border:0;background:none;color:var(--kaw-lightbox-icon-color);cursor:pointer}.kaw-lightbox__arrow svg{display:block;inline-size:56px;block-size:56px;fill:currentColor}.kaw-lightbox__arrow--prev{inset-inline-start:20px}.kaw-lightbox__arrow--next{inset-inline-end:20px}.kaw-lightbox__thumbs{position:absolute;inset-block-end:20px;inset-inline-start:20px;display:flex;gap:8px;margin:0;padding:0;list-style:none}.kaw-lightbox__thumb{display:block;inline-size:90px;aspect-ratio:1 / 1;padding:2px;border:1px solid var(--kaw-color-border);background:none;cursor:pointer}.kaw-lightbox__thumb img{inline-size:100%;block-size:100%;object-fit:cover}.kaw-lightbox__thumb--active{border:solid 1px #ff5501}@media only screen and (max-width:767px){.kaw-lightbox__stage{padding:60px 50px}.kaw-lightbox__thumb{inline-size:56px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/kaw-product-lightbox.css.map */