:root{--dropdown-bg-color:var(--color-primary)}.menu{font-size:16px;line-height:1.6;color:var(--color-font);width:fit-content;display:flex;list-style:none;cursor:pointer}.menu a{text-decoration:none;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit}.menu .link{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 36px;border-radius:16px;overflow:hidden;transition:all .48s cubic-bezier(.23,1,.32,1)}.menu .link:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--dropdown-bg-color);z-index:-1;transform:scaleX(0);transform-origin:left;transition:transform .48s cubic-bezier(.23,1,.32,1)}.menu .link svg{width:14px;height:14px;fill:var(--color-font);transition:all .48s cubic-bezier(.23,1,.32,1)}.menu .item{position:relative}.menu .item .submenu{display:flex;flex-direction:column;align-items:center;position:absolute;top:100%;border-radius:0 0 16px 16px;left:0;width:100%;overflow:hidden;border:1px solid #cccccc;opacity:0;visibility:hidden;transform:translateY(-12px);transition:all .48s cubic-bezier(.23,1,.32,1);z-index:1;pointer-events:none;list-style:none}.menu .item:hover .submenu{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;border-top:transparent;border-color:var(--dropdown-bg-color)}.menu .item:hover .link{border-radius:16px 16px 0 0}.menu .item:hover .link:after{transform:scaleX(1);transform-origin:right}.menu .item:hover .link svg{transform:rotate(-180deg)}.submenu .submenu-item,.submenu .submenu-link{width:100%;transition:all .48s cubic-bezier(.23,1,.32,1)}.submenu .submenu-link{display:block;padding:12px 8px;position:relative;text-align:center;background-color:var(--color-gray-800)}.submenu .submenu-item:last-child .submenu-link{border-bottom:none}.submenu .submenu-link:before{content:"";position:absolute;top:0;left:0;transform:scaleX(0);width:100%;height:100%;background-color:var(--dropdown-bg-color);z-index:-1;transform-origin:left;transition:transform .48s cubic-bezier(.23,1,.32,1)}.submenu .submenu-link:hover{background-color:transparent}.submenu .submenu-link:hover:before{transform:scaleX(1);transform-origin:right}