.menu-link {display: flex;align-items: center;width: 100%;border-radius: 1.2rem;padding: 1.5rem;color: #ccc;text-decoration: none;line-height: 1;transition-duration: .3s;transform: none;animation: unset;box-sizing:border-box;}
.menu-link:hover, .menu-link:hover .bullet, .menu-item:focus-within > .menu-link,.menu-item.open > .menu-link {color: #fff;opacity: 1;}
.menu-link .bullet {display: inline-block;width: 2.4rem; height: 2.4rem; opacity: .5;transition-duration: .3s;transform: none;animation: unset;margin-right:1.2rem;}
.menu-link .label {flex: 1;font-size: 14px;letter-spacing: .2px;}
.menu-link .chev {font-size: 12px;opacity: .7;}

.menu-item{position:relative;}
.menu-item:hover > .navigation-secondary,
.menu-item:focus-within > .navigation-secondary,
.menu-item.open > .navigation-secondary {opacity: 1;transform: translateY(0);pointer-events: auto;}

.navigation-container {position: absolute;top:0;right:0;left:0;}
.navigation-menu {transition-property: all;transition-duration: .2s;transition-timing-function: cubic-bezier(.645, .045, .355, 1);position: fixed;top: 9.6rem;right: 0;left: 0;bottom: 0;z-index: 1;display: flex;flex-direction: column;box-sizing: border-box;width: 29rem;padding: 0 2.8rem 2.8rem 2.8rem;background-color: #000;transform: none; }
.navigation-menu:after {content: "";position: absolute;left: 0;z-index: -1;box-sizing: border-box;width: 100%;background-color: #000;border-right: .1rem solid #333;top: -10rem;height: 10rem; }
.navigation-menu:before {content: "";position: absolute;top: 0;right: 0;bottom: 0rem;border-right: .1rem solid #333;}
.navigation-secondary {position: absolute;top: 4px; left: calc(100% - 5.8rem);opacity: 0;pointer-events: none;z-index: 11;overflow-y: auto;width: 40rem;max-height: 48rem;padding: 1.2rem;border-radius: .8rem;background-color: rgba(34, 34, 34, .75);-webkit-backdrop-filter: blur(1.6rem);backdrop-filter: blur(1.6rem);}
.navigation-secondary::before {content: "";position: absolute;left: -6px; top: 14px;width: 10px; height: 10px;transform: rotate(45deg);background: var(--popup-bg);border-left: 1px solid var(--popup-border);border-top: 1px solid var(--popup-border);}
.navigation-secondary h3 {margin: 6px 8px 8px;color: #cbd5e1;font-size: 12px;letter-spacing: .06em;text-transform: uppercase;}
.navigation-secondary a {display: flex;padding: 1.4rem;border-radius: 8px;text-decoration: none;font-size: 1.5rem;transition: background .12s ease, color .12s ease;align-items: center;}
.navigation-secondary a span{width:25%;width:4.8rem;height:4.8rem;border-radius:100%; overflow:hidden;margin-right:2rem;}
.navigation-secondary a span img{width:4.8rem;height:4.8rem;}
.navigation-secondary a .navigation-text{width:75%;}
.navigation-secondary a:hover, .navigation-secondary a:focus {background-color: hsla(0, 0%, 100%, .05);color: #fff;outline: none;}
.navigation-secondary .desc {display: block;font-size: 1.4rem;color: var(--muted);margin-top: 4px;}
.navigation-fixed *{box-sizing:border-box;}
.navigation-fixed {margin-top: auto;width: 62%;border:unset;background:unset;}
.navigation-fixed ul {display:flex; width:100%;    flex-wrap: wrap;gap: 10px;}
.navigation-fixed ul li {width: 100%;position: relative; background: #ff6a3d;border-radius: .6rem;}
.navigation-fixed ul li:nth-child(1), .navigation-fixed ul li:nth-child(2){border-top:0;}
.navigation-fixed ul li:nth-child(3), .navigation-fixed ul li:nth-child(1){border-right:1px solid #333;}
.navigation-fixed ul li a {padding:1.4rem; display:flex; font-size:1.4rem;align-items: center;}
.navigation-fixed ul li a span{width:2.4rem; height:2.4rem; margin-right:1.2rem;}
.navigation-fixed ul li a span img{width:100%;}

.navigation-fixed ul li:nth-child(1) {border-right: unset;border-bottom:unset;}

.bubble {display:block; position: absolute; z-index: 1; padding: 5px 12px 5px; border-radius: 20px; font-style: normal; font-weight: 800; font-size: 12px; color: #1d1f22; -webkit-animation: flash 2s infinite;}
.bubble:after {content:''; display: block; width: 0; height: 0; border-right: 13px solid transparent; position: absolute; z-index: -1;}
.bubble {right: -31px;top: -28px; background-color: #ff6a3d; text-align: center;}
.bubble:after {bottom: -6px; left: 12px; border-top: solid 8px #ff6a3d;}
.bubble.rightQuick {right: -8px; top: -17px; background-color: #ff6a3d; text-align: center;width:80px;padding: 2px 12px 2px;}
.bubble.rightQuick:after {bottom: -7px;left: unset; right:10px;border-top: solid 8px #092833;}