.yv-collage-creator-handle{position:absolute;left:16px;bottom:16px;color:#fff;font-size:14px;font-weight:500;text-shadow:0 1px 3px rgba(0,0,0,.6);z-index:3;pointer-events:none}.yv-collage-trigger{cursor:pointer}.yv-collage-click-catcher{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;cursor:pointer;background:transparent}.yv-collage-trigger:hover .yv-collage-click-catcher{background:#0000000a;transition:background .2s ease}.yv-collage-trigger .yv-gallery-collage-detail-wrapper{pointer-events:none}.yv-collage-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999;display:none;align-items:center;justify-content:center;background:#000000d9;opacity:0;transition:opacity .2s ease}.yv-collage-modal.is-open{display:flex;opacity:1}.yv-collage-modal-dialog{position:relative;width:min(420px,100%);height:min(820px,100vh);background:#000;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;touch-action:none}@media(max-width:768px){.yv-collage-modal-dialog{width:100%;height:100dvh;border-radius:0}}.yv-collage-modal-close{position:absolute;top:12px;left:12px;width:40px;height:40px;border-radius:50%;border:none;background:#0000008c;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;z-index:6}.yv-collage-modal-close:hover{background:#000000bf}.yv-collage-modal-logo{position:absolute;top:16px;left:50%;transform:translate(-50%);z-index:5;max-width:140px;display:flex;align-items:center;justify-content:center;pointer-events:none}.yv-collage-modal-logo img{max-height:32px;width:auto;display:block;filter:drop-shadow(0 1px 3px rgba(0,0,0,.4))}.yv-collage-modal-logo span{color:#fff;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.5)}.yv-collage-modal-media{position:relative;flex:1;background:#000;overflow:hidden}.yv-collage-modal-media img,.yv-collage-modal-media video{width:100%;height:100%;object-fit:cover;display:block}.yv-collage-modal-side{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:5}.yv-collage-modal-side button{width:40px;height:40px;border-radius:50%;border:none;background:#0000008c;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.yv-collage-modal-side button:hover{background:#000000bf}.yv-collage-modal-side button:disabled{opacity:.4;cursor:not-allowed}@media(max-width:768px){.yv-collage-modal-side{display:none}}.yv-collage-modal-creator,.yv-collage-modal-creator .yv-collage-modal-creator-handle{position:absolute;left:14px;bottom:100px;color:#fff!important;font-size:14px;font-weight:500;z-index:4;text-shadow:0 1px 3px rgba(0,0,0,.6)}.yv-collage-modal-creator .yv-collage-modal-creator-handle{position:static}.yv-collage-modal-product{position:absolute;left:12px;right:12px;bottom:12px;background:#ffffffe0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:8px;display:flex;align-items:center;gap:12px;padding:10px;z-index:4;color:#000;cursor:pointer;border:none;text-align:left;width:calc(100% - 24px);font:inherit}.yv-collage-modal-product-image{width:56px;height:56px;border-radius:6px;overflow:hidden;background:#f3f3f3;flex-shrink:0}.yv-collage-modal-product-image img{width:100%;height:100%;object-fit:cover}.yv-collage-modal-product-info{flex:1;min-width:0;color:#000}.yv-collage-modal-product-title{font-size:15px;font-weight:600;margin:0 0 2px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#000}.yv-collage-modal-product-variant{font-size:13px;opacity:.7;margin:0 0 4px;color:#000}.yv-collage-modal-product-price{font-size:14px;font-weight:600;margin:0;color:#000}.yv-collage-modal-product-cta{background:#000;color:#fff;border:none;border-radius:999px;padding:10px 22px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap}.yv-collage-modal-media.is-photo img{object-fit:contain}.yv-collage-modal-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;background:#0000008c;color:#fff;display:flex;align-items:center;justify-content:center;z-index:3;opacity:0;pointer-events:none;transition:opacity .15s ease}.yv-collage-modal-media.is-paused .yv-collage-modal-play-icon{opacity:1;transition:opacity .15s ease .4s}.yv-collage-modal-media:not(.is-paused) .yv-collage-modal-play-icon{transition:opacity .15s ease 0s}.yv-collage-modal-play-icon svg{margin-left:4px}.yv-collage-modal-media video::-webkit-media-controls,.yv-collage-modal-media video::-webkit-media-controls-enclosure,.yv-collage-modal-media video::-webkit-media-controls-panel,.yv-collage-modal-media video::-webkit-media-controls-start-playback-button,.yv-collage-modal-media video::-webkit-media-controls-overlay-play-button,.yv-collage-modal-media video::-internal-media-controls-overlay-cast-button{display:none!important;-webkit-appearance:none!important;appearance:none!important}.yv-collage-modal-mute{position:absolute;right:12px;top:12px;width:44px;height:44px;border-radius:50%;border:none;background:#0000008c;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;z-index:7;-webkit-tap-highlight-color:transparent}.yv-collage-modal-mute:before{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px}.yv-collage-modal-mute:hover{background:#000000bf}.yv-collage-modal-mute .yv-icon-unmuted{display:none}.yv-collage-modal-mute .yv-icon-muted{display:block}.yv-collage-modal-mute[data-muted=false] .yv-icon-muted{display:none}.yv-collage-modal-mute[data-muted=false] .yv-icon-unmuted{display:block}.quick-add-popup{z-index:1000000!important}body.yv-collage-modal-open .yv-mobile-dock{display:none!important}.yv-collage-modal-swipe-hint{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:none;align-items:center;justify-content:center;background:#0000008c;pointer-events:none;opacity:0;transition:opacity .3s ease}.yv-collage-modal.is-hint-visible .yv-collage-modal-swipe-hint{display:flex;opacity:1}.yv-collage-modal-swipe-hint-inner{display:flex;flex-direction:column;align-items:center;gap:14px;color:#fff;text-align:center;padding:24px}.yv-collage-modal-swipe-hint-inner svg{animation:yv-swipe-hint-bounce 1.4s ease-in-out infinite}.yv-collage-modal-swipe-hint-inner p{margin:0;font-size:15px;font-weight:500;max-width:240px;color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.6)}@keyframes yv-swipe-hint-bounce{0%,to{transform:translateY(-8px)}50%{transform:translateY(8px)}}@media(min-width:768px){.yv-collage-modal.is-hint-visible .yv-collage-modal-swipe-hint{display:none}}
/*# sourceMappingURL=/cdn/shop/t/127/assets/collage-modal.css.map */