@supports (animation-timeline:scroll()){header{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur)var(--tw-backdrop-brightness)var(--tw-backdrop-contrast)var(--tw-backdrop-grayscale)var(--tw-backdrop-hue-rotate)var(--tw-backdrop-invert)var(--tw-backdrop-opacity)var(--tw-backdrop-saturate)var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur)var(--tw-backdrop-brightness)var(--tw-backdrop-contrast)var(--tw-backdrop-grayscale)var(--tw-backdrop-hue-rotate)var(--tw-backdrop-invert)var(--tw-backdrop-opacity)var(--tw-backdrop-saturate)var(--tw-backdrop-sepia);align-items:center;padding-top:1rem;padding-bottom:1rem;animation:linear both scroll-shadow;animation-timeline:scroll();animation-range:2ex 5ex;top:2.5rem}@media (min-width:640px){header{top:5rem}}@keyframes scroll-shadow{0%{background:0 0;max-width:1240px;padding-left:0;padding-right:0;position:sticky}to{background:#030616bf;max-width:800px;padding-left:1.25rem;padding-right:1.25rem;position:sticky;top:2.5rem}}#rookoo-logo svg{animation:linear both transition-logo;animation-timeline:scroll();animation-range:2ex 3ex}@keyframes transition-logo{0%{fill:#645298;height:40px}to{fill:#fff;height:32px}}.navigation-dropdown svg{animation:linear both transition-dropdown;animation-timeline:scroll();animation-range:2ex 3ex}@keyframes transition-dropdown{0%{fill:#645298}to{fill:#fff}}.navigation-link{animation:linear both transition-buttons;animation-timeline:scroll();animation-range:2ex 3ex}@keyframes transition-buttons{0%{--tw-bg-opacity:1;background-color:rgb(240 238 246/var(--tw-bg-opacity,1))}to{color:#fff;background:#00000040}}}#navigation{flex-wrap:wrap;align-self:center;gap:.25rem;display:flex}.navigation-button{border-radius:9999px!important}.navigation-button-active{background:var(--color-eggplant-600)!important;color:#fff!important}.navigation-button-active svg{fill:#fff!important}.navigation-link{white-space:nowrap;--tw-bg-opacity:1;background-color:rgb(240 238 246/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(100 82 152/var(--tw-text-opacity,1));border-radius:9999px;align-items:center;padding:.5rem 1rem;font-weight:600}.navigation-link:hover{--tw-bg-opacity:1;background-color:rgb(220 215 234/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(85 70 129/var(--tw-text-opacity,1))}.navigation-link svg{fill:#645298}
.navigation-dropdown{position:relative;top:0}.navigation-dropdown-button{display:inline-block}.navigation-dropdown-content{z-index:1;background-color:#fff;min-width:160px;padding:16px;display:none;position:absolute;top:44px;right:0;box-shadow:0 8px 16px #0003}.navigation-dropdown-content a{white-space:nowrap;--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1));border-radius:.375rem;padding:.5rem 1.25rem;font-weight:500;display:block}.navigation-dropdown-content a:hover{--tw-bg-opacity:1;background-color:rgb(240 238 246/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(100 82 152/var(--tw-text-opacity,1))}@keyframes menuPopOut{0%{opacity:0;transform:rotateX(-90deg)}50%{transform:rotateX(-20deg)}to{opacity:1;transform:rotateX(0)}}.navigation-dropdown:hover .navigation-dropdown-content{transform-origin:top;animation:.2s ease-in-out forwards menuPopOut;display:block}