.tier-picker-overlay{z-index:60;pointer-events:none;--tier-pill-radius:2rem;--tier-pill-expand-factor:1.4;--dock-hover-bg:linear-gradient(#e2e8f0 0%, #cbd5e1 100%), linear-gradient(90deg, #f1f5f9 0%, #f1f5f9 100%);--dock-hover-shadow:inset 1px 1px 1.8px 0px #fffc, inset -4px 13px 28.4px 0px #94a3b84d;--dock-hover-color:#374151;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.dark .tier-picker-overlay{--dock-hover-bg:linear-gradient(#001736 0%, #2b69bc 100%), linear-gradient(90deg, #073778 0%, #073778 100%);--dock-hover-shadow:inset 1px 1px 1.8px 0px #c2dcff80, inset -4px 13px 28.4px 0px #66a7ff80;--dock-hover-color:#fff}.tier-picker-backdrop{background:oklch(from var(--background) l c h / .72);pointer-events:auto;cursor:pointer;position:fixed;inset:0}.tier-pill-list{pointer-events:auto;z-index:1;flex-direction:row;justify-content:center;align-items:center;gap:1.5rem;width:100%;max-width:720px;margin:0;padding:0 24px;list-style:none;display:flex;position:relative}@media (min-width:900px){.tier-picker-overlay{--tier-pill-w:clamp(300px, 32vw, 420px);--tier-pill-h:clamp(160px, 12vw, 190px);--tier-card-size:clamp(420px, min(72vmin, 56vw), 640px);--tier-pill-radius:999px;--tier-card-radius:2rem;overflow:visible}.tier-pill-list{width:auto;max-width:none;height:auto;padding:calc((var(--tier-card-size) - var(--tier-pill-h)) / 2);flex-direction:row;justify-content:center;align-items:center;gap:0;display:flex;overflow:visible}.tier-pill-col{pointer-events:auto;flex:none;width:auto;min-width:0;height:auto;position:relative}.tier-pill-col:first-child{z-index:1}.tier-pill-col:nth-child(2){z-index:2;margin-left:-2.5rem}:is(.tier-pill-col:has(.tier-pill:hover),.tier-pill-col:has(.tier-pill:focus-visible)){z-index:30}.tier-pill-wrap{width:auto;height:auto}}.tier-pill-col{flex:1 1 0;justify-content:center;align-items:center;min-width:0;display:flex}.tier-pill-wrap{will-change:transform;justify-content:center;width:100%;display:flex}.tier-pill{--item-rot:0deg;border-radius:var(--tier-pill-radius);background:var(--background);width:100%;max-width:280px;height:160px;color:var(--foreground);cursor:pointer;transform:rotate(var(--item-rot));transform-origin:50%;will-change:transform, width, height;box-sizing:border-box;white-space:nowrap;border:none;justify-content:center;align-items:center;padding:1.5rem 1rem;font-family:inherit;text-decoration:none;transition:width .45s cubic-bezier(.22,1,.36,1),height .45s cubic-bezier(.22,1,.36,1),max-width .45s cubic-bezier(.22,1,.36,1),min-height .45s cubic-bezier(.22,1,.36,1),margin .45s cubic-bezier(.22,1,.36,1),border-radius .45s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.22,1,.36,1),background .3s,box-shadow .3s,color .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #0000001a}.tier-pill:after{content:"";border-radius:inherit;background:var(--dock-hover-bg);-webkit-mask-composite:xor;opacity:0;pointer-events:none;z-index:2;padding:2px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.tier-pill:hover:after,.tier-pill:focus-visible:after,.tier-pill.is-expanded:after{opacity:1}.tier-pill-image{object-fit:cover;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .35s,transform .35s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:scale(1.1)}.tier-pill-scrim{background:linear-gradient(to top, oklch(from var(--background) l c h / .92) 0%, oklch(from var(--background) l c h / .35) 45%, transparent 100%);opacity:0;pointer-events:none;transition:opacity .35s;position:absolute;inset:0}.tier-pill-content{z-index:3;text-align:center;flex-direction:column;align-items:center;gap:.25rem;display:flex;position:relative}.tier-pill-label{will-change:transform, opacity;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:400;line-height:1.2;display:inline-block}.tier-pill-hint{opacity:0;max-height:0;color:var(--muted-foreground);font-size:.75rem;font-weight:400;transition:opacity .25s,max-height .25s;overflow:hidden}@media (min-width:900px){.tier-pill-hint{display:none}.tier-pill{width:var(--tier-pill-w);max-width:var(--tier-pill-w);height:var(--tier-pill-h);min-height:var(--tier-pill-h);align-items:center;margin-top:0;margin-left:0;padding:clamp(1.5rem,3vw,4rem) 1.5rem;font-size:clamp(1.5rem,4vw,4rem)}.tier-pill-label{font-size:clamp(1.5rem,4vw,4rem);font-weight:400;line-height:1.2}.tier-pill:hover,.tier-pill:focus-visible{width:var(--tier-card-size);max-width:var(--tier-card-size);height:var(--tier-card-size);min-height:var(--tier-card-size);margin-left:calc((var(--tier-pill-w) - var(--tier-card-size)) / 2);margin-top:calc((var(--tier-pill-h) - var(--tier-card-size)) / 2);border-radius:var(--tier-card-radius);z-index:20;box-shadow:var(--dock-hover-shadow), 0 12px 40px #00000026;color:var(--dock-hover-color);background-color:#0000;background-image:none;align-items:flex-end;padding-bottom:clamp(1.5rem,3vw,3rem);position:relative;transform:rotate(0)}.tier-pill:hover .tier-pill-label,.tier-pill:focus-visible .tier-pill-label{font-size:clamp(2rem,5vw,3.5rem)}.tier-pill:hover .tier-pill-image,.tier-pill:focus-visible .tier-pill-image{opacity:1;transform:scale(1)}.tier-pill:hover .tier-pill-scrim,.tier-pill:focus-visible .tier-pill-scrim{opacity:1;background:linear-gradient(to top, oklch(from var(--background) l c h / .72) 0%, oklch(from var(--background) l c h / .2) 38%, transparent 68%)}.tier-pill:hover:active,.tier-pill:focus-visible:active{transform:rotate(0)scale(.98)}}@media (max-width:899px){.tier-picker-overlay{padding:1.5rem 0;padding-bottom:calc(var(--mobile-bottom-clearance) + 1rem);overscroll-behavior:none;touch-action:pan-y;-webkit-overflow-scrolling:touch;justify-content:center;align-items:center;max-height:100dvh;overflow-y:auto}.tier-pill-list{flex-direction:column;row-gap:16px;width:100%;max-width:none;height:auto;position:static}.tier-pill-col{pointer-events:auto;flex:0 0 100%;width:100%;height:auto;position:static;transform:none}.tier-pill-col:nth-child(2){margin-left:0}.tier-pill-wrap{width:100%;height:auto}.tier-pill{width:100%;max-width:none;height:120px;min-height:80px;padding:clamp(1rem,2vw,2rem) 1rem;font-size:clamp(1.2rem,3vw,2rem)}.tier-pill.is-expanded{height:min(calc(var(--tier-pill-h,120px) * var(--tier-pill-expand-factor,1.4)), 55vh);box-shadow:var(--dock-hover-shadow), 0 8px 24px #00000026;color:var(--dock-hover-color);background-color:#0000;background-image:none}.tier-pill.is-expanded .tier-pill-scrim{opacity:1;background:linear-gradient(to top, oklch(from var(--background) l c h / .72) 0%, oklch(from var(--background) l c h / .2) 38%, transparent 68%)}.tier-pill.is-expanded .tier-pill-image{opacity:1;transform:scale(1)}.tier-pill.is-expanded .tier-pill-hint{opacity:1;max-height:2rem}.tier-pill:active{transform:rotate(var(--item-rot)) scale(.98)}}