.aqua10s-roller-ae-fresh-compare{--fw-gold-grad: linear-gradient(118.449deg, #c2b295 0%, #98815d 96.779%);--fw-pos-bar: var(--fw-gold-grad);--fw-neg-bar: #525252;--fw-others-color: #838383;background:#fff}.aqua10s-roller-ae-fresh-compare.common-tabbar-item-item{padding-block:clamp(80px,7.91vw,152px) clamp(60px,15.38vw,80px)}.aqua10s-fresh-water-compare .fw-compare-title{margin:0 0 clamp(40px,3.125vw,60px);color:#000;font-family:MiSans Latin;font-size:clamp(28px,2.5vw,48px);font-weight:630;line-height:1.2;text-align:center}.aqua10s-fresh-water-compare .fw-compare-pc-stage{max-width:1200px;margin:0 auto;overflow:hidden}.aqua10s-fresh-water-compare .fw-compare-pc-swiper,.aqua10s-fresh-water-compare .fw-compare-mob-swiper{overflow:hidden;width:100%}.aqua10s-fresh-water-compare .fw-compare-pc-swiper .swiper-slide,.aqua10s-fresh-water-compare .fw-compare-mob-swiper .swiper-slide{flex-shrink:0;width:100%;max-width:100%;box-sizing:border-box}.aqua10s-fresh-water-compare .fw-compare-visual{display:grid;grid-template-columns:700fr 500fr;grid-template-rows:auto;position:relative;border-radius:4px;overflow:hidden;background:#fff}.aqua10s-fresh-water-compare .fw-compare-images{grid-column:1 / -1;grid-row:1;display:grid;grid-template-columns:subgrid;align-items:start}.aqua10s-fresh-water-compare .fw-compare-bars{grid-column:1 / -1;grid-row:1;align-self:end;display:grid;grid-template-columns:subgrid;min-height:43px}.aqua10s-fresh-water-compare .fw-compare-image{overflow:hidden;display:flex;align-items:flex-start;justify-content:center}.aqua10s-fresh-water-compare .fw-compare-image--left{grid-column:1}.aqua10s-fresh-water-compare .fw-compare-image--right{grid-column:2}.aqua10s-fresh-water-compare .fw-compare-image:only-child{grid-column:1 / -1}.aqua10s-fresh-water-compare .fw-compare-image img{display:block;width:100%;height:auto}.aqua10s-fresh-water-compare .fw-compare-bar{display:flex;align-items:center;justify-content:center;padding:10px 16px;box-sizing:border-box}.aqua10s-fresh-water-compare .fw-compare-bar--pos{grid-column:1;background:var(--fw-pos-bar);border-bottom-left-radius:4px}.aqua10s-fresh-water-compare .fw-compare-bar--neg{grid-column:2;background:var(--fw-neg-bar);border-bottom-right-radius:4px}.aqua10s-fresh-water-compare .fw-compare-bar-text{margin:0;color:#fff;font-family:MiSans Latin;font-size:clamp(13px,.83vw,16px);font-weight:380;line-height:1.4;text-align:center}.aqua10s-fresh-water-compare .fw-compare-bar-text strong{font-weight:520}.aqua10s-fresh-water-compare .fw-compare-footers{display:grid;grid-template-columns:700fr 500fr;margin-top:clamp(24px,2.1875vw,44px)}.aqua10s-fresh-water-compare .fw-compare-footer{display:flex;align-items:center;justify-content:center;gap:clamp(12px,1.2vw,23px)}.aqua10s-fresh-water-compare .fw-compare-footer--pos{grid-column:1}.aqua10s-fresh-water-compare .fw-compare-footer--neg{grid-column:2}.aqua10s-fresh-water-compare .fw-compare-icon svg{display:block;width:clamp(32px,2.447917vw,47px);height:auto}.aqua10s-fresh-water-compare .fw-compare-icon--cross svg{width:clamp(28px,1.945313vw,37px)}.aqua10s-fresh-water-compare .fw-compare-footer-label{font-family:MiSans Latin;font-size:clamp(18px,1.344vw,26px);font-weight:520;line-height:1.3;white-space:nowrap}.aqua10s-fresh-water-compare .fw-compare-footer-label--pos{background:var(--fw-gold-grad);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.aqua10s-fresh-water-compare .fw-compare-footer-label--neg{color:var(--fw-others-color)}.aqua10s-fresh-water-compare .fw-compare-pc-pagination{display:flex;justify-content:center;gap:30px;margin-top:clamp(24px,2.1875vw,44px)}.aqua10s-fresh-water-compare .fw-compare-pc-pagination .swiper-pagination-bullet{width:8px;height:8px;margin:0;border-radius:50%;background:#d9d9d9;opacity:1;transition:background .25s ease}.aqua10s-fresh-water-compare .fw-compare-pc-pagination .swiper-pagination-bullet-active{width:8px;height:8px;border-radius:50%;background:#98815d}@media screen and (max-width:850px){.aqua10s-fresh-water-compare{--fw-mob-design: 390;--fw-mob-vw: calc(100vw / var(--fw-mob-design))}.aqua10s-roller-ae-fresh-compare.common-tabbar-item-item{padding-block:clamp(48px,12.3vw,60px)}.aqua10s-fresh-water-compare .fw-compare-inner.common-wrapper{width:100%;max-width:none;padding:0}.aqua10s-fresh-water-compare .fw-compare-title--mob{margin:0 0 calc(33 * var(--fw-mob-vw));padding:0 calc(20 * var(--fw-mob-vw));font-size:calc(20 * var(--fw-mob-vw))!important;font-weight:700;line-height:1.4;text-align:left;text-transform:capitalize;color:#000;text-wrap:pretty}.aqua10s-fresh-water-compare .fw-compare-mob-stage{overflow:hidden;width:100%;padding:0 calc(20 * var(--fw-mob-vw));box-sizing:border-box}.aqua10s-fresh-water-compare .fw-compare-mob-swiper{overflow:hidden;width:100%}.aqua10s-fresh-water-compare .fw-compare-mob-swiper .swiper-slide{height:auto}.aqua10s-fresh-water-compare .fw-compare-mob-card{overflow:hidden;border-radius:4px;background:#fff}.aqua10s-fresh-water-compare .fw-compare-mob-visual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;position:relative;overflow:hidden}.aqua10s-fresh-water-compare .fw-compare-mob-image{overflow:hidden;min-width:0}.aqua10s-fresh-water-compare .fw-compare-mob-image--left{border-top-left-radius:calc(4 * var(--fw-mob-vw));border-bottom-left-radius:calc(4 * var(--fw-mob-vw))}.aqua10s-fresh-water-compare .fw-compare-mob-image--right{border-top-right-radius:calc(4 * var(--fw-mob-vw))}.aqua10s-fresh-water-compare .fw-compare-mob-image img{display:block;width:100%;height:auto}.aqua10s-fresh-water-compare .fw-compare-mob-image--left img{border-top-left-radius:calc(4 * var(--fw-mob-vw));border-bottom-left-radius:calc(4 * var(--fw-mob-vw))}.aqua10s-fresh-water-compare .fw-compare-mob-bars{position:absolute;left:0;right:0;bottom:0;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-height:calc(31 * var(--fw-mob-vw));height:calc(31 * var(--fw-mob-vw));pointer-events:none;filter:drop-shadow(0 calc(2 * var(--fw-mob-vw)) calc(6 * var(--fw-mob-vw)) rgba(0,0,0,.18))}.aqua10s-fresh-water-compare .fw-compare-mob-bar{display:flex;align-items:center;justify-content:center;min-height:calc(31 * var(--fw-mob-vw));height:calc(31 * var(--fw-mob-vw));padding:0;box-sizing:border-box}.aqua10s-fresh-water-compare .fw-compare-mob-bar--pos{background:var(--fw-pos-bar);border-bottom-left-radius:calc(4 * var(--fw-mob-vw))}.aqua10s-fresh-water-compare .fw-compare-mob-bar--neg{background:var(--fw-neg-bar);border-bottom-right-radius:calc(4 * var(--fw-mob-vw))}.aqua10s-fresh-water-compare .fw-compare-mob-bar .fw-compare-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0;width:calc(18 * var(--fw-mob-vw));height:calc(18 * var(--fw-mob-vw))}.aqua10s-fresh-water-compare .fw-compare-mob-bar .fw-compare-icon svg{display:block;width:calc(18 * var(--fw-mob-vw));height:calc(18 * var(--fw-mob-vw))}.aqua10s-fresh-water-compare .fw-compare-mob-copy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:calc(37 * var(--fw-mob-vw));align-items:start;padding:calc(17 * var(--fw-mob-vw)) calc(16 * var(--fw-mob-vw)) calc(24 * var(--fw-mob-vw));background:#fff}.aqua10s-fresh-water-compare .fw-compare-mob-copy-col{min-width:0}.aqua10s-fresh-water-compare .fw-compare-mob-copy-text{margin:0;color:#0b0b0bcc;font-family:MiSans Latin;font-size:calc(12 * var(--fw-mob-vw));font-weight:380;line-height:1.3;text-align:center;overflow-wrap:normal;word-break:normal;min-height:calc(36 * var(--fw-mob-vw))}.aqua10s-fresh-water-compare .fw-compare-mob-copy-text strong{font-weight:630}.aqua10s-fresh-water-compare .fw-compare-mob-nav{display:flex;justify-content:center;align-items:center;gap:calc(8 * var(--fw-mob-vw));margin-top:calc(40 * var(--fw-mob-vw));padding:0}.aqua10s-fresh-water-compare .fw-compare-mob-nav-btn{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:calc(48 * var(--fw-mob-vw));height:calc(48 * var(--fw-mob-vw));max-width:48px;max-height:48px;padding:0;border:none;border-radius:50%;background:#7a7a7a66;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer;line-height:0;transition:opacity .25s ease}.aqua10s-fresh-water-compare .fw-compare-mob-nav-btn svg{display:block;width:calc(12 * var(--fw-mob-vw));max-width:12px;height:auto}.aqua10s-fresh-water-compare .fw-compare-mob-nav-btn.swiper-button-disabled{opacity:.45;pointer-events:none;cursor:default}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/section-aqua10s-fresh-water-compare.css.map */