.co-acne-4{padding-top:20vw;padding-bottom:100px;z-index:3}.co-acne-4-content{display:flex}.co-acne-4-left{width:50%;z-index:3;align-self:center}.co-acne-4-right{width:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0}.co-acne-4-right-bg{--co-left: 120px;--co-top: 80px;z-index:1;top:calc(var(--co-top) * -1);left:calc(var(--co-left) * -1);width:calc(100% + var(--co-left));height:calc(100% + var(--co-top) * 2)}.co-acne-4-tabs-cell-1 .co-acne-4-right-bg{background-color:#ffc601}.co-acne-4-tabs-cell-2 .co-acne-4-right-bg{background-color:#d19fb8}.co-acne-4-tabs-cell-3 .co-acne-4-right-bg{background-color:#cec2b4}.co-acne-4-tabs-cell-4 .co-acne-4-right-bg{background-color:#0a2240}.co-acne-4-right-frame{z-index:2;padding:50px;max-width:550px}.co-acne-4-right h3{color:#000;font-size:60px;letter-spacing:.06rem;line-height:1.1em;font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);margin-bottom:40px}.co-acne-4-right h4{margin-bottom:20px;font-size:22px;font-family:oakes-grotesk-bold;font-weight:400;font-style:normal;line-height:1.3em;letter-spacing:.01em;word-break:normal}.co-acne-4-right h5{font-size:18px;font-family:oakes-grotesk-regular;font-weight:400;font-style:normal;line-height:1.3em;letter-spacing:.01em;word-break:normal}.co-acne-4-tabs-cell-4 .co-acne-4-right h3,.co-acne-4-tabs-cell-4 .co-acne-4-right h4,.co-acne-4-tabs-cell-4 .co-acne-4-right h5{color:#fff}.co-acne-4-tabs-cell{display:block!important;position:absolute;left:0;top:0;z-index:-1;opacity:0;pointer-events:none;visibility:none;transition:opacity .3s}.co-acne-4-tabs-cell.co-active{display:block!important;position:relative;left:unset;top:unset;z-index:2;opacity:1;pointer-events:initial;visibility:visible}.co-acne-4-slide-frame{height:0;padding-bottom:90%}.co-acne-4 .swiper-pagination{width:fit-content;height:auto;top:unset;left:10px;bottom:0;z-index:12}.co-acne-4 .swiper-pagination .swiper-pagination-bullet{width:100px;height:20px;background-color:transparent}.co-acne-4 .swiper-pagination .swiper-pagination-bullet:after{display:block;content:"";width:100%;height:8px;margin-top:6px;border-radius:5px;background-color:#ffc601}.co-acne-4 .swiper-pagination .swiper-pagination-bullet-active{opacity:1}.co-acne-4-blob-1{width:50%;left:-20%}.swiper-buttons:after{display:none!important}.swiper-button-prev{position:absolute;top:0;left:0;width:50%;height:100%;padding:0;margin:0;border:0;box-shadow:none;background-color:transparent!important}.swiper-button-prev:hover{cursor:w-resize}.swiper-button-next{position:absolute;top:0;right:0;width:50%;height:100%;padding:0;margin:0;border:0;box-shadow:none;background-color:transparent!important}.swiper-button-next:hover{cursor:e-resize}@media screen and (max-width: 989px){.co-acne-4{padding-top:0;padding-bottom:0}.co-acne-4-content{flex-direction:column-reverse;align-items:center}.co-acne-4-left{width:100%}.co-acne-4-right-frame{padding:30px 20px;max-width:100%}.co-acne-4-right{width:100%;align-items:flex-start}.co-acne-4-right-bg{top:0;left:0;width:100%;height:100%}.co-acne-4-left{padding:30px 20px 0}.co-acne-4 .swiper-pagination{left:30px}.co-acne-4-blob-1{display:none}}@media screen and (max-width: 749px){.co-acne-4-right-frame{padding:30px 20px}.co-acne-4-right h3{font-size:40px}.co-acne-4-right h4{font-size:18px}.co-acne-4-right h5{font-size:16px}.co-acne-4 .swiper-pagination{position:relative;width:100%;display:flex;gap:10px;left:unset;top:unset;bottom:unset;right:unset;padding:0;margin-top:10px}.co-acne-4-slide-frame{padding-bottom:100%}.co-acne-4-left{padding:20px}.co-acne-4 .swiper-pagination .swiper-pagination-bullet{margin:0;width:100%}.co-acne-4 .swiper-pagination .swiper-pagination-bullet:after{height:6px}}
/*# sourceMappingURL=/cdn/shop/t/69/assets/co-styles-acne-4.css.map */
