.specular-button{--sb-radius:18px;--sb-tint:#fff;--sb-tint-opacity:0;--sb-blur:0px;--sb-text-color:#f5f5f5;letter-spacing:.01em;color:var(--sb-text-color);background:color-mix(in srgb, var(--sb-tint) calc(var(--sb-tint-opacity) * 100%), transparent);border-radius:var(--sb-radius);-webkit-backdrop-filter:blur(var(--sb-blur));cursor:pointer;border:none;outline:none;justify-content:center;align-items:center;margin:0;font-family:inherit;font-weight:600;line-height:1;transition:transform .15s;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff0a,0 8px 24px #00000040}.specular-button:active{transform:scale(.97)}.specular-button:focus-visible{outline:2px solid color-mix(in srgb, var(--sb-text-color) 60%, transparent);outline-offset:3px}.specular-button:disabled{opacity:.55;cursor:default}.specular-button:disabled:active{transform:none}.specular-button--sm{padding:10px 22px;font-size:.85rem}.specular-button--md{padding:14px 30px;font-size:1rem}.specular-button--lg{padding:18px 40px;font-size:1.15rem}.specular-button__fx{pointer-events:none;z-index:1;position:absolute;inset:-20px}.specular-button__fx canvas{width:100%;height:100%;display:block}.specular-button__label{z-index:2;align-items:center;gap:.5rem;display:inline-flex;position:relative}
.option-wheel{--ow-text-color:#a6a6a6;--ow-active-color:#fff;--ow-font-size:3rem;--ow-inset:80px;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;outline:none;width:100%;height:100%;position:relative;overflow:hidden}.option-wheel--dragging{cursor:grabbing}.option-wheel__item{top:50%;left:var(--ow-inset);white-space:nowrap;font-size:var(--ow-font-size);transform-origin:0;cursor:pointer;will-change:transform, opacity, filter;color:color-mix(in srgb, var(--ow-active-color) calc(var(--ow-p,0) * 100%), var(--ow-text-color));font-weight:200;line-height:1;position:absolute}.option-wheel--right .option-wheel__item{left:auto;right:var(--ow-inset);transform-origin:100%}.option-wheel__item--selected{font-weight:500}
.scroll-list-container{width:100%;position:relative}.scroll-list{max-height:380px;padding:8px;overflow-y:auto}.scroll-list::-webkit-scrollbar{width:6px}.scroll-list::-webkit-scrollbar-track{background:#f1f5f9}.scroll-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.item{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:.75rem;padding:14px 18px;transition:all .2s;box-shadow:0 2px 8px #00000008}.item.selected{background-color:#eef2ff;border-color:#6366f1;box-shadow:0 4px 12px #6366f126}.item-text{color:#0f172a;margin:0;font-size:.875rem;font-weight:600}.top-gradient{pointer-events:none;background:linear-gradient(#f8fafc,#0000);height:40px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.bottom-gradient{pointer-events:none;background:linear-gradient(#0000,#f8fafc);height:60px;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}
.gradual-blur-inner{width:100%;height:100%;position:relative}.gradual-blur-inner>div{-webkit-backdrop-filter:inherit;backdrop-filter:inherit}.gradual-blur{isolation:isolate}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.gradual-blur-inner>div{opacity:.5;background:#0000004d}}.gradual-blur-fixed{pointer-events:none;z-index:1000;inset:0;position:fixed!important}