.card-zoom-out-content{width:100%}.card-slider-container{width:100%;display:grid;gap:24px}.card-slider-container.grid-3x1{grid-template-columns:repeat(3,1fr)}.card-slider-container.grid-1x2{grid-template-columns:3fr 1fr;grid-template-rows:repeat(3,1fr)}.card-slider-container.grid-2x2{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr)}.card-slider-container.grid-1x3{grid-template-columns:3fr 1fr;grid-template-rows:repeat(3,1fr)}.card-slider-item{position:relative;border-radius:20px;overflow:hidden;cursor:pointer;background:#f6f6f6;order:var(--order, 0)}.card-slider-item.active{cursor:default}.grid-3x1 .card-slider-item{height:480px}.grid-1x2 .card-slider-item{height:228px}.grid-1x2 .card-slider-item.active{grid-row:1 / span 2;height:480px}.grid-2x2 .card-slider-item{height:308px}.grid-1x3 .card-slider-item{height:calc((640px - 48px) / 3)}.grid-1x3 .card-slider-item.active{grid-row:1 / span 3;height:640px}.card-slider-item.inactive{opacity:.85;transition:opacity .3s ease .3s}.card-slider-item__image{position:relative;width:100%;height:100%}.card-slider-item__image img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;border-radius:20px;transition:opacity .4s ease .3s}.card-slider-item.inactive .card-slider-item__image img{height:calc(100% + 120px);top:-120px}.card-slider-item .card-small-image{opacity:1;z-index:1}.card-slider-item .card-big-image{opacity:0;z-index:2}.card-slider-item.active .card-small-image{opacity:0}.card-slider-item.active .card-big-image{opacity:1}.card-slider-container .card-slider-item .card-slider-item__content{width:100%;position:absolute;bottom:0;left:0;padding:36px 24px;z-index:2;display:flex;flex-direction:row;justify-content:space-between;align-items:end}.card-slider-container .card-slider-item.inactive .card-slider-item__content{padding:24px}.card-slider-container .card-slider-item .card-slider-item__content-inner{flex:1 0 0;padding-right:1px}.card-slider-container .card-slider-item .card-item__title{font-size:24px;font-weight:600;line-height:120%;color:#000}.card-slider-container .card-slider-item .card-item__desc{font-size:16px;font-weight:400;line-height:140%;color:#464a4b;margin-top:0;max-height:0;opacity:0;overflow:hidden;transition:max-height .5s cubic-bezier(.4,0,.2,1) .4s,opacity .4s ease .5s}.card-slider-container .card-slider-item.active .card-item__desc{max-height:200px;margin-top:14px;opacity:1}.card-slider-container .card-slider-item .card-slider-item-arrow,.card-slider-container .card-slider-item .card-slider-item-arrow svg{cursor:pointer;width:32px;height:32px;flex-shrink:0;transition:transform .4s cubic-bezier(.4,0,.2,1) .3s}.card-slider-item.active .card-slider-item-arrow svg{transform:rotate(180deg)}@media screen and (max-width:1660px)and (min-width:769px){.card-slider-container{gap:2.4rem}.card-slider-container .card-slider-item{border-radius:2rem}.grid-3x1 .card-slider-item{height:48rem}.grid-1x2 .card-slider-item{height:22.8rem}.grid-1x2 .card-slider-item.active{height:48rem}.grid-2x2 .card-slider-item{height:30.8rem}.grid-1x3 .card-slider-item{height:calc((64rem - 4.8rem) / 3)}.grid-1x3 .card-slider-item.active{height:64rem}.card-slider-item__image img{border-radius:2rem}.card-slider-item.inactive .card-slider-item__image img{height:calc(100% + 12rem);top:-12rem}.card-slider-container .card-slider-item .card-slider-item__content{padding:3.6rem 2.4rem}.card-slider-container .card-slider-item.inactive .card-slider-item__content{padding:2.4rem}.card-slider-container .card-slider-item .card-slider-item__content-inner{padding-right:.1rem}.card-slider-container .card-slider-item .card-item__title{font-size:2.4rem}.card-slider-container .card-slider-item .card-item__desc{font-size:1.6rem}.card-slider-container .card-slider-item.active .card-item__desc{max-height:20rem;margin-top:1.4rem}.card-slider-container .card-slider-item .card-slider-item-arrow,.card-slider-container .card-slider-item .card-slider-item-arrow svg{width:3.2rem;height:3.2rem}}@media(max-width:768px){.oc-polar2-compare .page-container>.section-50w,.oc-polar2-compare .page-container>.section-70w,.oc-polar2-compare .card-zoom-out-content-mobile-container{flex-direction:column!important;align-items:stretch!important;width:100%}.card-zoom-out-content-mobile-container{width:100%;overflow:visible;position:relative;margin:6.4rem auto}.card-zoom-out-content-mobile-container .swiper{overflow-x:hidden;overflow-y:visible;width:100%;box-sizing:border-box}.card-zoom-out-content-mobile-container .swiper-wrapper{align-items:stretch}.card-zoom-out-content-mobile-container .swiper-slide{height:auto;display:flex;align-items:stretch;overflow:visible;box-sizing:border-box}.card-slider-mobile-item{display:flex;flex-direction:column;flex:1;width:100%;min-height:68rem;height:auto;border-radius:1.8rem;background:#f6f6f6;overflow:visible}.card-slider-mobile-item:not(:has(img)):before{content:"";display:block;width:100%;height:40rem;flex-shrink:0;background:#f6f6f6;border-radius:1.8rem 1.8rem 0 0}.card-slider-mobile-item img{width:100%;height:40rem;flex-shrink:0;object-fit:cover;border-radius:1.8rem 1.8rem 0 0}.card-slider-mobile-item__content{width:100%;flex:1;padding:4rem;display:flex;flex-direction:column;gap:1.6rem;align-items:flex-start}.card-slider-mobile-item .card-item__title{font-size:4rem;font-weight:600;line-height:120%;color:#000;text-align:left}.card-slider-mobile-item .card-item__desc{font-size:2.8rem;font-weight:400;line-height:140%;color:#464a4b;text-align:left;overflow:visible}.custom-mobile-swiper-actions{display:flex;justify-content:center;align-items:center;margin-top:6.4rem;gap:3.4rem;flex-shrink:0;width:100%}.custom-mobile-swiper-button-prev,.custom-mobile-swiper-button-next{width:6.4rem;height:6.4rem;background:#d7d7d7;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease}.custom-mobile-swiper-button-prev svg path,.custom-mobile-swiper-button-next svg path{stroke:#696969}.custom-mobile-swiper-button-prev.swiper-button-disabled,.custom-mobile-swiper-button-next.swiper-button-disabled{background:#eee}.custom-mobile-swiper-button-prev.swiper-button-disabled svg path,.custom-mobile-swiper-button-next.swiper-button-disabled svg path{stroke:#b5b5b5}}
/*# sourceMappingURL=/cdn/shop/t/77/assets/oc-polar2crad-zoom.css.map */