.tinker .top-nav{animation:.4s intro-top-menu ease-in-out .2s;animation-fill-mode:forwards}.tinker .top-nav .top-menu{height:55px;display:flex;align-items:center;padding-left:1.25rem;padding-right:1.25rem;margin-right:.25rem;color:#fff;position:relative;border-radius:9999px}@media (min-width: 1280px){.tinker .top-nav .top-menu{border-radius:.75rem}}.tinker .top-nav .top-menu .top-menu__icon{z-index:10}.tinker .top-nav .top-menu .top-menu__title{width:100%;margin-left:.75rem;display:flex;align-items:center;white-space:nowrap;z-index:10}.tinker .top-nav .top-menu .top-menu__title .top-menu__sub-icon{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,1,1);transition-duration:.1s;width:1rem;height:1rem;display:none}@media (min-width: 1280px){.tinker .top-nav .top-menu .top-menu__title .top-menu__sub-icon{display:block}}.tinker .top-nav>ul>li:nth-child(1)>a:not(.top-menu--active){opacity:0;transform:translateY(50px);animation:.4s intro-menu-animation ease-in-out .33333s;animation-fill-mode:forwards;animation-delay:.1s}.tinker .top-nav>ul>li:nth-child(2)>a:not(.top-menu--active){opacity:0;transform:translateY(50px);animation:.4s intro-menu-animation ease-in-out .33333s;animation-fill-mode:forwards;animation-delay:.2s}.tinker .top-nav>ul>li:nth-child(3)>a:not(.top-menu--active){opacity:0;transform:translateY(50px);animation:.4s intro-menu-animation ease-in-out .33333s;animation-fill-mode:forwards;animation-delay:calc(3 * .1s)}.tinker .top-nav>ul>li:nth-child(4)>a:not(.top-menu--active){opacity:0;transform:translateY(50px);animation:.4s intro-menu-animation ease-in-out .33333s;animation-fill-mode:forwards;animation-delay:.4s}.tinker .top-nav>ul>li:nth-child(5)>a:not(.top-menu--active){opacity:0;transform:translateY(50px);animation:.4s intro-menu-animation ease-in-out .33333s;animation-fill-mode:forwards;animation-delay:.5s}.tinker .top-nav>ul>li:nth-child(6)>a:not(.top-menu--active){opacity:0;transform:translateY(50px);animation:.4s intro-menu-animation ease-in-out .33333s;animation-fill-mode:forwards;animation-delay:calc(6 * .1s)}.tinker .top-nav>ul>li:nth-child(7)>a:not(.top-menu--active){opacity:0;transform:translateY(50px);animation:.4s intro-menu-animation ease-in-out .33333s;animation-fill-mode:forwards;animation-delay:calc(7 * .1s)}.tinker .top-nav>ul>li:nth-child(8)>a:not(.top-menu--active){opacity:0;transform:translateY(50px);animation:.4s intro-menu-animation ease-in-out .33333s;animation-fill-mode:forwards;animation-delay:.8s}.tinker .top-nav>ul>li:nth-child(9)>a:not(.top-menu--active){opacity:0;transform:translateY(50px);animation:.4s intro-menu-animation ease-in-out .33333s;animation-fill-mode:forwards;animation-delay:.9s}.tinker .top-nav>ul>li:nth-child(10)>a:not(.top-menu--active){opacity:0;transform:translateY(50px);animation:.4s intro-menu-animation ease-in-out .33333s;animation-fill-mode:forwards;animation-delay:1s}.tinker .top-nav>ul>li:nth-child(11)>a:not(.top-menu--active){opacity:0;transform:translateY(50px);animation:.4s intro-menu-animation ease-in-out .33333s;animation-fill-mode:forwards;animation-delay:1.1s}.tinker .top-nav>ul>li:nth-child(12)>a:not(.top-menu--active){opacity:0;transform:translateY(50px);animation:.4s intro-menu-animation ease-in-out .33333s;animation-fill-mode:forwards;animation-delay:calc(12 * .1s)}.tinker .top-nav>ul>li:nth-child(13)>a:not(.top-menu--active){opacity:0;transform:translateY(50px);animation:.4s intro-menu-animation ease-in-out .33333s;animation-fill-mode:forwards;animation-delay:1.3s}.tinker .top-nav>ul>li:nth-child(14)>a:not(.top-menu--active){opacity:0;transform:translateY(50px);animation:.4s intro-menu-animation ease-in-out .33333s;animation-fill-mode:forwards;animation-delay:calc(14 * .1s)}.tinker .top-nav>ul>li:nth-child(15)>a:not(.top-menu--active){opacity:0;transform:translateY(50px);animation:.4s intro-menu-animation ease-in-out .33333s;animation-fill-mode:forwards;animation-delay:1.5s}.tinker .top-nav>ul>li:nth-child(16)>a:not(.top-menu--active){opacity:0;transform:translateY(50px);animation:.4s intro-menu-animation ease-in-out .33333s;animation-fill-mode:forwards;animation-delay:1.6s}.tinker .top-nav>ul>li:nth-child(17)>a:not(.top-menu--active){opacity:0;transform:translateY(50px);animation:.4s intro-menu-animation ease-in-out .33333s;animation-fill-mode:forwards;animation-delay:calc(17 * .1s)}.tinker .top-nav>ul>li:nth-child(18)>a:not(.top-menu--active){opacity:0;transform:translateY(50px);animation:.4s intro-menu-animation ease-in-out .33333s;animation-fill-mode:forwards;animation-delay:1.8s}.tinker .top-nav>ul>li:nth-child(19)>a:not(.top-menu--active){opacity:0;transform:translateY(50px);animation:.4s intro-menu-animation ease-in-out .33333s;animation-fill-mode:forwards;animation-delay:calc(19 * .1s)}.tinker .top-nav>ul>li:nth-child(20)>a:not(.top-menu--active){opacity:0;transform:translateY(50px);animation:.4s intro-menu-animation ease-in-out .33333s;animation-fill-mode:forwards;animation-delay:2s}.tinker .top-nav>ul>li:nth-child(21)>a:not(.top-menu--active){opacity:0;transform:translateY(50px);animation:.4s intro-menu-animation ease-in-out .33333s;animation-fill-mode:forwards;animation-delay:2.1s}.tinker .top-nav>ul>li:nth-child(22)>a:not(.top-menu--active){opacity:0;transform:translateY(50px);animation:.4s intro-menu-animation ease-in-out .33333s;animation-fill-mode:forwards;animation-delay:2.2s}.tinker .top-nav>ul>li:nth-child(23)>a:not(.top-menu--active){opacity:0;transform:translateY(50px);animation:.4s intro-menu-animation ease-in-out .33333s;animation-fill-mode:forwards;animation-delay:calc(23 * .1s)}.tinker .top-nav>ul>li:nth-child(24)>a:not(.top-menu--active){opacity:0;transform:translateY(50px);animation:.4s intro-menu-animation ease-in-out .33333s;animation-fill-mode:forwards;animation-delay:calc(24 * .1s)}.tinker .top-nav>ul>li:nth-child(25)>a:not(.top-menu--active){opacity:0;transform:translateY(50px);animation:.4s intro-menu-animation ease-in-out .33333s;animation-fill-mode:forwards;animation-delay:2.5s}.tinker .top-nav>ul>li:nth-child(26)>a:not(.top-menu--active){opacity:0;transform:translateY(50px);animation:.4s intro-menu-animation ease-in-out .33333s;animation-fill-mode:forwards;animation-delay:2.6s}.tinker .top-nav>ul>li:nth-child(27)>a:not(.top-menu--active){opacity:0;transform:translateY(50px);animation:.4s intro-menu-animation ease-in-out .33333s;animation-fill-mode:forwards;animation-delay:2.7s}.tinker .top-nav>ul>li:nth-child(28)>a:not(.top-menu--active){opacity:0;transform:translateY(50px);animation:.4s intro-menu-animation ease-in-out .33333s;animation-fill-mode:forwards;animation-delay:calc(28 * .1s)}.tinker .top-nav>ul>li:nth-child(29)>a:not(.top-menu--active){opacity:0;transform:translateY(50px);animation:.4s intro-menu-animation ease-in-out .33333s;animation-fill-mode:forwards;animation-delay:calc(29 * .1s)}.tinker .top-nav>ul>li:nth-child(30)>a:not(.top-menu--active){opacity:0;transform:translateY(50px);animation:.4s intro-menu-animation ease-in-out .33333s;animation-fill-mode:forwards;animation-delay:3s}.tinker .top-nav>ul>li:nth-child(31)>a:not(.top-menu--active){opacity:0;transform:translateY(50px);animation:.4s intro-menu-animation ease-in-out .33333s;animation-fill-mode:forwards;animation-delay:3.1s}.tinker .top-nav>ul>li:nth-child(32)>a:not(.top-menu--active){opacity:0;transform:translateY(50px);animation:.4s intro-menu-animation ease-in-out .33333s;animation-fill-mode:forwards;animation-delay:3.2s}.tinker .top-nav>ul>li:nth-child(33)>a:not(.top-menu--active){opacity:0;transform:translateY(50px);animation:.4s intro-menu-animation ease-in-out .33333s;animation-fill-mode:forwards;animation-delay:calc(33 * .1s)}.tinker .top-nav>ul>li:nth-child(34)>a:not(.top-menu--active){opacity:0;transform:translateY(50px);animation:.4s intro-menu-animation ease-in-out .33333s;animation-fill-mode:forwards;animation-delay:calc(34 * .1s)}.tinker .top-nav>ul>li:nth-child(35)>a:not(.top-menu--active){opacity:0;transform:translateY(50px);animation:.4s intro-menu-animation ease-in-out .33333s;animation-fill-mode:forwards;animation-delay:3.5s}.tinker .top-nav>ul>li:nth-child(36)>a:not(.top-menu--active){opacity:0;transform:translateY(50px);animation:.4s intro-menu-animation ease-in-out .33333s;animation-fill-mode:forwards;animation-delay:3.6s}.tinker .top-nav>ul>li:nth-child(37)>a:not(.top-menu--active){opacity:0;transform:translateY(50px);animation:.4s intro-menu-animation ease-in-out .33333s;animation-fill-mode:forwards;animation-delay:3.7s}.tinker .top-nav>ul>li:nth-child(38)>a:not(.top-menu--active){opacity:0;transform:translateY(50px);animation:.4s intro-menu-animation ease-in-out .33333s;animation-fill-mode:forwards;animation-delay:calc(38 * .1s)}.tinker .top-nav>ul>li:nth-child(39)>a:not(.top-menu--active){opacity:0;transform:translateY(50px);animation:.4s intro-menu-animation ease-in-out .33333s;animation-fill-mode:forwards;animation-delay:calc(39 * .1s)}.tinker .top-nav>ul>li:nth-child(40)>a:not(.top-menu--active){opacity:0;transform:translateY(50px);animation:.4s intro-menu-animation ease-in-out .33333s;animation-fill-mode:forwards;animation-delay:4s}.tinker .top-nav>ul>li:nth-child(41)>a:not(.top-menu--active){opacity:0;transform:translateY(50px);animation:.4s intro-menu-animation ease-in-out .33333s;animation-fill-mode:forwards;animation-delay:calc(41 * .1s)}.tinker .top-nav>ul>li:nth-child(42)>a:not(.top-menu--active){opacity:0;transform:translateY(50px);animation:.4s intro-menu-animation ease-in-out .33333s;animation-fill-mode:forwards;animation-delay:4.2s}.tinker .top-nav>ul>li:nth-child(43)>a:not(.top-menu--active){opacity:0;transform:translateY(50px);animation:.4s intro-menu-animation ease-in-out .33333s;animation-fill-mode:forwards;animation-delay:4.3s}.tinker .top-nav>ul>li:nth-child(44)>a:not(.top-menu--active){opacity:0;transform:translateY(50px);animation:.4s intro-menu-animation ease-in-out .33333s;animation-fill-mode:forwards;animation-delay:4.4s}.tinker .top-nav>ul>li:nth-child(45)>a:not(.top-menu--active){opacity:0;transform:translateY(50px);animation:.4s intro-menu-animation ease-in-out .33333s;animation-fill-mode:forwards;animation-delay:4.5s}.tinker .top-nav>ul>li:nth-child(46)>a:not(.top-menu--active){opacity:0;transform:translateY(50px);animation:.4s intro-menu-animation ease-in-out .33333s;animation-fill-mode:forwards;animation-delay:calc(46 * .1s)}.tinker .top-nav>ul>li:nth-child(47)>a:not(.top-menu--active){opacity:0;transform:translateY(50px);animation:.4s intro-menu-animation ease-in-out .33333s;animation-fill-mode:forwards;animation-delay:4.7s}.tinker .top-nav>ul>li:nth-child(48)>a:not(.top-menu--active){opacity:0;transform:translateY(50px);animation:.4s intro-menu-animation ease-in-out .33333s;animation-fill-mode:forwards;animation-delay:calc(48 * .1s)}.tinker .top-nav>ul>li:nth-child(49)>a:not(.top-menu--active){opacity:0;transform:translateY(50px);animation:.4s intro-menu-animation ease-in-out .33333s;animation-fill-mode:forwards;animation-delay:4.9s}.tinker .top-nav>ul>li:nth-child(50)>a:not(.top-menu--active){opacity:0;transform:translateY(50px);animation:.4s intro-menu-animation ease-in-out .33333s;animation-fill-mode:forwards;animation-delay:5s}.tinker .top-nav>ul>li:hover{position:relative}.tinker .top-nav>ul>li:hover>.top-menu{background:rgb(var(--color-theme-1) / 60%)}.tinker .top-nav>ul>li:hover>.top-menu:before{content:"";display:block;inset:0;background-color:#ffffff0a;border-radius:9999px;position:absolute;z-index:-1}@media (min-width: 1280px){.tinker .top-nav>ul>li:hover>.top-menu:before{background-color:#ffffff1a;border-radius:.75rem}}.tinker .top-nav>ul>li:hover>.top-menu .top-menu__title .top-menu__sub-icon{transform:rotate(180deg)}.tinker .top-nav>ul>li:hover>ul{display:block}.tinker .top-nav>ul>li>.top-menu{margin-top:3px}.tinker .top-nav>ul>li>.top-menu.top-menu--active{background-color:#f1f5f9}@media (min-width: 1280px){.tinker .top-nav>ul>li>.top-menu.top-menu--active{background-color:rgb(var(--color-theme-1) / 1)}}.tinker .top-nav>ul>li>.top-menu.top-menu--active:before{content:"";display:none;inset:0;background-color:#ffffff14;border-radius:.75rem;position:absolute;border-bottom:3px solid rgb(0 0 0 / 10%)}@media (min-width: 1280px){.tinker .top-nav>ul>li>.top-menu.top-menu--active:before{display:block}}.tinker .top-nav>ul>li>.top-menu.top-menu--active .top-menu__icon{color:rgb(var(--color-theme-1) / 1)}@media (min-width: 1280px){.tinker .top-nav>ul>li>.top-menu.top-menu--active .top-menu__icon{color:#fff}}.tinker .top-nav>ul>li>.top-menu.top-menu--active .top-menu__title{font-weight:500;color:#1e293b}@media (min-width: 1280px){.tinker .top-nav>ul>li>.top-menu.top-menu--active .top-menu__title{color:#fff}}.tinker .top-nav>ul>li>.top-menu .top-menu__icon{margin-top:-3px}.tinker .top-nav>ul>li>.top-menu .top-menu__title{margin-top:-3px}.tinker .top-nav>ul>li>.top-menu .top-menu__title .top-menu__sub-icon{margin-left:.5rem}.tinker .top-nav>ul>li>ul{box-shadow:0 3px 20px #0000000b;background-color:rgb(var(--color-theme-1) / 1);display:none;width:14rem;position:absolute;border-radius:.375rem;z-index:20;padding-left:0;padding-right:0;margin-top:.25rem}.tinker .top-nav>ul>li>ul:before{content:"";display:block;position:absolute;width:100%;height:100%;background-color:#ffffff0a;inset:0;border-radius:.375rem;z-index:-1}.tinker .top-nav>ul>li>ul:after{content:"";width:100%;height:.25rem;position:absolute;top:0;left:0;margin-top:-.25rem;cursor:pointer}.tinker .top-nav>ul>li>ul>li{padding-left:1.25rem;padding-right:1.25rem;position:relative}.tinker .top-nav>ul>li>ul>li:hover{position:relative}.tinker .top-nav>ul>li>ul>li:hover>.top-menu .top-menu__title .top-menu__sub-icon{transform:rotate(-90deg)}.tinker .top-nav>ul>li>ul>li:hover>ul{display:block}.tinker .top-nav>ul>li>ul>li>.top-menu{padding-left:0;padding-right:0;margin-right:0}.tinker .top-nav>ul>li>ul>li>.top-menu .top-menu__title{width:100%}.tinker .top-nav>ul>li>ul>li>.top-menu .top-menu__title .top-menu__sub-icon{margin-left:auto}.tinker .top-nav>ul>li>ul>li>ul{box-shadow:0 3px 20px #0000000b;left:100%;background-color:rgb(var(--color-theme-1) / 1);display:none;border-radius:.375rem;margin-top:0;margin-left:0;top:0;width:14rem;position:absolute;z-index:20;padding-left:0;padding-right:0}.tinker .top-nav>ul>li>ul>li>ul:before{content:"";display:block;position:absolute;width:100%;height:100%;background-color:#ffffff0a;inset:0;border-radius:.375rem;z-index:-1}.tinker .top-nav>ul>li>ul>li>ul>li{padding-left:1.25rem;padding-right:1.25rem}.tinker .top-nav>ul>li>ul>li>ul>li>.top-menu{padding-left:0;padding-right:0;margin-right:0}.tinker .top-nav>ul>li>ul>li>ul>li>.top-menu .top-menu__title{width:100%}.tinker .top-nav>ul>li>ul>li>ul>li>.top-menu .top-menu__title .top-menu__sub-icon{margin-left:auto}@keyframes intro-top-menu{to{opacity:1;transform:translateY(0)}}@keyframes intro-menu-animation{to{opacity:1;transform:translateY(0)}}.dark .tinker .top-nav .top-menu .top-menu__icon,.dark .tinker .top-nav .top-menu .top-menu__title{color:#94a3b8}.dark .tinker .top-nav>ul>li:hover>.top-menu:not(.top-menu--active){background-color:transparent}.dark .tinker .top-nav>ul>li:hover>.top-menu:not(.top-menu--active):before{background-color:rgb(var(--color-darkmode-700) / 1)}.dark .tinker .top-nav>ul>li>.top-menu.top-menu--active{background-color:rgb(var(--color-darkmode-700) / 1)}.dark .tinker .top-nav>ul>li>.top-menu.top-menu--active:before{background-color:rgb(var(--color-darkmode-700) / 1)}.dark .tinker .top-nav>ul>li>.top-menu.top-menu--active .top-menu__icon{color:#fff}.dark .tinker .top-nav>ul>li>.top-menu.top-menu--active .top-menu__title{color:#fff}.dark .tinker .top-nav>ul>li>ul{background-color:rgb(var(--color-darkmode-600) / 1);box-shadow:0 3px 7px #0000001c}.dark .tinker .top-nav>ul>li>ul:before{background-color:#0000001a}.dark .tinker .top-nav>ul>li>ul>li>ul{background-color:rgb(var(--color-darkmode-600) / 1);box-shadow:0 3px 7px #0000001c}.dark .tinker .top-nav>ul>li>ul>li>ul:before{background-color:#0000001a}