onyx-rank-reveal{display:contents}.osr__actions [hidden],.osr-unlock [hidden]{display:none!important}.osr-unlock-tools__play{display:inline-flex;gap:9px;align-items:center;justify-content:center;min-height:40px;padding:9px 16px;border:1px solid #b68c6b;border-radius:5px;font:inherit;font-size:12px;font-weight:600;background:#d9b18d;color:#191716;cursor:pointer}.osr-unlock{--unlock-accent: #d9ad85;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;padding:24px;margin:0;border:0;background:transparent;color:#f7f0e8;overflow:auto}.osr-unlock[open]{display:grid;place-items:center;align-items:safe center}.osr-unlock::backdrop{background:#050608c9;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.osr-unlock__panel{position:relative;isolation:isolate;display:grid;justify-items:center;width:min(100%,530px);padding:30px 32px 24px;border:1px solid color-mix(in srgb,var(--unlock-accent) 43%,#292725);border-radius:16px;background:radial-gradient(ellipse at 50% 32%,color-mix(in srgb,var(--unlock-accent) 9%,transparent),transparent 58%),linear-gradient(150deg,#1c1d20,#101114 72%);box-shadow:0 32px 100px #0009,inset 0 1px #fff1;text-align:center}.osr-unlock__panel:before,.osr-unlock__panel:after{content:"";position:absolute;z-index:-1;width:32px;height:32px;border-color:color-mix(in srgb,var(--unlock-accent) 48%,transparent);border-style:solid;pointer-events:none}.osr-unlock__panel:before{top:13px;left:13px;border-width:1px 0 0 1px}.osr-unlock__panel:after{bottom:13px;right:13px;border-width:0 1px 1px 0}.osr-unlock__close{position:absolute;top:12px;right:12px;z-index:3;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:transparent;color:#b7ada1;cursor:pointer}.osr-unlock__close:hover{background:#ffffff0a;color:#fff}.osr-unlock__brand{margin:0 0 12px;color:#8f8b87;font-size:9px;font-weight:500;letter-spacing:.28em}.osr-unlock__eyebrow{margin:0;color:var(--unlock-accent);font-size:11px;font-weight:600;letter-spacing:.3em;text-transform:uppercase}.osr-unlock__stage{position:relative;width:100%;height:270px;margin:5px 0 0}.osr-unlock__aura{position:absolute;top:30px;right:10%;bottom:10px;left:10%;background:radial-gradient(ellipse,color-mix(in srgb,var(--unlock-accent) 20%,transparent),transparent 66%);filter:blur(15px)}.osr-unlock__orbit{position:absolute;left:50%;top:50%;width:228px;height:228px;border:1px solid color-mix(in srgb,var(--unlock-accent) 20%,transparent);border-radius:50%;transform:translate(-50%,-50%)}.osr-unlock__orbit--one{border-left-color:transparent;border-bottom-color:transparent;transform:translate(-50%,-50%) rotate(-35deg)}.osr-unlock__orbit--two{width:248px;height:248px;border-top-color:transparent;border-right-color:transparent;opacity:.35}.osr-unlock__axis{position:absolute;left:50%;top:0;width:1px;height:100%;background:linear-gradient(transparent,color-mix(in srgb,var(--unlock-accent) 18%,transparent) 22%,transparent 45%,color-mix(in srgb,var(--unlock-accent) 18%,transparent) 80%,transparent)}.osr-unlock__shadow{position:absolute;left:50%;bottom:7px;width:105px;height:12px;border-radius:50%;background:#000;filter:blur(9px);transform:translate(-50%);opacity:.7}.osr-unlock__spin{position:absolute;left:calc(50% - 55px);top:17px;width:110px;height:230px}.osr .osr-unlock__gem{position:absolute;top:0;right:0;bottom:0;left:0;width:110px;height:230px;backface-visibility:visible}.osr .osr-unlock__gem:before,.osr .osr-unlock__gem:after{content:none}.osr-unlock[open] .osr-unlock__spin{will-change:transform}.osr-unlock__gem--front{transform:none}.osr-unlock__shine{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;clip-path:polygon(50.35% 0,100% 52.43%,49.3% 100%,0 52.43%);background:linear-gradient(108deg,transparent 20%,#fff0 34%,#fff9 46%,#fff1 50%,transparent 62%);mix-blend-mode:screen;opacity:0;pointer-events:none}.osr-unlock__spark{position:absolute;left:calc(50% - 1px);top:calc(50% - 1px);width:2px;height:10px;background:linear-gradient(var(--unlock-accent),transparent);border-radius:2px;opacity:0;transform:rotate(var(--spark-angle)) translateY(-95px)}.osr-unlock__level{margin:0 0 6px;color:#aaa197;font-size:10px;font-weight:500;letter-spacing:.22em;text-transform:uppercase}.osr .osr-unlock__name{margin:0;color:#fff8f0;font:inherit;font-size:clamp(28px,5vw,40px);line-height:1.15;font-weight:650;letter-spacing:.14em;text-transform:uppercase}.osr-unlock__rule{display:block;width:38px;height:1px;margin:16px auto 15px;background:var(--unlock-accent)}.osr-unlock__message{margin:0 0 9px;color:#e6dace;font-size:16px;line-height:1.4}.osr-unlock__milestone{margin:0;color:#8e8984;font-size:11px;letter-spacing:.04em}.osr-unlock__actions{display:grid;justify-items:center;gap:12px;width:100%;margin-top:24px}.osr-unlock__continue{display:inline-flex;justify-content:center;align-items:center;gap:22px;min-height:46px;min-width:210px;padding:12px 20px;border:1px solid var(--unlock-accent);border-radius:5px;font:inherit;font-size:12px;font-weight:600;color:#181613;background:linear-gradient(110deg,color-mix(in srgb,var(--unlock-accent) 80%,#fff),var(--unlock-accent));cursor:pointer}.osr-unlock__continue:hover,.osr-unlock-tools__play:hover{filter:brightness(1.09)}.osr-unlock__replay{padding:3px 10px;border:0;font:inherit;font-size:11px;color:#c6b8aa;background:transparent;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.osr-unlock__preview-note{font-size:10px;color:#827d77}.osr-unlock button:focus-visible,.osr-unlock-tools button:focus-visible,.osr-unlock-tools select:focus-visible{outline:2px solid #f0cfaa;outline-offset:4px}.osr-unlock-open{overflow:hidden;scrollbar-gutter:stable}.osr-unlock__flight{position:fixed;z-index:2147483646;pointer-events:none;backface-visibility:hidden}@media(max-width:680px){.osr-unlock{padding:12px}.osr-unlock::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}.osr-unlock__panel{width:min(100%,320px);max-height:88svh;overflow-y:auto;padding:20px 16px 16px}.osr-unlock__brand{margin-bottom:8px;font-size:8px}.osr-unlock__eyebrow{font-size:10px}.osr-unlock__stage{height:160px;margin-top:3px}.osr-unlock__aura{filter:none}.osr-unlock__spin{left:calc(50% - 32px);top:10px;width:64px;height:134px}.osr .osr-unlock__gem{width:64px;height:134px}.osr-unlock__orbit{width:136px;height:136px}.osr-unlock__orbit--two{width:152px;height:152px}.osr-unlock__shadow{width:70px;height:8px}.osr-unlock__spark:nth-of-type(2n){display:none}.osr .osr-unlock__name{font-size:26px}.osr-unlock__level{font-size:9px}.osr-unlock__rule{margin:10px auto}.osr-unlock__message{font-size:13px;margin-bottom:6px}.osr-unlock__milestone{font-size:10px}.osr-unlock__actions{margin-top:14px;gap:8px}.osr-unlock__continue{min-height:38px;min-width:170px;padding:9px 14px}.osr-unlock__preview-note{max-width:230px;font-size:9px}}@media(max-height:700px)and (min-width:681px){.osr-unlock__panel{padding-top:23px;padding-bottom:20px}.osr-unlock__stage{height:220px}.osr-unlock__spin{top:8px;left:calc(50% - 47px);width:94px;height:196px}.osr .osr-unlock__gem{width:94px;height:196px}.osr-unlock__orbit{width:195px;height:195px}.osr-unlock__orbit--two{width:215px;height:215px}.osr-unlock__actions{margin-top:18px;gap:10px}}@media(prefers-reduced-motion:reduce){.osr-unlock::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}}.osr-unlock__stage{perspective:none}.osr-unlock__spin{transform-style:flat;-webkit-transform-style:flat;perspective:none}.osr .osr-unlock__gem{transform:none;backface-visibility:visible;-webkit-backface-visibility:visible}
/*# sourceMappingURL=/cdn/shop/t/52/assets/onyx-rank-reveal-v2.css.map */