.gallery{z-index:1000;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .3s linear;background:var(--color-white)}.gallery__header{display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start}.gallery__header,.gallery__header button{-webkit-align-items:center;align-items:center}.gallery__header button{position:relative;display:-webkit-inline-flex;display:inline-flex;-webkit-justify-content:center;justify-content:center;text-align:center;width:48px;height:48px;margin-left:auto;left:14px}.gallery__header button .icon--close{position:static;margin:0}.gallery .swiper{height:calc(100% - 48px)}.gallery .swiper-container{height:calc(100% - 64px)}.gallery .swiper-wrapper:empty:before{position:fixed;z-index:1;top:50%;left:0;width:16px;height:16px;border-radius:50%;border:2px solid var(--color-black);border-top:2px solid transparent;-webkit-animation:loading .7s linear infinite;animation:loading .7s linear infinite;will-change:transform;content:""}.gallery .swiper-slide{width:auto;max-width:100vw;overflow:hidden}.gallery .swiper-slide[data-variant-detail]{display:none}.gallery .swiper-slide[data-variant-detail].selected{display:block}.gallery .swiper-pagination{position:relative;bottom:auto;height:64px;color:var(--color-gray-light)}.gallery .arrow{position:absolute;z-index:3;top:50%;margin-top:-20px}.gallery .arrow--left{left:16px}.gallery .arrow--right{right:16px}.gallery img,.gallery video{-webkit-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}@media only screen and (min-width:1200px){.gallery .arrow--left{left:48px}.gallery .arrow--right{right:48px}}