.wallpaper-gallery,.wallpaper-gallery__viewer{position:relative}.wallpaper-gallery .slider-buttons.notch{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:auto;background:transparent;border-radius:0;pointer-events:none}.wallpaper-gallery .slider-button{position:absolute;top:50%;width:5.2rem;height:5.2rem;padding:0;border-radius:50%;background:rgb(var(--color-background));box-shadow:0 .2rem 1.2rem #00000026;color:rgb(var(--color-foreground));pointer-events:auto;transform:translateY(-50%);transition:box-shadow .18s ease,transform .18s ease}.wallpaper-gallery .slider-button:hover{box-shadow:0 .4rem 1.6rem #0003;transform:translateY(-50%)}.wallpaper-gallery .slider-button:focus-visible{box-shadow:0 0 0 .2rem rgb(var(--color-background)),0 0 0 .4rem rgb(var(--color-foreground));outline:0;transform:translateY(-50%)}.wallpaper-gallery .slider-button--next:hover .icon,.wallpaper-gallery .slider-button--next:focus-visible .icon{transform:rotate(-90deg) scale(1.22)}.wallpaper-gallery .slider-button--prev:hover .icon,.wallpaper-gallery .slider-button--prev:focus-visible .icon{transform:rotate(90deg) translate(-.15rem) scale(1.22)}.wallpaper-gallery .slider-button--prev{left:1.6rem}.wallpaper-gallery .slider-button--next{right:1.6rem}.wallpaper-gallery .slider-button .icon{width:1.4rem;height:1.4rem}.wallpaper-gallery .slider-counter{position:absolute;bottom:1.2rem;left:1.2rem;margin:0;padding:.6rem .9rem;border-radius:.4rem;background:#202b28e6;color:#fff;font-size:1.2rem;line-height:1;pointer-events:none}.wallpaper-gallery__thumbnails{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.8rem;margin-top:1.2rem}.wallpaper-gallery__thumbnail{display:block;aspect-ratio:1;padding:0;overflow:hidden;border:.2rem solid transparent;border-radius:.4rem;background:transparent;cursor:pointer}.wallpaper-gallery__thumbnail.is-active{border-color:#6f941f}.wallpaper-gallery__thumbnail:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.wallpaper-gallery__thumbnail img{width:100%;height:100%;object-fit:cover}@media screen and (max-width:749px){.wallpaper-gallery .slider-button{display:none}.wallpaper-gallery__thumbnails{gap:.6rem;margin-top:.8rem}}@media screen and (max-width:749px)and (orientation:portrait){.wallpaper-gallery__viewer{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}}@media screen and (orientation:landscape)and (max-width:989px)and (max-height:500px)and (pointer:coarse){.wallpaper-gallery .slider-button{display:none}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/wallpaper-gallery.css.map */