.metal-performance-scroll{--metal-performance-ink: #183356;--metal-performance-soft: #6e8198;--metal-performance-line: rgba(18, 63, 123, .12);--metal-performance-line-strong: rgba(18, 63, 123, .18);--metal-performance-card: #ffffff;--metal-performance-shadow: none;--metal-performance-stage-shadow: none;--metal-performance-frame-height: 500px;--metal-performance-desktop-stage: clamp(420px, 58vh, 520px);--metal-performance-mobile-stage: clamp(360px, 62vh, 460px);--metal-performance-info-stage-current: var(--metal-performance-desktop-stage);--metal-performance-chart-stage-current: var(--metal-performance-desktop-stage);--metal-performance-mobile-stage-current: var(--metal-performance-mobile-stage);display:block;position:relative;overflow:clip;height:var(--metal-performance-frame-height);padding:0;color:var(--metal-performance-ink);background:#fff}.metal-performance-scroll__shell{width:min(86%,1200px);margin:0 auto;height:100%;display:flex;flex-direction:column;gap:10px;padding:14px 0 0;box-sizing:border-box}@media(min-width:990px){.metal-performance-scroll__shell{width:min(78%,1200px)}}.metal-performance-scroll__section-header{flex:0 0 auto}.metal-performance-scroll__eyebrow{display:inline-flex;align-items:center;gap:14px;width:100%;margin:0 0 10px;color:var(--metal-performance-soft);font:600 11px/1 Avenir Next,Segoe UI,sans-serif;letter-spacing:.18em;text-transform:uppercase}.metal-performance-scroll__eyebrow:before{content:"";width:42px;height:1px;background:#123f7b3d;flex:0 0 auto}.metal-performance-scroll__desktop{display:block;flex:1 1 auto;min-height:0}.metal-performance-scroll__desktop-grid{display:grid;grid-template-columns:minmax(300px,380px) minmax(460px,1fr);gap:clamp(40px,5vw,88px);align-items:center;height:100%}.metal-performance-scroll__stage{position:relative;display:grid;gap:16px;height:100%;min-width:0}.metal-performance-scroll__info-card,.metal-performance-scroll__chart-card,.metal-performance-scroll__mobile-card{position:relative}.metal-performance-scroll__card-surface{position:relative;overflow:visible;border-radius:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.metal-performance-scroll__card-surface--info{height:100%;overflow-y:auto;padding:14px 8px 20px 0;scrollbar-width:none}.metal-performance-scroll__card-surface--chart{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;padding:0 clamp(16px,2vw,32px) 0 0}.metal-performance-scroll__card-surface--mobile{height:100%;display:flex;flex-direction:column;justify-content:center;padding:14px 0 12px}.metal-performance-scroll__card-surface--info::-webkit-scrollbar{display:none}.metal-performance-scroll__metal-pill{position:relative;display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;background:#ffffffc7;border:1px solid rgba(18,63,123,.08);font:600 12px/1 Avenir Next,Segoe UI,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--metal-performance-ink)}.metal-performance-scroll__metal-pill:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--metal-performance-theme, #a8b6c8);box-shadow:0 0 0 5px color-mix(in srgb,var(--metal-performance-theme, #a8b6c8) 22%,transparent)}.metal-performance-scroll__card-title,.metal-performance-scroll__chart-title{position:relative;margin:12px 0 0;font:400 clamp(26px,2.6vw,34px)/1.04 "Iowan Old Style","Palatino Linotype",Baskerville,serif;letter-spacing:-.03em;color:var(--metal-performance-ink)}.metal-performance-scroll__chart-title{margin-top:0}.metal-performance-scroll__chart-title--mobile{margin-bottom:8px;font-size:clamp(22px,6vw,30px);line-height:1.12;padding-top:2px;text-align:center}.metal-performance-scroll__chart-summary{margin:0;color:var(--metal-performance-soft);font:400 13px/1.5 Avenir Next,Segoe UI,sans-serif}.metal-performance-scroll__chart-summary--mobile{max-width:28ch;margin:0 auto 10px;text-align:center}.metal-performance-scroll__card-summary{position:relative;margin:12px 0 0;color:var(--metal-performance-soft);font:400 14px/1.55 Avenir Next,Segoe UI,sans-serif}.metal-performance-scroll__feature-list{position:relative;display:grid;gap:10px;margin:16px 0 0;padding:0;list-style:none}.metal-performance-scroll__feature-item{position:relative;padding-left:18px;color:var(--metal-performance-ink);font:500 13px/1.5 Avenir Next,Segoe UI,sans-serif}.metal-performance-scroll__feature-item:before{content:"";position:absolute;top:.7em;left:0;width:7px;height:7px;border-radius:50%;background:var(--metal-performance-theme, #a8b6c8)}.metal-performance-scroll__card-note{position:relative;margin:16px 0 0;padding-top:12px;border-top:1px solid var(--metal-performance-line);color:var(--metal-performance-soft);font:400 12px/1.5 Avenir Next,Segoe UI,sans-serif}.metal-performance-scroll__chart-visual{position:relative;width:min(100%,480px);margin:0 0 0 auto;padding:0 16px 8px;border-radius:0;background:transparent;border:0}.metal-performance-scroll__chart-visual--mobile{width:100%;padding:0 10px 8px}.metal-performance-scroll__radar{display:block;width:min(100%,250px);height:auto;margin:0 auto;overflow:visible}.metal-performance-scroll__radar-axis{stroke:#123f7b29;stroke-width:1}.metal-performance-scroll__radar-ring{fill:none;stroke:#123f7b1a;stroke-width:1}.metal-performance-scroll__radar-shape{fill:color-mix(in srgb,var(--metal-performance-theme, #a8b6c8) 22%,transparent);stroke:var(--metal-performance-theme, #a8b6c8);stroke-width:2}.metal-performance-scroll__radar-node{fill:var(--metal-performance-theme, #a8b6c8);stroke:#fff;stroke-width:2}.metal-performance-scroll__axis-label{position:absolute;z-index:1;max-width:11ch;padding:0;border-radius:0;background:transparent;border:0;color:var(--metal-performance-soft);font:600 11px/1.2 Avenir Next,Segoe UI,sans-serif;letter-spacing:.02em;text-align:center}.metal-performance-scroll__axis-label--price{top:12px;left:50%;transform:translate(-50%)}.metal-performance-scroll__axis-label--maintenance{top:58px;right:42px}.metal-performance-scroll__axis-label--durability{right:52px;bottom:38px}.metal-performance-scroll__axis-label--sensitivity{left:52px;bottom:38px}.metal-performance-scroll__axis-label--tarnish{top:58px;left:42px}.metal-performance-scroll__step-track,.metal-performance-scroll__mobile-track{display:none;height:0;overflow:hidden}.metal-performance-scroll__step,.metal-performance-scroll__mobile-step{min-height:clamp(96px,18vh,180px)}.metal-performance-scroll__step:last-child,.metal-performance-scroll__mobile-step:last-child{min-height:clamp(28px,6vh,64px)}.metal-performance-scroll__mobile{display:none;flex:1 1 auto;min-height:0}.metal-performance-scroll__mobile-stage{position:relative;box-sizing:border-box}.metal-performance-scroll__empty{padding:28px;border-radius:28px;border:1px dashed rgba(18,63,123,.18);background:#ffffffb8;color:var(--metal-performance-soft);text-align:center;font:400 15px/1.6 Avenir Next,Segoe UI,sans-serif}.metal-performance-scroll.is-enhanced .metal-performance-scroll__stage,.metal-performance-scroll.is-enhanced .metal-performance-scroll__mobile-stage{overflow:hidden}.metal-performance-scroll.is-enhanced .metal-performance-scroll__stage--info,.metal-performance-scroll.is-enhanced .metal-performance-scroll__stage--chart{box-shadow:none;border-radius:0;transition:height .32s cubic-bezier(.22,.61,.36,1)}.metal-performance-scroll.is-enhanced .metal-performance-scroll__stage--chart .metal-performance-scroll__chart-card:not(:first-child),.metal-performance-scroll.is-enhanced .metal-performance-scroll__mobile-stage .metal-performance-scroll__mobile-card:not(:first-child){display:none}.metal-performance-scroll__desktop .metal-performance-scroll__chart-head{display:none}.metal-performance-scroll.is-enhanced .metal-performance-scroll__stage--info,.metal-performance-scroll.is-enhanced .metal-performance-scroll__stage--chart{height:100%}.metal-performance-scroll.is-enhanced .metal-performance-scroll__mobile-stage{height:100%;border-radius:0;box-shadow:none;transition:height .32s cubic-bezier(.22,.61,.36,1);min-height:100%;align-content:center}.metal-performance-scroll.is-enhanced .metal-performance-scroll__info-card,.metal-performance-scroll.is-enhanced .metal-performance-scroll__chart-card,.metal-performance-scroll.is-enhanced .metal-performance-scroll__mobile-card{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;transform:translate3d(0,48px,0) scale(.985);filter:blur(6px);transition:opacity .36s ease,transform .42s cubic-bezier(.22,.61,.36,1),filter .36s ease}.metal-performance-scroll.is-enhanced .metal-performance-scroll__info-card.is-prev,.metal-performance-scroll.is-enhanced .metal-performance-scroll__chart-card.is-prev,.metal-performance-scroll.is-enhanced .metal-performance-scroll__mobile-card.is-prev{transform:translate3d(0,-42px,0) scale(.985)}.metal-performance-scroll.is-enhanced .metal-performance-scroll__info-card.is-next,.metal-performance-scroll.is-enhanced .metal-performance-scroll__chart-card.is-next,.metal-performance-scroll.is-enhanced .metal-performance-scroll__mobile-card.is-next{transform:translate3d(0,42px,0) scale(.985)}.metal-performance-scroll.is-enhanced .metal-performance-scroll__info-card.is-current,.metal-performance-scroll.is-enhanced .metal-performance-scroll__chart-card.is-current,.metal-performance-scroll.is-enhanced .metal-performance-scroll__mobile-card.is-current{opacity:1;pointer-events:auto;transform:translateZ(0) scale(1);filter:blur(0)}.metal-performance-scroll__info-card[data-theme=silver],.metal-performance-scroll__chart-card[data-theme=silver],.metal-performance-scroll__mobile-card[data-theme=silver]{--metal-performance-theme: #95a6bc;--metal-performance-fill: rgba(149, 166, 188, .22);--metal-performance-glow: rgba(219, 227, 236, .54)}.metal-performance-scroll__info-card[data-theme=vermeil],.metal-performance-scroll__chart-card[data-theme=vermeil],.metal-performance-scroll__mobile-card[data-theme=vermeil]{--metal-performance-theme: #d1b170;--metal-performance-fill: rgba(209, 177, 112, .2);--metal-performance-glow: rgba(242, 231, 207, .58)}.metal-performance-scroll__info-card[data-theme=yellow_gold],.metal-performance-scroll__chart-card[data-theme=yellow_gold],.metal-performance-scroll__mobile-card[data-theme=yellow_gold]{--metal-performance-theme: #c79f47;--metal-performance-fill: rgba(199, 159, 71, .2);--metal-performance-glow: rgba(247, 234, 196, .58)}.metal-performance-scroll__info-card[data-theme=white_gold],.metal-performance-scroll__chart-card[data-theme=white_gold],.metal-performance-scroll__mobile-card[data-theme=white_gold]{--metal-performance-theme: #b2b9c6;--metal-performance-fill: rgba(178, 185, 198, .22);--metal-performance-glow: rgba(228, 233, 242, .56)}.metal-performance-scroll__info-card[data-theme=rose_gold],.metal-performance-scroll__chart-card[data-theme=rose_gold],.metal-performance-scroll__mobile-card[data-theme=rose_gold]{--metal-performance-theme: #cf9a88;--metal-performance-fill: rgba(207, 154, 136, .22);--metal-performance-glow: rgba(246, 226, 219, .58)}@media(max-width:989px){.metal-performance-scroll{padding-inline:0}.metal-performance-scroll__desktop{display:none}.metal-performance-scroll__mobile{display:block}.metal-performance-scroll__shell{gap:8px;padding:14px 28px 0}.metal-performance-scroll__mobile-stage{display:grid;padding-top:6px;gap:12px}.metal-performance-scroll__mobile-step{min-height:clamp(88px,16vh,140px)}.metal-performance-scroll__mobile-step:last-child{min-height:clamp(24px,5vh,48px)}.metal-performance-scroll__axis-label{max-width:10ch;font-size:11px}.metal-performance-scroll__axis-label--maintenance{top:54px;right:32px}.metal-performance-scroll__axis-label--durability{right:34px;bottom:30px}.metal-performance-scroll__axis-label--sensitivity{left:34px;bottom:30px}.metal-performance-scroll__axis-label--tarnish{top:54px;left:32px}}@media(max-width:767px){.metal-performance-scroll__chart-title--mobile{line-height:1.16;padding-top:4px;padding-bottom:2px}.metal-performance-scroll__card-surface--mobile,.metal-performance-scroll__chart-visual--mobile{padding-inline:0}.metal-performance-scroll__radar{width:min(100%,280px)}}@media(prefers-reduced-motion:reduce){.metal-performance-scroll.is-enhanced .metal-performance-scroll__stage--info,.metal-performance-scroll.is-enhanced .metal-performance-scroll__stage--chart,.metal-performance-scroll.is-enhanced .metal-performance-scroll__mobile-stage{transition:none}.metal-performance-scroll.is-enhanced .metal-performance-scroll__info-card,.metal-performance-scroll.is-enhanced .metal-performance-scroll__chart-card,.metal-performance-scroll.is-enhanced .metal-performance-scroll__mobile-card{transition:opacity .18s linear}.metal-performance-scroll.is-enhanced .metal-performance-scroll__info-card,.metal-performance-scroll.is-enhanced .metal-performance-scroll__chart-card,.metal-performance-scroll.is-enhanced .metal-performance-scroll__mobile-card{transform:none;filter:none}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/metal-performance-scroll.css.map */
