.pip-gallery{position:fixed;display:flex;justify-content:center;align-items:center;bottom:10px;right:10px;z-index:50}.pip-gallery .pip-gallery--wrapper{--gallery-width: 350px;position:relative;width:var(--gallery-width, 300px);height:calc(var(--gallery-width, 300px) / .66);overflow:hidden;border-radius:15px}.pip-gallery .close-pip-gallery{all:unset;position:absolute;top:10px;left:10px;background:rgb(var(--product-accent-color, 255 255 255) / .8);color:rgb(var(--product-contrast-color, 0 0 0));display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:1!important;transition:background .3s ease-in-out;cursor:pointer;z-index:20}.pip-gallery .close-pip-gallery:hover{background:rgb(var(--product-accent-color, 255 255 255) / .95)}.pip-gallery .close-pip-gallery svg{width:20px;height:20px}.pip-gallery .pip-gallery--mute{all:unset;position:absolute;bottom:10px;right:10px;background:rgb(var(--product-accent-color, 255 255 255) / .8);color:rgb(var(--product-contrast-color, 0 0 0));display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:1!important;transition:background .3s ease-in-out;cursor:pointer;z-index:20}.pip-gallery .pip-gallery--mute:hover{background:rgb(var(--product-accent-color, 255 255 255) / .95)}.pip-gallery .pip-gallery--mute svg{width:18px;height:18px;fill:currentColor}.pip-gallery.is-mute .pip-gallery--mute .unmute,.pip-gallery:not(.is-mute) .pip-gallery--mute .mute{display:none}.pip-gallery .video-wrapper{width:100%;padding-bottom:round(down,calc(1 / .66 * 100%),1px);position:relative}.pip-gallery .video-wrapper video{position:absolute;width:100%;height:100%;object-fit:cover}.pip-gallery .video-wrapper .controls-wrapper{z-index:10;position:absolute;top:10px;right:10px;display:flex;flex-direction:column;gap:5px}.pip-gallery .video-wrapper .button.button--pip-form,.pip-gallery .video-wrapper .video-share{display:flex;align-items:center;justify-content:center;border:none;background:rgb(var(--product-accent-color, 255 255 255) / .8);color:rgb(var(--product-contrast-color, 0 0 0));position:relative;min-width:unset;padding:0;width:36px;height:36px;border-radius:9999px;overflow:visible}.pip-gallery .video-wrapper .button.button--pip-form svg{width:24px!important;height:24px!important;fill:rgb(var(--product-contrast-color, 0 0 0));margin:0}.pip-gallery .video-wrapper .video-share svg{width:20px!important;height:20px!important;transform:rotate(-45deg) translate(2px);transform-origin:center;fill:rgb(var(--product-contrast-color, 0 0 0));margin:0}.pip-gallery .video-wrapper .button.button--pip-form svg path:is(.wheel,.plus){stroke:rgb(var(--product-contrast-color, 0 0 0))}.pip-gallery .video-wrapper .button.button--pip-form svg path{fill:rgb(var(--product-contrast-color, 0 0 0))}.pip-gallery .video-wrapper .btn-tooltip{pointer-events:none;position:absolute;opacity:0;background:rgb(var(--product-accent-color, 255 255 255));color:rgb(var(--product-contrast-color, 0 0 0));font-size:14px;text-transform:capitalize;font-family:var(--font-family-2);font-weight:800;top:50%;left:0;transform:translate(-100%,-50%);line-height:12px;padding:4px 10px 4px 14px;border-radius:4px 0 0 4px;transition:all .3s ease-in-out}.pip-gallery .video-wrapper .video-share:is(:hover,:active),.pip-gallery .video-wrapper .button.button--pip-form:is(:hover,:active){background:rgb(var(--product-accent-color, 255 255 255))}.pip-gallery .video-wrapper .video-share:is(:hover,:active) .btn-tooltip,.pip-gallery .video-wrapper .button.button--pip-form:is(:hover,:active) .btn-tooltip{pointer-events:all;opacity:1;transform:translate(calc(-100% - 18px),-50%)}.pip-gallery .video-wrapper .btn-tooltip:before{content:"";background:rgb(var(--product-accent-color, 255 255 255));position:absolute;width:calc(1px*sqrt(253.125));height:calc(1px*sqrt(253.125));border-radius:4px;right:calc(-.6px*sqrt(200));top:50%;transform:translateY(-50%) rotate(45deg);transform-origin:center}.pip-gallery .video-wrapper .play-wrapper{all:unset;position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;cursor:pointer;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease-in-out}.pip-gallery .video-wrapper:not(.playing) .play-wrapper{opacity:1}.pip-gallery .video-wrapper .play-wrapper .icon-play{--icon: rgb(255 255 255 / .8);width:48px;height:48px;pointer-events:none}.pip-gallery .video-wrapper:hover .play-wrapper .icon-play{--icon: rgb(255 255 255)}.pip-gallery .pip-gallery--navigation{position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:10;display:flex;flex-direction:column;gap:5px}.pip-gallery .pip-gallery--navigation .navigate{all:unset;width:36px;height:36px;background:rgb(var(--product-accent-color, 255 255 255) / .8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s ease-in-out}.pip-gallery .pip-gallery--navigation .navigate[disabled]{opacity:0;pointer-events:none}.pip-gallery .pip-gallery--navigation .navigate:hover{background:rgb(var(--product-accent-color, 255 255 255) / .95)}.pip-gallery .pip-gallery--navigation .navigate .icon{width:22px;height:22px;fill:none;stroke:rgb(var(--product-contrast-color, 255 255 255));stroke-width:1.5}.pip-gallery .pip-gallery--navigation .navigate-down .icon{transform:translateY(1.5px)}@keyframes loadingGallery{0%{background:#ddd}50%{background:#eee}to{background:#ddd}}.pip-gallery .pip-gallery-carousel{background:#eee;animation:loadingGallery 2s cubic-bezier(.4,0,.6,1) infinite;transition:all .3s cubic-bezier(.25,.8,.25,1)}@media(max-width:1024px){.pip-gallery{bottom:65px;right:10px}.pip-gallery.show-sticky{bottom:135px}.pip-gallery .pip-gallery--wrapper{--gallery-width: 250px}.pip-gallery{transform-origin:right bottom;transform:scale(.48);transition:all .3s ease-in-out}.pip-gallery.expanded{transform:scale(1)}.pip-gallery:not(.expanded) .pip-gallery--navigation,.pip-gallery:not(.expanded) .controls-wrapper,.pip-gallery:not(.expanded) .play-wrapper{pointer-events:none;opacity:0}.pip-gallery:not(.expanded) .pip-gallery--mute,.pip-gallery:not(.expanded) .close-pip-gallery{pointer-events:none;opacity:0!important}.pip-gallery:not(.expanded) .pip-gallery-carousel{pointer-events:none}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/expanded-gallery.css.map */