.singleselect-root{--active-color:transparent;background-color:#070a0e;width:100vw;height:100vh;overflow:hidden}.singleselect-root *{-ms-overflow-style:none;scrollbar-width:none;text-rendering:geometricPrecision;box-sizing:border-box;margin:0;padding:0}.singleselect-root ::-webkit-scrollbar{display:none}.singleselect-root h1,.singleselect-root p{font-optical-sizing:auto;font-family:Hanken Grotesk,sans-serif;font-style:normal}.singleselect-root h1{letter-spacing:-.05em;font-size:32px;font-weight:600}.singleselect-root p{letter-spacing:0;font-size:16px;line-height:140%}.singleselect-root p.bold{color:rgba(255,255,255,.9);font-weight:500}.singleselect-root p.light{color:rgba(255,255,255,.45);font-weight:400}.singleselect-root main{background-image:url("data:image/svg+xml,<svg width=\"249\" height=\"249\" viewBox=\"0 0 249 249\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path opacity=\"0.1\" d=\"M0.5 0L0.499989 249\" stroke=\"white\"/><path opacity=\"0.1\" d=\"M0 0.5L249 0.5\" stroke=\"white\"/><path opacity=\"0.1\" d=\"M125 0L125 249\" stroke=\"white\" stroke-dasharray=\"4 4\"/><path opacity=\"0.1\" d=\"M0 125H249\" stroke=\"white\" stroke-dasharray=\"4 4\"/></svg>");background-position:50%;background-repeat:repeat;background-size:250px 250px;width:100%;height:100%;position:absolute}.singleselect-root .profile{width:40px;position:absolute;top:20px;right:20px}.singleselect-root nav{color:#fff;z-index:1;cursor:pointer;background:#1d2026;border-radius:16px;min-width:220px;min-height:48px;padding:2px;transition:background .4s;position:absolute;top:16px;left:50%;transform:translate(-50%)}.singleselect-root .lighter{background:#2d323d!important}.singleselect-root .toggle{background-color:transparent}.singleselect-root .toggle-content{background-color:transparent;align-items:center;gap:8px;padding:10px 11px 10px 14px;display:flex}.singleselect-root .type{justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.singleselect-root .icon,.singleselect-root nav.active .toggle:hover .icon{flex-direction:center;opacity:.5;background:currentColor;border-radius:3px;justify-content:center;width:16px;height:8px;padding:2px;transition:height .4s;display:flex}.singleselect-root nav.active .icon,.singleselect-root .toggle:hover .icon{height:16px;transition:height .2s}.singleselect-root .test .icon{height:8px}.singleselect-root .stay-closed .icon:not(nav.active .stay-closed .icon){height:8px!important}.singleselect-root nav.active .stay-open .icon{height:16px!important}.singleselect-root .icon-top{background:#04070d;border-radius:2px;width:100%;height:4px}.singleselect-root .content{background:#04070d;border-radius:14px;height:0;transition:height .4s cubic-bezier(.5,0,.3,1);position:relative;overflow:hidden;box-shadow:inset 0 0 40px rgba(214,222,239,.1)}.singleselect-root nav.active .content{transition:height .6s cubic-bezier(.5,0,.3,1)}.singleselect-root .tray{transform-origin:top;flex-direction:column;transition:all .6s;display:flex}.singleselect-root nav.active .tray{transition:all .8s;transform:scaleY(1)!important}.singleselect-root .tray-item{transform-origin:top;align-items:center;gap:4px;padding:10px 6px 10px 14px;transition:all .6s;display:flex;transform:scaleY(2)}.singleselect-root nav.active .tray-item{transition:all .8s;transform:scaleY(1)!important}.singleselect-root .glow-gradient{z-index:99;flex-direction:column;justify-content:center;transition:all .4s ease-in;display:flex;position:absolute;top:auto;bottom:0;left:0;right:0}.singleselect-root nav.active .glow-gradient{transition:all 1s cubic-bezier(.5,0,.3,1);top:auto;bottom:-300%;left:-200%;right:-200%}.singleselect-root .glow-gradient svg{min-width:300px;min-height:300px}.singleselect-root .gradient-blur{pointer-events:none;z-index:2;width:100%;height:100%;transition:all ease-out;position:absolute;top:0;bottom:auto;left:0;right:0;top:0!important;left:0!important}.singleselect-root .gradient-blur>div{opacity:1;border-bottom-right-radius:14px;border-bottom-left-radius:14px;transition:all .3s ease-out,opacity .6s .8s;position:absolute;top:0;bottom:0;left:0;right:0}.singleselect-root nav.active .gradient-blur>div{-webkit-backdrop-filter:blur();backdrop-filter:blur();transition:all .6s ease-out .2s,opacity .6s .6s}.singleselect-root .gradient-blur>div:first-of-type{z-index:1;-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px);-webkit-mask:linear-gradient(transparent 15%,#000 23%);mask:linear-gradient(transparent 15%,#000 23%)}.singleselect-root .gradient-blur>div:nth-of-type(2){z-index:2;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);-webkit-mask:linear-gradient(transparent 23%,#000 31%);mask:linear-gradient(transparent 23%,#000 31%)}.singleselect-root .gradient-blur>div:nth-of-type(3){z-index:3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);-webkit-mask:linear-gradient(transparent 31%,#000 39%);mask:linear-gradient(transparent 31%,#000 39%)}.singleselect-root .gradient-blur>div:nth-of-type(4){z-index:4;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);-webkit-mask:linear-gradient(transparent 39%,#000 47%);mask:linear-gradient(transparent 39%,#000 47%)}.singleselect-root .gradient-blur>div:nth-of-type(5){z-index:5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-mask:linear-gradient(transparent 47%,#000 55%);mask:linear-gradient(transparent 47%,#000 55%)}.singleselect-root .gradient-blur>div:nth-of-type(6){z-index:6;-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);-webkit-mask:linear-gradient(transparent 55%,#000 63%);mask:linear-gradient(transparent 55%,#000 63%)}.singleselect-root .gradient-blur>div:nth-of-type(7){z-index:7;-webkit-backdrop-filter:blur(64px);backdrop-filter:blur(64px);-webkit-mask:linear-gradient(transparent 63%,#000 71%);mask:linear-gradient(transparent 63%,#000 71%)}.singleselect-root .gradient-blur>div:nth-of-type(8){z-index:8;-webkit-backdrop-filter:blur(128px);backdrop-filter:blur(128px);-webkit-mask:linear-gradient(transparent 71%,#000 79%);mask:linear-gradient(transparent 71%,#000 79%)}