.market-wrapper{--market-cyan: #39b4e7;--market-cyan-soft: rgba(57, 180, 231, .12);--market-dark: #09274c;--market-body: #718096;--market-toggle-bg: rgba(9, 39, 76, .5);--market-toggle-active: rgba(255, 255, 255, .18);--market-toggle-border: rgba(255, 255, 255, .09);--market-noise-bg: rgba(57, 180, 231, .36);--market-noise-fg: #39b4e7;--market-audio-bg: rgba(245, 166, 35, .36);--market-audio-fg: #f5a623;--market-vibration-bg: rgba(61, 218, 166, .36);--market-vibration-fg: #3ddaa6;--market-heat-bg: rgba(250, 126, 126, .36);--market-heat-fg: #fa7e7e;--market-blue-from: #0a3c6a;--market-blue-to: #1476d0;--market-green-from: #0c3d37;--market-green-to: #277066;--market-red-from: #763644;--market-red-to: #a1312e;--market-gold-from: #81602b;--market-gold-to: #f5a623}.market{background:#fff;padding:64px 0;position:relative;isolation:isolate}.market__inner{max-width:100%;margin:0 auto;display:flex;flex-direction:column;gap:32px;width:100%}.market__head{display:flex;justify-content:space-between;align-items:end;gap:32px;flex-wrap:wrap}.market__head-copy{display:flex;flex-direction:column;align-items:flex-start;gap:8px;max-width:720px;min-width:0}.market__tag{display:inline-flex;align-items:center;background:var(--market-cyan-soft);color:var(--sky-color);font-weight:600;font-size:12px;line-height:18px;letter-spacing:.1em;text-transform:uppercase;padding:8px 16px;border-radius:999px}.market__heading{margin:0;font-family:var(--main-font);font-weight:800;font-size:48px;line-height:1.1;letter-spacing:-.04em;text-transform:uppercase;color:var(--sky-color)}.market__subtitle{margin:0;font-weight:700;font-size:13px;line-height:1.5;color:#718096;font-family:var(--font-paragraph--family)}.market__toggle{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:stretch;gap:0;background:linear-gradient(135deg,#09274c80,#09294f80,#092c5380,#0a2e5680,#0a315a80,#0a335d80,#0a366080,#0a386480,#0a3a6780,#0a3d6b80);border:.8px solid var(--market-toggle-border);border-radius:8px;padding:12px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);flex-shrink:0;margin-left:auto}.market__toggle-btn{position:relative;z-index:1;background:transparent;border:0;padding:8px 16px;border-radius:4px;font-size:12px;line-height:18px;color:#fff;cursor:pointer;white-space:nowrap;transition:opacity .18s ease;min-width:140px;text-align:center;font-weight:600;font-family:var(--button-font-family-primary);letter-spacing:1.2px}.market__toggle-btn[aria-selected=false]{opacity:.7}.market__toggle-btn[aria-selected=false]:hover{opacity:.9}.market__toggle-thumb{position:absolute;top:6px;bottom:6px;background:var(--market-toggle-active);border-radius:4px;transition:left .32s cubic-bezier(.4,0,.2,1),width .32s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:0}.market[data-active-view=application] .market__toggle-thumb{left:6px;width:calc(50% - 6px)}.market[data-active-view=benefit] .market__toggle-thumb{left:50%;width:calc(50% - 6px)}.market__cards{display:none;width:100%;min-width:0}.market[data-active-view=application] .market__cards--application,.market[data-active-view=benefit] .market__cards--benefit{display:grid}.market__cards--application{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.market__acard{position:relative;display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:400 / 400;min-width:0;padding:16px;border-radius:8px;overflow:hidden;text-decoration:none;color:#fff;background:#09274c66;transition:transform .25s ease,box-shadow .25s ease}.market__acard--hero{grid-column:span 2;aspect-ratio:826 / 400}a.market__acard:hover{transform:translateY(-2px);box-shadow:0 12px 28px #09274c2e}.market__acard-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;border-radius:inherit;overflow:hidden}.market__acard-media img{width:100%;height:100%;object-fit:cover;display:block}.market__acard-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(0,0,0,calc(var(--market-acard-overlay-alpha, .85) * .1)),rgba(0,0,0,var(--market-acard-overlay-alpha, .85)))}.market__acard-body{position:relative;z-index:1;display:flex;flex-direction:column;gap:12px}.market__abadges{display:flex;flex-wrap:wrap;gap:8px}.market__abadge{display:inline-flex;align-items:center;height:24px;padding:4px 8px;border-radius:999px;font-weight:500;font-size:10px;line-height:14px;letter-spacing:.12em;text-transform:uppercase}.market__abadge--noise{background:var(--market-noise-bg);color:var(--market-noise-fg)}.market__abadge--audio{background:var(--market-audio-bg);color:var(--market-audio-fg)}.market__abadge--vibration{background:var(--market-vibration-bg);color:var(--market-vibration-fg)}.market__abadge--heat{background:var(--market-heat-bg);color:var(--market-heat-fg)}.market__acard-text{display:flex;flex-direction:column;gap:4px}.market__acard-title{margin:0;font-weight:700;font-size:clamp(20px,2.2vw,28px);line-height:1.05;letter-spacing:-.05em;text-transform:uppercase;color:#fff;overflow-wrap:anywhere}.market__acard-subtitle{margin:0;font-weight:500;font-size:12px;line-height:18px;letter-spacing:.05em;color:#ffffffeb}.market__acard-link{font-weight:500;font-size:12px;line-height:18px;letter-spacing:.05em;text-transform:uppercase;color:#fff}.market__cards--benefit{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;max-width:95%;margin:auto}.market__bcard{position:relative;display:flex;flex-direction:column;justify-content:start;gap:16px;padding:24px;border-radius:8px;min-height:205px;text-decoration:none;color:#fff;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.market__bcard--blue{background:linear-gradient(180deg,var(--market-blue-from) 0%,var(--market-blue-to) 100%)}.market__bcard--green{background:linear-gradient(180deg,var(--market-green-from) 0%,var(--market-green-to) 100%)}.market__bcard--red{background:linear-gradient(180deg,var(--market-red-from) 0%,var(--market-red-to) 100%)}.market__bcard--gold{background:linear-gradient(180deg,var(--market-gold-from) 0%,var(--market-gold-to) 100%)}a.market__bcard:hover{transform:translateY(-2px);box-shadow:0 12px 28px #09274c38}.market__bcard-icon{width:24px;height:24px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.market__bcard-icon svg,.market__bcard-icon img{width:24px;height:24px;display:block}.market__bcard-text{display:flex;flex-direction:column;gap:4px}.market__bcard-title{margin:0;font-weight:700;font-size:20px;line-height:1.2;letter-spacing:-.03em;text-transform:uppercase;color:#fff}.market__bcard-desc{margin:0;font-weight:500;font-size:12px;line-height:18px;letter-spacing:.05em;color:#ffffffeb;overflow-wrap:anywhere;min-height:80px}.market__bcard-link{font-weight:700;font-size:12px;line-height:18px;letter-spacing:.05em;text-transform:uppercase;color:#fff}.market__cards.is-entering>*{animation:market-card-in .6s cubic-bezier(.2,.8,.25,1) backwards;animation-delay:calc(var(--market-card-index, 0) * 70ms)}@keyframes market-card-in{0%{opacity:0;transform:translateY(20px) scale(.85)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.market__cards.is-entering,.market__cards.is-entering>*,.market__cards--application.is-entering,.market__cards--benefit.is-entering{animation:none}}@media(max-width:1200px){.market__heading{font-size:28px}.market__subtitle{max-width:500px}.market__tag{font-size:10px}}@media(max-width:991px){.market__head{flex-wrap:unset}.market__cards--application{grid-template-columns:repeat(2,minmax(0,1fr))}.market__acard--hero{grid-column:span 2;aspect-ratio:16 / 7}.market__cards--benefit{grid-template-columns:repeat(2,minmax(0,1fr))}.market__cards--benefit{max-width:100%}}@media(max-width:767px){.market{padding:40px 0}.market__inner{gap:24px}.market__head{flex-direction:column;align-items:stretch;gap:20px}.market__heading{font-size:28px}.market__toggle{width:100%;margin-left:0;align-self:stretch}.market__toggle-btn{min-width:0;text-align:center}.market__cards--application{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.market__acard{aspect-ratio:200 / 170;min-height:unset}.market__acard--hero{grid-column:span 2;aspect-ratio:360 / 250}.market__acard-title{font-size:16px}.market__cards--benefit{grid-template-columns:minmax(0,1fr);gap:16px}.market__bcard{min-height:220px;padding:20px}.market__cards--application .market__acard.market__acard--hero:nth-child(1) .market__acard-title{font-size:22px}.market__abadges{display:none}.market__acard-link,.market__bcard-link{font-size:10px}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/market-category-section.css.map */