.osr{display:block;background:#17191c;color:#f7f3ec;border-top:1px solid #49403a;font-family:inherit;--gem:#79503b;--glint:#c49b76;--shade:#322017}.osr *{box-sizing:border-box}.osr__strip{max-width:1300px;margin:auto;padding:12px 30px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.osr__identity{min-width:114px}.osr__identity strong{display:block;font-size:17px;letter-spacing:.06em;text-transform:uppercase;color:#fff}.osr__eyebrow{font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#d4b08e;display:block;margin:0 0 3px}.osr__progress{flex:1;min-width:180px}.osr__numbers{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#e1d9d0;margin-bottom:6px;font-variant-numeric:tabular-nums}.osr progress{display:block;width:100%;height:6px;-webkit-appearance:none;appearance:none;border:0;border-radius:8px;background:#383a3d;overflow:hidden}.osr progress::-webkit-progress-bar{background:#383a3d}.osr progress::-webkit-progress-value{background:linear-gradient(90deg,#a36238,#e0b88f);border-radius:8px}.osr progress::-moz-progress-bar{background:#c68d5e}.osr__open,.osr__close{font:inherit;color:#f7f3ec;background:transparent;border:1px solid #685342;cursor:pointer;border-radius:5px;padding:9px 14px;font-size:12px;min-height:40px}.osr__open:hover{background:#34291f}.osr__open:focus-visible,.osr__close:focus-visible,.osr input:focus-visible{outline:3px solid #edc49e;outline-offset:4px}.osr__preview{font-size:10px;letter-spacing:.02em;color:#d5b799}.osr__gem{width:35px;height:48px;display:block;flex-shrink:0;background:var(--gem);clip-path:polygon(50% 0,92% 28%,78% 72%,50% 100%,10% 59%,8% 27%);position:relative}.osr__gem:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--glint);clip-path:polygon(50% 0,50% 57%,8% 27%)}.osr__gem:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--glint),var(--shade) 75%);clip-path:polygon(92% 28%,50% 57%,50% 100%,78% 72%)}.osr__gem--large{width:75px;height:105px;filter:drop-shadow(0 10px 16px #0006)}.osr__dialog{color:#f7f3ec;background:radial-gradient(ellipse at 90% 0,#38291e,transparent 55%),#15171a;border:1px solid #806045;border-radius:16px;width:min(760px,calc(100vw - 32px));max-height:85dvh;padding:38px;overflow:auto;box-shadow:0 30px 100px #0008}.osr__dialog::backdrop{background:#0008}.osr__close{position:absolute;right:16px;top:14px;width:40px;padding:0;font-size:26px}.osr__dialog h2{color:#f7f3ec;font-size:clamp(25px,4vw,36px);font-weight:650;letter-spacing:-.035em;line-height:1.12;margin:18px 30px 10px 0}.osr__intro{color:#c4beb7;font-size:14px;line-height:1.6;max-width:490px;margin-bottom:24px}.osr__hero{display:flex;align-items:center;gap:28px;padding:20px 24px;margin:0 0 22px;border:1px solid #4c4035;background:#ffffff03;border-radius:10px}.osr__hero h3{color:#fff;text-transform:uppercase;letter-spacing:.08em;font-size:28px;margin:5px 0}.osr__hero p{margin:0;color:#d3c6b7;font-size:14px}.osr__tiers{display:grid;grid-template-columns:repeat(7,1fr);list-style:none;margin:30px 0;padding:0;gap:6px}.osr__tiers li{text-align:center;border:1px solid #3d3e40;border-radius:8px;padding:14px 4px;color:#bab5ae;font-size:10px;line-height:1.4}.osr__tiers li[aria-current=step]{border-color:#d4a477;background:#bc875b15;color:#fff}.osr__tiers .osr__gem{margin:0 auto 12px;width:28px;height:40px}.osr__tiers strong{display:block;min-height:28px;text-transform:uppercase;letter-spacing:.04em}.osr__tiers span:last-child{display:block;font-variant-numeric:tabular-nums}.osr__demo{background:#ffffff06;border:1px dashed #655342;border-radius:8px;padding:14px 18px}.osr__demo label{display:flex;justify-content:space-between;font-size:12px;color:#e2c3a3}.osr__demo input{width:100%;accent-color:#ca9263;margin:15px 0 6px;cursor:pointer}.osr__demo p,.osr__footnote{font-size:11px;line-height:1.6;color:#bdb4aa;margin:5px 0}.osr__footnote{margin-top:17px}.osr__dialog[open]{animation:osr-in .18s ease-out}@keyframes osr-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:680px){.osr__strip{padding:10px 16px;gap:10px}.osr__progress{order:4;flex-basis:100%}.osr__preview{order:5}.osr__open{margin-left:auto;font-size:11px;padding:7px 10px}.osr__dialog{padding:28px 20px}.osr__tiers{grid-template-columns:repeat(4,1fr);gap:8px}.osr__hero{padding:18px;gap:20px}.osr__hero h3{font-size:23px}.osr__numbers{font-size:11px}}@media(prefers-reduced-motion:reduce){.osr__dialog[open]{animation:none}}.osr__gem{background-color:var(--gem);background-image:url(onyx-rank-logo.webp);background-size:179.65% 128.86%;background-position:49.34% 40.99%;background-repeat:no-repeat;background-blend-mode:soft-light;clip-path:polygon(50.35% 0,100% 52.43%,49.3% 100%,0 52.43%)}.osr__gem:before,.osr__gem:after{content:none}.osr__gem{width:23px;height:48px}.osr__gem--large{width:50px;height:105px}.osr__tiers .osr__gem{width:19px;height:40px}.osr__tiers li{background:#e9e3da;border-color:#c2b5a6;color:#3d3731}.osr__tiers li[aria-current=step]{background:#f6eee2;border-color:#c58c59;color:#241d17;box-shadow:0 0 0 1px #c58c59}.osr__hero{background:#e9e3da;border-color:#c2b5a6}.osr__hero h3{color:#241d17}.osr__hero p{color:#51473d}.osr__hero .osr__eyebrow{color:#7b4b29}.osr__gem{background-color:transparent;background-image:var(--rank-image,url(onyx-rank-copper.webp));background-size:var(--rank-size,492.3% 154.2%);background-position:var(--rank-position,49.75% 44.17%);background-blend-mode:normal;filter:var(--rank-finish,none)}.osr .osr__gem:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;clip-path:none;pointer-events:none;background:radial-gradient(ellipse at 15% 34%,#fff3c8 0%,#ffb44f 9%,#f2701877 25%,transparent 53%),linear-gradient(115deg,transparent 37%,#ff921333 43%,#ffe0a688 46%,#ff671f55 49%,transparent 56%);mix-blend-mode:screen;opacity:var(--rank-fire,0);animation:osr-fire-reflection 3.8s ease-in-out infinite}@keyframes osr-fire-reflection{0%,to{opacity:calc(var(--rank-fire,0) * .65)}50%{opacity:var(--rank-fire,0)}}@media(prefers-reduced-motion:reduce){.osr .osr__gem:before{animation:none}}.header__heading-link .osr__header-gem{width:27px;height:56px;--rank-image:url(onyx-rank-copper.webp);--rank-size:492.3% 154.2%;--rank-position:49.75% 44.17%;--rank-finish:sepia(.25) saturate(.7) brightness(1.05)}@media(max-width:989px){.header__heading-link .osr__header-gem{width:23px;height:48px}}.osr__actions{display:flex;align-items:center;gap:12px;flex:0 0 auto}.osr__actions>button{white-space:nowrap}.osr__current{display:inline-flex;align-items:baseline;gap:10px;flex-wrap:wrap}.osr__actions>button:focus-visible{outline:3px solid #edc49e;outline-offset:4px}@media(max-width:680px){.osr__actions{order:3;width:100%;gap:8px}.osr__actions>button{flex:1;min-width:0;font-size:11px;padding:9px 10px}.osr__progress{order:2}.osr__current{gap:6px}}.osr__label-mobile{display:none}@media(max-width:680px){.osr__strip{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:5px 8px;padding:6px 12px}.osr__identity{min-width:0;grid-column:1;grid-row:1}.osr__identity .osr__eyebrow{display:none}.osr__identity strong{font-size:13px;line-height:1.2}.osr__actions{display:contents}.osr__actions>button{min-height:36px;min-width:0;margin:0;padding:7px 10px;font-size:11px;line-height:1.2;gap:6px;flex:none}.osr__actions>.osr__open{grid-column:2;grid-row:1}.osr__actions>[data-unlock-launch]{grid-column:3;grid-row:1}.osr__progress{grid-column:1/-1;grid-row:2;min-width:0;width:100%;order:initial}.osr__numbers{font-size:10px;line-height:1.3;margin-bottom:4px;gap:8px}.osr__current{gap:6px;flex-wrap:nowrap;min-width:0}.osr__preview{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.osr__numbers>[data-osr-next]{white-space:nowrap}.osr__strip progress{height:4px}.osr__label-desktop{display:none}.osr__label-mobile{display:inline}}
/*# sourceMappingURL=/cdn/shop/t/52/assets/onyx-study-rank.css.map */