.yg-image-box,.yg-loading-image{display:flex;width:100%;aspect-ratio:var(--aspect-ratio)}.yg-image-box .yg-image,.yg-loading-image .placeholder,.yg-loading-image .yg-image{width:100%;height:100%;object-fit:cover}@media(max-width:699px){.yg-image-box,.yg-loading-image{width:100%;aspect-ratio:var(--aspect-ratio-mobile)}}.yg-popup-box{position:fixed;top:0;right:0;bottom:0;left:0;display:none;justify-content:center;align-items:center;z-index:9999;background-color:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.yg-popup-box .yg-popup-box-content{position:relative;max-width:min(980px,calc(100% - 40px));width:100%}.yg-popup-box .yg-popup-box-content :is(iframe,video,img){width:100%;max-height:calc(100vh - 200px);aspect-ratio:var(--aspect-ratio, 16 / 9);border:none;outline:none;background-color:transparent}.yg-popup-box .yg-popup-box-content img{object-fit:contain}.yg-popup-box .yg-popup-box-content .yg-popup-box-close{position:absolute;top:-60px;left:50%;width:40px;height:40px;padding:10px;transform:translate(-50%);border-radius:50%;background-color:#fff;cursor:pointer;z-index:999}.yg-popup-box .yg-popup-box-content .yg-popup-box-close svg{width:100%;height:100%;pointer-events:none}.yg-popup-template{display:none!important}@media(max-width:699px){.yg-popup-box .yg-popup-box-content :is(iframe,video,img){aspect-ratio:var(--aspect-ratio-mobile, var(--aspect-ratio), 16 / 9);max-height:calc(100vh - 200px)}}.yg-video-box{position:relative;z-index:1;display:block;width:100%;height:100%;aspect-ratio:var(--aspect-ratio)}.yg-video-box .yg-play-video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;cursor:pointer;transition:transform .3s ease-in-out}.yg-video-box .yg-play-video:hover{transform:translate(-50%,-50%) scale(1.1)}.yg-video-box .yg-video-placeholder{height:100%;z-index:1;position:relative}.yg-video-box .yg-video-placeholder.active{z-index:0}.yg-video-box .yg-video-iframe-container{height:100%;position:absolute;top:0;left:0;width:100%;z-index:0}.yg-video-box .yg-video-iframe-container.active{z-index:1}.yg-video-box .yg-video-iframe{display:block;width:100%;height:100%;object-fit:cover;border:none}@media(max-width:699px){.yg-video-box{aspect-ratio:var(--aspect-ratio-mobile, var(--aspect-ratio))}}
/*# sourceMappingURL=/cdn/shop/t/31/compiled_assets/styles.css.map */