.platform-components-image-flyout{position:relative;width:100%;height:100%;outline:0}
@media(max-width:767px){.platform-components-image-flyout{overflow:hidden}
}
.platform-components-image-flyout .flyout-dynamic-sku-container:not:empty .flyout-cta{display:none}
.platform-components-image-flyout .flyout-dynamic-sku{display:none}
.platform-components-image-flyout .product-flyouts{position:absolute;width:100%;height:100%;left:50%;top:50%;z-index:9;pointer-events:none}
.platform-components-image-flyout .product-flyouts .flyout-transform{position:relative;width:100%;height:100%;top:-50%;left:-50%;pointer-events:initial}
.platform-components-image-flyout .product-flyouts .flyout-transform .flyout{cursor:pointer;position:absolute;width:80px;height:80px;transform:rotate(-225deg);transition:.3s all cubic-bezier(1,0.6,0.2,0)}
@media(max-width:767px){.platform-components-image-flyout .product-flyouts .flyout-transform .flyout{transform:initial}
}
.platform-components-image-flyout .product-flyouts .flyout-transform .flyout .flyout-info{visibility:hidden}
.platform-components-image-flyout .product-flyouts .flyout-transform .flyout .circle{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:100%;position:relative;z-index:9;background:transparent}
.platform-components-image-flyout .product-flyouts .flyout-transform .flyout .circle svg{position:relative;width:24.41px;height:24.41px;z-index:5;opacity:0;transition:.3s all ease}
.platform-components-image-flyout .product-flyouts .flyout-transform .flyout .circle svg:hover{opacity:1}
@media(max-width:767px){.platform-components-image-flyout .product-flyouts .flyout-transform .flyout .circle svg:hover{opacity:0}
}
.platform-components-image-flyout .product-flyouts .flyout-transform .flyout .circle:before{content:"";position:absolute;border-radius:100%;z-index:2;width:70%;height:70%;animation:pulse-ring 1.25s cubic-bezier(0.215,0.61,0.355,1) infinite}
.platform-components-image-flyout .product-flyouts .flyout-transform .flyout .circle:after{content:"";position:absolute;width:24.41px;height:24.41px;border-radius:100%;z-index:4;animation:pulse-dot 1.25s cubic-bezier(0.455,0.03,0.515,0.955) -0.4s infinite}
@keyframes pulse-ring{00%{transform:scale(0.33)}
80%,100%{opacity:0}
}
@keyframes pulse-dot{00%{transform:scale(0.8)}
50%{transform:scale(1)}
100%{transform:scale(0.8)}
}
.platform-components-image-flyout .product-flyouts .flyout-transform .flyout .flyout-content{position:absolute;display:flex;width:360px;z-index:3;text-decoration:none;text-transform:initial;pointer-events:none;transform:scale(0.1);opacity:0;transition:.3s all cubic-bezier(1,0.6,0.2,0)}
.platform-components-image-flyout .product-flyouts .flyout-transform .flyout .flyout-content .flyout-img{position:relative;width:130px;height:inherit;display:flex;align-items:center;justify-content:center;padding:15px}
.platform-components-image-flyout .product-flyouts .flyout-transform .flyout .flyout-content .flyout-img img{object-fit:contain;object-position:50% 50%;width:100%;height:100%}
.platform-components-image-flyout .product-flyouts .flyout-transform .flyout .flyout-content .flyout-img .flyout-color{position:absolute;display:flex;align-items:center;text-align:center;bottom:10px;padding:3px 5px;border-radius:40px;z-index:10;height:24px}
.platform-components-image-flyout .product-flyouts .flyout-transform .flyout .flyout-content .flyout-img .flyout-color .color-circle{width:14px;height:14px;border-radius:100%;margin-right:5px}
.platform-components-image-flyout .product-flyouts .flyout-transform .flyout .flyout-content .flyout-img .flyout-color .color-name{font-weight:800;font-size:8px;line-height:1.25;letter-spacing:.1em;text-transform:uppercase}
.platform-components-image-flyout .product-flyouts .flyout-transform .flyout .flyout-content .flyout-copy{width:calc(100% - 130px);padding:20px}
.platform-components-image-flyout .product-flyouts .flyout-transform .flyout .flyout-content .flyout-copy .flyout-name{line-height:100%}
.platform-components-image-flyout .product-flyouts .flyout-transform .flyout .flyout-content .flyout-copy .flyout-desc{margin:10px 0}
.platform-components-image-flyout .product-flyouts .flyout-transform .flyout .flyout-content .flyout-copy .flyout-cta{display:flex;align-items:center;line-height:100%;padding:0;background:transparent;border:0;height:initial}
.platform-components-image-flyout .product-flyouts .flyout-transform .flyout .flyout-content .flyout-copy .flyout-cta .icons-arrow-right{position:relative;margin-left:4px;transition:all .3s ease}
.platform-components-image-flyout .product-flyouts .flyout-transform .flyout .flyout-content:hover .flyout-cta .icons-arrow-right{margin-left:7px}
.platform-components-image-flyout .product-flyouts .flyout-transform .flyout .flyout-content:focus{padding:0}
.platform-components-image-flyout .product-flyouts .flyout-transform .flyout .flyout-content:active{outline:none !important;padding:0}
.platform-components-image-flyout .product-flyouts .flyout-transform .flyout .flyout-content.hide-image .flyout-img{display:none}
.platform-components-image-flyout .product-flyouts .flyout-transform .flyout .flyout-content.hide-image .flyout-copy{width:100%}
.platform-components-image-flyout .product-flyouts .flyout-transform .flyout.active{z-index:10;transform:rotate(0);transition:.6s all cubic-bezier(0,1,0.9,1)}
@media(max-width:767px){.platform-components-image-flyout .product-flyouts .flyout-transform .flyout.active{transform:initial}
}
.platform-components-image-flyout .product-flyouts .flyout-transform .flyout.active .circle svg{opacity:1}
.platform-components-image-flyout .product-flyouts .flyout-transform .flyout.active .flyout-content{pointer-events:none;transform:scale(1);opacity:1;transition:.6s all cubic-bezier(0,1,0.9,1);pointer-events:initial}
@media(max-width:767px){.platform-components-image-flyout .product-flyouts .flyout-transform .flyout.active .flyout-content{transform:initial}
}
.platform-components-image-flyout .product-flyouts .flyout-transform .flyout.active .flyout-info{visibility:visible}
@media(max-width:767px){.platform-components-image-flyout .product-flyouts .flyout-transform .flyout.active .flyout-info{display:none}
}
.platform-components-image-flyout .product-flyouts .flyout-transform .flyout.flyout-top-left .flyout-content{top:40px;left:40px;transform-origin:top left}
.platform-components-image-flyout .product-flyouts .flyout-transform .flyout.flyout-top-right .flyout-content{top:40px;right:40px;transform-origin:top right}
.platform-components-image-flyout .product-flyouts .flyout-transform .flyout.flyout-bottom-left .flyout-content{bottom:40px;left:40px;transform-origin:bottom left}
.platform-components-image-flyout .product-flyouts .flyout-transform .flyout.flyout-bottom-right .flyout-content{bottom:40px;right:40px;transform-origin:bottom right}
.platform-components-image-flyout .flyout-cover{position:relative;width:100%;height:100%;overflow:hidden;outline:0}
.platform-components-image-flyout .flyout-cover img{width:100%;height:100%;object-fit:cover;outline:0}
.platform-components-image-flyout .mobile-pc-image-flyout{display:none}
@media(max-width:767px){.platform-components-image-flyout .mobile-pc-image-flyout{display:flex;position:fixed;width:100vw;height:100vh;bottom:0;left:0;opacity:0;pointer-events:none;z-index:10000000000;transition-delay:.2s}
.platform-components-image-flyout .mobile-pc-image-flyout .flyout-bg{background:rgba(141,141,141,0.65);position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;transition:.2s all ease-in}
.platform-components-image-flyout .mobile-pc-image-flyout .flyout-content{position:absolute;bottom:0;left:0;right:0;margin:auto;width:calc(100% - 20px);text-align:center;transform:translate(0,100%);transition:.2s all ease-in}
.platform-components-image-flyout .mobile-pc-image-flyout .flyout-content .flyout-movement{position:relative;width:100%;height:100%;top:0;padding:20px}
.platform-components-image-flyout .mobile-pc-image-flyout .flyout-content .flyout-close{position:absolute;top:0;right:0;width:60px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.platform-components-image-flyout .mobile-pc-image-flyout .flyout-content .flyout-close svg{width:31px;height:31px}
.platform-components-image-flyout .mobile-pc-image-flyout .flyout-content .flyout-handle{position:absolute;top:0;left:0;width:100%;height:40px;display:none;align-items:center;justify-content:center}
.platform-components-image-flyout .mobile-pc-image-flyout .flyout-content .flyout-handle svg{width:31px;height:4px}
.platform-components-image-flyout .mobile-pc-image-flyout .flyout-content .flyout-img{width:100%;height:170px;margin:20px 0}
.platform-components-image-flyout .mobile-pc-image-flyout .flyout-content .flyout-img .flyout-color{display:none}
.platform-components-image-flyout .mobile-pc-image-flyout .flyout-content .flyout-img img{object-fit:contain;object-position:50% 50%;width:100%;height:100%}
.platform-components-image-flyout .mobile-pc-image-flyout .flyout-content .flyout-copy .flyout-desc{margin:10px 0 20px}
.platform-components-image-flyout .mobile-pc-image-flyout .flyout-content .flyout-cta{width:100%}
.platform-components-image-flyout .mobile-pc-image-flyout .flyout-content .flyout-cta[href=""]{display:none}
.platform-components-image-flyout .mobile-pc-image-flyout .flyout-content .flyout-cta[href=""].pc-add-to-cart-btn{display:flex}
.platform-components-image-flyout .mobile-pc-image-flyout.mobile .flyout-handle{display:flex}
.platform-components-image-flyout .mobile-pc-image-flyout.mobile .flyout-close{display:none}
.platform-components-image-flyout .mobile-pc-image-flyout.flyout-active{opacity:1;pointer-events:initial;transition-delay:00s}
.platform-components-image-flyout .mobile-pc-image-flyout.flyout-active .flyout-bg{opacity:1}
.platform-components-image-flyout .mobile-pc-image-flyout.flyout-active .flyout-content{transform:translate(0,0)}
}
.platform-components-image-flyout .flyout-desc p{font-size:inherit;line-height:inherit}
.platform-components-image-flyout .flyout-desc ul,.platform-components-image-flyout .flyout-desc ol{padding-inline-start:15px;text-align:left}
html.pc-flyout-active{overflow-y:hidden}