.cmg-wrapper{display:grid;width:100%;height:100%;align-items:center;position:relative;--swiper-pagination-bottom: 14px;--swiper-pagination-bullet-horizontal-gap: 10px;--swiper-pagination-bullet-width: 6px;--swiper-pagination-bullet-height: 6px;--swiper-pagination-color: rgb(var(--color-fg))}.cmg-main{height:100%;overflow:hidden}.cmg-main .swiper,.cmg-main .cmg-media{height:100%;background-color:rgb(var(--color-bg-lt));position:relative}custom-media-gallery:not([disable-zoom]) .cmg-main .cmg-media img{cursor:zoom-in}.cmg-main .cmg-media img,.cmg-main .cmg-media video,.cmg-main .cmg-media iframe{width:100%;height:100%;object-fit:cover}.cmg-main .cmg-media .cmg-zoom-box{position:absolute;width:100%;height:100%;left:0;top:0;background-color:rgb(var(--color-bg-lt));display:none;padding:10px;box-sizing:border-box}.cmg-main .cmg-media .cmg-zoom-box.--loading:after{content:"";display:block;width:40px;height:40px;border:1px solid rgb(var(--color-fg));border-left:0;border-right:0;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);animation:loading-spinner .5s ease forwards infinite}.cmg-main .cmg-media .cmg-zoom-box .cmg-zoom-close{box-sizing:border-box;width:30px;height:30px;border-radius:50%;background-color:rgb(var(--color-bg-lt));justify-content:center;align-items:center;display:none;cursor:pointer}.cmg-main .cmg-media .cmg-zoom-box .cmg-zoom-close svg{width:22px}.cmg-main .cmg-media .cmg-zoom-box .cmg-zoom-close svg path{stroke:rgb(var(--color-fg))}.cmg-thumbs{height:465px;position:relative;margin:auto 0}.cmg-thumbs>.cmg-thumb{margin-bottom:10px}.cmg-thumbs>.cmg-thumb:nth-child(n+5){display:none}.cmg-thumbs .swiper{height:100%}.cmg-thumbs .cmg-thumb{width:85px;height:85px;padding:13px;box-sizing:border-box;border:1px solid #d0cfbf;border-radius:12px;opacity:.5;cursor:pointer}.cmg-thumbs .swiper-slide-thumb-active .cmg-thumb,.cmg-thumbs .no-js-active{background-color:rgb(var(--color-bg-lts));border:none;opacity:1}.cmg-thumbs .cmg-thumb img{width:100%;height:100%;object-fit:cover;object-position:center}.cmg-thumbs .swiper-slide{height:max-content;width:max-content}.cmg-thumbs .cmg-thumbs-nav{left:0;top:50%;position:absolute;height:calc(100% + 60px);width:100%;transform:translateY(-50%);pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.cmg-thumbs .cmg-thumbs-nav-btn{pointer-events:all;cursor:pointer}.cmg-thumbs .cmg-thumbs-nav-btn:first-child svg{transform:rotate(180deg)}.cmg-main .cmg-media.--zoom .cmg-zoom-box{display:block;background-size:cover;background-position:center;background-repeat:no-repeat}.cmg-main .cmg-media .cmg-zoom-box .cmg-zoom-close{display:flex;margin-left:auto}@media screen and (max-width: 989px){.cmg-wrapper{grid-template-columns:1fr;grid-template-rows:max-content 85px;row-gap:20px;--swiper-pagination-bullet-horizontal-gap: 8px;--swiper-pagination-bullet-width: 5px;--swiper-pagination-bullet-height: 5px;--swiper-pagination-bottom: 10px}.cmg-thumbs{order:1;height:unset;width:465px;margin:0 auto}.cmg-thumbs>.cmg-thumb{margin-bottom:unset;margin-right:10px;display:inline-block}.cmg-thumbs>.cmg-thumb:nth-child(n+4){display:none}.cmg-thumbs .cmg-thumbs-nav{left:50%;top:0;height:100%;width:calc(100% + 60px);transform:translate(-50%);flex-direction:row}.cmg-thumbs .cmg-thumbs-nav-btn:first-child svg{transform:rotate(90deg)}.cmg-thumbs .cmg-thumbs-nav-btn:last-child svg{transform:rotate(270deg)}}@media screen and (max-width: 989px){.cmg-wrapper{grid-template-rows:1fr}.cmg-thumbs{width:230px}.cmg-thumbs .cmg-thumb{width:50px;height:50px}}@keyframes loading-spinner{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.custom-media-gallery__nav{position:absolute;width:100%;padding:0;z-index:1;display:flex;justify-content:space-between;overflow:hidden;padding-inline:12px;overflow:visible;height:0px}.custom-media-gallery__nav .custom-media-gallery__nav-btn{width:20px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer}.custom-media-gallery__nav .custom-media-gallery__nav-btn svg path{stroke:#000;stroke-width:1.5}.custom-media-gallery__nav .custom-media-gallery__nav-btn:after{content:"";position:absolute;height:100vw;width:80px;flex-shrink:0}.custom-media-gallery__nav .custom-media-gallery__nav-btn:last-child:after{right:0}.custom-media-gallery__nav .custom-media-gallery__nav-btn:first-child:after{left:0}@media screen and (min-width: 990px){.custom-media-gallery__nav .custom-media-gallery__nav-btn{width:40px}.cmg-main .cmg-media img,.cmg-main .cmg-media video,.cmg-main .cmg-media iframe{object-fit:contain;background:#fff}}
/*# sourceMappingURL=/cdn/shop/t/90/assets/custom-media-gallery.css.map */