.compare-modal-outer{align-items:center;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background:transparent;display:flex;flex-flow:column nowrap;height:100dvh;inset:0;isolation:isolate;justify-content:center;max-height:100dvh;overflow:hidden;padding:20px;pointer-events:none;position:fixed;transition:visibility 0s linear .3s,all .2s ease-in-out .1s,height 0s linear .3s;visibility:hidden;width:100vw;z-index:999999}@media only screen and (max-width:767.98px){.compare-modal-outer{justify-content:flex-end;padding:50px 0 0}}@media only screen and (max-width:380px){.compare-modal-outer{padding:20px 0 0}}.compare-modal-outer.modal-open{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:rgba(0,0,0,.73);pointer-events:all;transition:visibility 0s linear .3s,all .3s ease-in-out,height 0s linear .3s;visibility:visible}.compare-modal-outer.modal-open .compare-modal{opacity:1;transition:translate .2s ease-in 0s,opacity .1s ease-in 0s;translate:0 0}.compare-modal-outer .compare-modal{align-items:center;background:#fff;border-radius:10px;display:flex;flex-flow:column nowrap;gap:25px;height:auto;justify-content:flex-start;margin:0 auto;max-width:1030px;opacity:0;padding:10px 15px 15px;position:relative;transition:translate .2s ease-in .1s,opacity .1s ease-in .1s;translate:0 100%;width:100%}@media only screen and (max-width:767.98px){.compare-modal-outer .compare-modal{border-radius:10px 10px 0 0;gap:20px}}@media only screen and (min-width:768px){.compare-modal-outer .compare-modal{overflow:hidden auto}}.compare-modal-outer .compare-modal .close-modal{height:40px;inset:16px 17px auto auto;padding:9.5px;position:absolute;width:40px}@media only screen and (max-width:380px){.compare-modal-outer .compare-modal .close-modal{inset:14px 17px auto auto}}.compare-modal-outer .compare-modal .close-modal img.icon{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.compare-modal-outer .compare-modal .modal-header{align-items:center;display:flex;flex-flow:row nowrap;gap:20px;justify-content:space-between;padding-right:50px;width:100%}@media only screen and (max-width:767.98px){.compare-modal-outer .compare-modal .modal-header{align-items:flex-start;flex-flow:column nowrap;gap:12px;justify-content:flex-start;padding-right:0}}@media only screen and (max-width:380px){.compare-modal-outer .compare-modal .modal-header{gap:10px}}.compare-modal-outer .compare-modal .modal-header .heading{font-size:30px;font-weight:600;text-align:left}@media only screen and (max-width:767.98px){.compare-modal-outer .compare-modal .modal-header .heading{font-size:24px;padding-right:30px}}.compare-modal-outer .compare-modal .modal-header .form-field{gap:5px;max-width:354px;width:100%}@media only screen and (min-width:768px){.compare-modal-outer .compare-modal .modal-header .form-field{align-items:center;flex-flow:row nowrap;justify-content:center}.compare-modal-outer .compare-modal .modal-header .form-field label{white-space:nowrap}}.compare-modal-outer .compare-modal .modal-header .form-field label{font-size:16px}.compare-modal-outer .compare-modal .modal-header .form-field .form-select select{background:#f0f0f0;border-radius:18px;color:var(--text-primary-color);font-size:14px;min-height:35px}.compare-modal-outer .compare-modal .modal-content.compare-modal-device-slider.swiper{align-items:stretch;overflow:visible;width:100%}.compare-modal-outer .compare-modal .modal-content.compare-modal-device-slider.swiper .case-type-card.swiper-slide{align-items:flex-start;display:flex;flex-flow:column nowrap;gap:13px;justify-content:center}.compare-modal-outer .compare-modal .modal-content.compare-modal-device-slider.swiper .case-type-card.swiper-slide.incompatible-device{opacity:.5;order:999}.compare-modal-outer .compare-modal .modal-content.compare-modal-device-slider.swiper .case-type-card.swiper-slide:hover .case-type-image img.bg-image{scale:1.1;transition:scale 1.5s ease-in-out}.compare-modal-outer .compare-modal .modal-content.compare-modal-device-slider.swiper .case-type-card.swiper-slide .case-type-image{aspect-ratio:265/245;border-radius:10px;isolation:isolate;overflow:hidden;position:relative;width:100%}.compare-modal-outer .compare-modal .modal-content.compare-modal-device-slider.swiper .case-type-card.swiper-slide .case-type-image img.bg-image{height:100%;-o-object-fit:cover;object-fit:cover;scale:1;transition:scale .75s ease-in-out;width:100%;z-index:-1}.compare-modal-outer .compare-modal .modal-content.compare-modal-device-slider.swiper .case-type-card.swiper-slide .case-type-content{align-items:flex-start;display:flex;flex:1;flex-flow:column nowrap;gap:10px;justify-content:flex-start;width:100%}.compare-modal-outer .compare-modal .modal-content.compare-modal-device-slider.swiper .case-type-card.swiper-slide .case-type-content .case-type-description,.compare-modal-outer .compare-modal .modal-content.compare-modal-device-slider.swiper .case-type-card.swiper-slide .case-type-content .case-type-title{color:var(--text-primary-color);text-align:left;width:100%}.compare-modal-outer .compare-modal .modal-content.compare-modal-device-slider.swiper .case-type-card.swiper-slide .case-type-content .case-type-title{font-size:20px;font-weight:600}.compare-modal-outer .compare-modal .modal-content.compare-modal-device-slider.swiper .case-type-card.swiper-slide .case-type-content .case-type-description{align-items:flex-start;display:flex;flex-flow:column nowrap;gap:12px;justify-content:flex-start}.compare-modal-outer .compare-modal .modal-content.compare-modal-device-slider.swiper .case-type-card.swiper-slide .case-type-content .case-type-description ul{padding-left:25px}.compare-modal-outer .compare-modal .modal-content.compare-modal-device-slider.swiper .case-type-card.swiper-slide .case-type-content .case-type-description>*{margin:0}.compare-modal-outer .compare-modal .modal-content.compare-modal-device-slider.swiper .case-type-card.swiper-slide .case-type-content .case-type-description,.compare-modal-outer .compare-modal .modal-content.compare-modal-device-slider.swiper .case-type-card.swiper-slide .case-type-content .case-type-description *{font-size:14px;line-height:1.28}.compare-modal-outer .compare-modal .modal-content.compare-modal-device-slider.swiper .case-type-card.swiper-slide .case-type-content .case-type-description :not(strong),.compare-modal-outer .compare-modal .modal-content.compare-modal-device-slider.swiper .case-type-card.swiper-slide .case-type-content .case-type-description:not(strong){font-weight:400}.compare-modal-outer .compare-modal .modal-content.compare-modal-device-slider.swiper .case-type-card.swiper-slide .case-type-content .progress-bar-wrapper{align-items:flex-start;display:flex;flex-flow:column nowrap;gap:4px;justify-content:flex-start;margin:4px auto 0 0;max-width:clamp(100px,70%,176px);width:100%}.compare-modal-outer .compare-modal .modal-content.compare-modal-device-slider.swiper .case-type-card.swiper-slide .case-type-content .progress-bar-wrapper .progress-bar-label{font-size:14px;font-weight:500;text-align:left;width:100%}.compare-modal-outer .compare-modal .modal-content.compare-modal-device-slider.swiper .case-type-card.swiper-slide .case-type-content .progress-bar-wrapper .progress-bar{background:var(--bg-2-color);border-radius:20px;height:5px;isolation:isolate;overflow:hidden;position:relative;width:100%}.compare-modal-outer .compare-modal .modal-content.compare-modal-device-slider.swiper .case-type-card.swiper-slide .case-type-content .progress-bar-wrapper .progress-bar:before{background:var(--primary-color);border-radius:20px;content:"";height:100%;inset:0 auto 0 0;position:absolute;width:var(--progress-percent)}.compare-modal-outer .compare-modal .modal-content.compare-modal-device-slider.swiper .case-type-card.swiper-slide .case-type-content .case-type-features{align-items:flex-start;display:flex;flex-flow:column nowrap;gap:5px;justify-content:flex-start;margin:3px 0}.compare-modal-outer .compare-modal .modal-content.compare-modal-device-slider.swiper .case-type-card.swiper-slide .case-type-content .case-type-features .case-type-feature{align-items:center;display:flex;font-size:14px;font-weight:400;gap:5px;justify-content:flex-start;line-height:1;text-align:left}.compare-modal-outer .compare-modal .modal-content.compare-modal-device-slider.swiper .case-type-card.swiper-slide .case-type-content .case-type-features .case-type-feature .icon{background:var(--bg-2-color);border-radius:50%;height:30px;min-height:30px;min-width:30px;-o-object-fit:contain;object-fit:contain;overflow:hidden;padding:3px;width:30px}.compare-modal-outer .compare-modal .modal-content.compare-modal-device-slider.swiper .case-type-card.swiper-slide .footer-wrapper{align-items:center;display:flex;flex-flow:row wrap;gap:27px;justify-content:flex-start;width:100%}.compare-modal-outer .compare-modal .modal-content.compare-modal-device-slider.swiper .case-type-card.swiper-slide .footer-wrapper .case-study-btn{font-size:14px;font-weight:500;padding:5px 25px;text-align:center;width:100%}.compare-modal-outer .compare-modal .modal-content.compare-modal-device-slider.swiper .compare-modal-device-slider-navigation{background:var(--bg-2-color);border-radius:50%;filter:drop-shadow(1px 0 5px rgba(0,0,0,.1294117647));height:42px;padding:12px;translate:0 -50%;width:42px;z-index:10}.compare-modal-outer .compare-modal .modal-content.compare-modal-device-slider.swiper .compare-modal-device-slider-navigation.swiper-button-prev{inset:calc(25% + 21px) auto auto 20px}.compare-modal-outer .compare-modal .modal-content.compare-modal-device-slider.swiper .compare-modal-device-slider-navigation.swiper-button-next{inset:calc(25% + 21px) 20px auto auto}.compare-modal-outer .compare-modal .modal-content.compare-modal-device-slider.swiper .compare-modal-device-slider-navigation.swiper-button-disabled{pointer-events:all}@media only screen and (max-width:767.98px){.compare-modal-outer .compare-modal .modal-content.compare-modal-device-slider.swiper .compare-modal-device-slider-navigation{display:none}}.compare-modal-outer .compare-modal .modal-content.compare-product-slider.swiper .product-card .product-image{background:none}.compare-modal-outer .compare-modal .modal-content.compare-product-slider.swiper .product-card .product-image img{background:none;filter:none}.compare-modal-outer .compare-modal .modal-content.compare-product-slider.swiper .product-card .product-image .product-badges,.compare-modal-outer .compare-modal .modal-content.compare-product-slider.swiper .product-card .product-image .product-image-key-feature-icon{display:none}.compare-modal-outer .compare-modal .modal-content.compare-product-slider.swiper .product-card .product-main-info{padding-bottom:30px;position:relative}.compare-modal-outer .compare-modal .modal-content.compare-product-slider.swiper .product-card .product-main-info .product-title{font-size:16px;overflow:visible}.compare-modal-outer .compare-modal .modal-content.compare-product-slider.swiper .product-card .product-main-info .product-swatches{order:1}.compare-modal-outer .compare-modal .modal-content.compare-product-slider.swiper .product-card .product-main-info .product-swatches .color-circle{pointer-events:none}.compare-modal-outer .compare-modal .modal-content.compare-product-slider.swiper .product-card .product-main-info .product-reviews{order:2}.compare-modal-outer .compare-modal .modal-content.compare-product-slider.swiper .product-card .product-main-info .product-more-info{order:3}.compare-modal-outer .compare-modal .modal-content.compare-product-slider.swiper .product-card .product-main-info .product-price-wrapper{align-items:flex-end;bottom:0;display:flex;gap:10px;left:0;position:absolute;right:0;width:100%}.compare-modal-outer .compare-modal .modal-content.compare-product-slider.swiper .product-card .product-main-info .product-price-wrapper .view-product{font-size:14px;max-width:130px;padding:4px 0;text-align:center;width:-webkit-fill-available}.compare-modal-outer .compare-modal .modal-content.compare-product-slider.swiper .product-card .product-main-info .product-price-wrapper .product-price{margin-bottom:4px}.compare-modal-outer .compare-modal .modal-content.compare-product-slider.swiper .product-card .product-buttons .product-quick-add,.compare-modal-outer .compare-modal .modal-content.compare-product-slider.swiper .product-card .product-buttons .view-product,.compare-modal-outer .compare-modal .modal-content.compare-product-slider.swiper .product-card .product-main-info .product-price-wrapper .product-price-range-sale{display:none}.compare-modal-outer .compare-modal .modal-content.compare-product-slider.swiper .current-product{border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,.1)}.compare-modal-outer .compare-modal .modal-content.compare-product-slider.swiper .current-product .product-card .product-image .product-badges{display:block;top:15px}.compare-modal-outer .compare-modal .modal-content.compare-product-slider.swiper .current-product .product-card .product-image .product-badges .product-badge{background:#f0f0f0}.compare-modal-outer.design-modal .modal-content{display:flex;gap:25px;width:100%}.compare-modal-outer.design-modal .modal-content>div{height:-moz-fit-content;height:fit-content;position:relative;width:50%}.compare-modal-outer.design-modal .modal-content>div:first-of-type{background-color:var(--bg-2-color);padding:15px}.compare-modal-outer.design-modal .modal-content .design-modal-swiper img,.compare-modal-outer.design-modal .modal-content .design-modal-thumb-swiper img{aspect-ratio:1/1;width:100%}.compare-modal-outer.design-modal .modal-content .design-modal-thumb-swiper{height:50px;left:-15px;position:relative;width:calc(100% + 30px)}.compare-modal-outer.design-modal .modal-content .swiper-footer{align-items:center;display:flex;justify-content:space-between}.compare-modal-outer.design-modal .modal-content .swiper-footer p{font-size:20px;font-weight:700;line-height:27px}.compare-modal-outer.design-modal .modal-content .thumbnails{display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.compare-modal-outer.design-modal .modal-content .thumbnails .case-type-card{align-items:center;aspect-ratio:1/1;background-color:var(--bg-2-color);border-radius:13px;cursor:pointer;display:flex;justify-content:center;overflow:hidden}.compare-modal-outer.design-modal .modal-content .thumbnails .case-type-card img{filter:contrast(.88);-o-object-fit:contain;object-fit:contain;width:100%}.compare-modal-outer.design-modal .modal-content .thumbnails .case-type-card.selected{border:2px solid #000}

/*# sourceMappingURL=section-mous-compare-modal.min.css.map*/