.fp10-issue-swiper.hair-comparison{padding:120px 0 80px;background:#fff;--fp10-issue-design-pc: 1920;--fp10-issue-design-mob: 390;--fp10-issue-vw: calc(100vw / var(--fp10-issue-design-pc))}.fp10-issue-swiper .container{max-width:1200px;margin:0 auto;padding:0 24px}.fp10-issue-swiper .hair-header{text-align:center;margin:0 0 40px;width:100%}.fp10-issue-swiper .hair-header .title{color:#000c;font-family:MiSans Latin,system-ui,sans-serif;font-size:48px;font-style:normal;font-weight:630;line-height:120%;margin:0 0 40px}.fp10-issue-swiper .hair-header .subtitle{color:#0009;text-align:center;font-family:MiSans Latin,system-ui,sans-serif;font-size:20px;font-style:normal;font-weight:380;line-height:130%;max-width:900px;margin:0 auto}.fp10-issue-swiper .hair-comparison-solutions-swiper{margin:0 0 40px;position:relative;width:100%;overflow:hidden}.fp10-issue-swiper .hair-comparison-solutions-swiper img{width:100%;display:block;border-radius:16px;height:auto}.fp10-issue-swiper .hair-pc-nav-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:10;cursor:pointer;transition:opacity .3s ease;border:none;padding:0;background:none;line-height:0}.fp10-issue-swiper .hair-pc-nav-btn:hover{opacity:.8}.fp10-issue-swiper .hair-pc-prev{left:20px}.fp10-issue-swiper .hair-pc-next{right:20px}.fp10-issue-swiper .pc-switch{display:flex;height:64px;background:#dedede;border-radius:999px;overflow:hidden;margin:0 auto 30px;max-width:1200px;width:100%}.fp10-issue-swiper .switch-item{flex:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s;color:#ccc;text-align:center;font-family:MiSans,system-ui,sans-serif;font-size:20px;font-style:normal;font-weight:520;line-height:120%;border:none;background:transparent;margin:0;border-radius:999px}.fp10-issue-swiper .switch-item.active{color:#fff;background:linear-gradient(90deg,#c5b4aa -.08%,#755b3c 99.84%),linear-gradient(90deg,#80848d -13.39%,#575864 43.55%)}.fp10-issue-swiper .hair-icons{display:flex;flex-wrap:nowrap;justify-content:center;align-items:flex-start;gap:50px;width:fit-content;max-width:100%;margin:0 auto;box-sizing:border-box}.fp10-issue-swiper .hair-icons[hidden]{display:none!important}.fp10-issue-swiper .icon-item{flex:0 0 auto;text-align:center;box-sizing:border-box}.fp10-issue-swiper .icon-item img{width:40px;height:32px;object-fit:cover;margin:0 0 6px}.fp10-issue-swiper .icon-percent{margin:0;color:#c2a983;font-family:Rany,serif;font-size:28px;font-style:italic;font-weight:700;line-height:120%}.fp10-issue-swiper .icon-text{color:#0009;text-align:center;font-family:MiSans Latin,system-ui,sans-serif;font-size:12px;font-style:normal;font-weight:380;line-height:120%;margin:0;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.fp10-issue-swiper .comprehensive-mob-label,.fp10-issue-swiper .mob-controls{display:none}@media(max-width:850px){.fp10-issue-swiper.hair-comparison{--fp10-issue-vw: calc(100vw / var(--fp10-issue-design-mob));--fp10-issue-align-offset: calc(2vw + 8px) ;padding:calc(60 * var(--fp10-issue-vw)) 0 calc(24 * var(--fp10-issue-vw)) calc(24 * var(--fp10-issue-vw))}.fp10-issue-swiper .container{max-width:100%;padding:0}.fp10-issue-swiper .hair-header{margin:0 0 calc(24 * var(--fp10-issue-vw));padding:0 calc(24 * var(--fp10-issue-vw)) 0 0}.fp10-issue-swiper .hair-header .title{font-size:calc(28 * var(--fp10-issue-vw));margin:0 0 calc(16 * var(--fp10-issue-vw))}.fp10-issue-swiper .hair-header .subtitle{font-size:calc(16 * var(--fp10-issue-vw));line-height:140%}.fp10-issue-swiper .pc-switch,.fp10-issue-swiper .hair-pc-nav-btn{display:none}.fp10-issue-swiper .comprehensive-mob-label{display:block;text-align:center;color:#000c;font-family:MiSans Latin,system-ui,sans-serif;font-size:calc(18 * var(--fp10-issue-vw));font-weight:520;line-height:120%;margin:0 0 calc(12 * var(--fp10-issue-vw))}.fp10-issue-swiper .hair-comparison-solutions-swiper{margin:0 0 calc(16 * var(--fp10-issue-vw))}.fp10-issue-swiper .hair-comparison-solutions-swiper img{border-radius:calc(4 * var(--fp10-issue-vw))}.fp10-issue-swiper .hair-icons{flex-wrap:nowrap;gap:35px;max-width:100%;width:fit-content;margin:0 auto;padding:0;transform:translate(calc(-1 * var(--fp10-issue-align-offset)))}.fp10-issue-swiper .icon-item{flex:0 0 auto;padding:calc(4 * var(--fp10-issue-vw)) calc(2 * var(--fp10-issue-vw))}.fp10-issue-swiper .icon-item img{width:calc(20 * var(--fp10-issue-vw));height:calc(17 * var(--fp10-issue-vw));margin:0 0 calc(4 * var(--fp10-issue-vw))}.fp10-issue-swiper .icon-percent{font-size:calc(14 * var(--fp10-issue-vw));margin:0 0 calc(2 * var(--fp10-issue-vw))}.fp10-issue-swiper .icon-text{font-size:calc(8 * var(--fp10-issue-vw))}.fp10-issue-swiper .mob-controls{display:flex;justify-content:space-between;align-items:center;padding:0 calc(24 * var(--fp10-issue-vw)) 0 0;margin:calc(32 * var(--fp10-issue-vw)) 0 0;width:100%}.fp10-issue-swiper .mob-index{display:flex;align-items:center;gap:calc(6 * var(--fp10-issue-vw))}.fp10-issue-swiper .mob-index span{color:#9e9e9e;font-family:MiSans Latin,system-ui,sans-serif;font-size:calc(14 * var(--fp10-issue-vw));font-weight:380;line-height:120%}.fp10-issue-swiper .mob-index .mob-current{color:#000;font-weight:630}.fp10-issue-swiper .mob-arrows{display:flex;gap:calc(12 * var(--fp10-issue-vw))}.fp10-issue-swiper .arrow{width:36px;height:36px;border-radius:50%;background:#0006;cursor:pointer;border:none;padding:0;position:relative}.fp10-issue-swiper .arrow svg{margin-top:4px}.fp10-issue-swiper .arrow.is-disabled{background:#7a7a7a66;pointer-events:none}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/fp10-issue-swiper.css.map */