.pop-up-menu{--pop-up-accent:var(--color-purple);z-index:1301;border:1px solid color-mix(in srgb, var(--pop-up-accent) 28%, transparent);border-radius:var(--radius-md);width:min(760px,100vw - 32px);max-height:min(820px,100dvh - 32px);color:var(--color-text);background:radial-gradient(circle at 82% -8%, color-mix(in srgb, var(--pop-up-accent) 10%, transparent), transparent 14%),rgba(var(--color-bg-main-rgb)/15%);box-shadow:0 30px 100px rgb(var(--color-black-rgb)/68%),0 0 54px color-mix(in srgb, var(--pop-up-accent) 10%, transparent),inset 0 1px rgb(var(--color-white-rgb)/5%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);outline:none;grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:fixed;top:50%;left:50%;overflow:hidden}.pop-up-menu[data-accent=cyan]{--pop-up-accent:var(--color-cyan)}.pop-up-menu[data-accent=blue]{--pop-up-accent:var(--color-blue)}.pop-up-menu[data-accent=pink]{--pop-up-accent:var(--color-pink)}.pop-up-menu[data-size=small]{width:min(520px,100vw - 32px)}.pop-up-menu[data-size=large]{width:min(980px,100vw - 32px);max-height:min(880px,100dvh - 32px)}.pop-up-menu__overlay{z-index:1300;background:rgb(var(--color-bg-main-rgb)/78%);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:fixed;inset:0}.pop-up-menu__glow{background:color-mix(in srgb, var(--pop-up-accent) 12%, transparent);filter:blur(75px);pointer-events:none;border-radius:50%;width:360px;height:300px;position:absolute;top:-150px;right:-100px}.pop-up-menu__header{align-items:center;gap:var(--space-4);border-bottom:1px solid rgb(var(--color-text-rgb)/8%);grid-template-columns:auto minmax(0,1fr) auto auto;padding:clamp(1rem,.780899rem + .898876vw,1.5rem);display:grid;position:relative}.pop-up-menu__header-icon,.pop-up-menu__close{border-radius:var(--radius-xs);place-items:center;width:42px;height:42px;display:grid}.pop-up-menu__header-icon svg,.pop-up-menu__close svg{width:19px;height:19px}.pop-up-menu__header-icon{border:1px solid color-mix(in srgb, var(--pop-up-accent) 25%, transparent);color:color-mix(in srgb, var(--pop-up-accent) 76%, var(--color-white));background:color-mix(in srgb, var(--pop-up-accent) 10%, transparent)}.pop-up-menu__heading{min-width:0}.pop-up-menu__heading h2{color:rgb(var(--color-white-rgb)/94%);font-family:var(--font-family-title),sans-serif;margin:0 0 5px;font-size:clamp(1.125rem,.988062rem + .561798vw,1.4375rem);font-weight:600;line-height:1.2}.pop-up-menu__heading p{color:rgb(var(--color-text-rgb)/52%);font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.pop-up-menu__badge{border:1px solid color-mix(in srgb, var(--pop-up-accent) 20%, transparent);border-radius:var(--radius-round);color:color-mix(in srgb, var(--pop-up-accent) 70%, var(--color-white));background:color-mix(in srgb, var(--pop-up-accent) 12%, transparent);font-size:var(--font-size-xs);white-space:nowrap;padding:6px 10px;font-weight:650}.pop-up-menu__close{border:1px solid rgb(var(--color-text-rgb)/10%);color:var(--color-text-muted);background:rgb(var(--color-white-rgb)/4%);cursor:pointer;padding:0}@media (any-hover:hover){.pop-up-menu__close:hover{border-color:color-mix(in srgb, var(--pop-up-accent) 44%, transparent);color:var(--color-white);background:color-mix(in srgb, var(--pop-up-accent) 11%, transparent)}}@media (any-hover:none){.pop-up-menu__close:active{border-color:color-mix(in srgb, var(--pop-up-accent) 44%, transparent);color:var(--color-white);background:color-mix(in srgb, var(--pop-up-accent) 11%, transparent)}}.pop-up-menu__body{overscroll-behavior:contain;scrollbar-color:color-mix(in srgb, var(--pop-up-accent) 45%, transparent) #0000;scrollbar-width:thin;touch-action:pan-y;-webkit-overflow-scrolling:touch;min-height:0;padding:clamp(1rem,.780899rem + .898876vw,1.5rem);overflow-y:auto}.pop-up-menu__footer{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) clamp(1rem,.780899rem + .898876vw,1.5rem);border-top:1px solid rgb(var(--color-text-rgb)/8%);display:flex}.pop-up-menu__footer-content{flex:1;align-items:center;min-width:0;display:flex}.pop-up-menu__close-button{width:100%;min-width:116px;min-height:40px;font-size:var(--font-size-sm);padding:8px 18px;font-weight:500}.pop-up-menu__close:focus-visible,.pop-up-menu__close-button:focus-visible{outline:2px solid var(--pop-up-accent);outline-offset:3px}@media (max-width:480px){.pop-up-menu,.pop-up-menu[data-size]{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.pop-up-menu__header{grid-template-columns:minmax(0,1fr) auto}.pop-up-menu__header-icon,.pop-up-menu__badge{display:none}.pop-up-menu__footer{flex-direction:column;align-items:stretch}.pop-up-menu__footer-content,.pop-up-menu__close-button{width:100%}}.pop-up-menu--dropdown{z-index:auto;width:300px;max-height:none;color:var(--color-text);box-shadow:none;background:0 0;border:0;border-radius:0;outline:none;display:block;position:absolute;top:40px;left:50%;overflow:visible;translate:-50%}.pop-up-menu--dropdown:before{content:"";width:1px;height:100%;box-shadow:0 0 200px 20px var(--color-blue);position:absolute;top:50%;left:50%;translate:-50% -50%}.pop-up-menu--dropdown .pop-up-menu__title-box,.pop-up-menu--dropdown .pop-up-menu__content{border-radius:var(--radius-sm);background-color:rgb(var(--color-bg-surface-rgb)/90%);box-shadow:0 0 20px rgb(var(--color-purple-rgb)/30%),inset 0 0 20px rgb(var(--color-purple-rgb)/16%),-18px -9px 20px 1px rgb(var(--color-blue-rgb)/8%),18px 9px 20px 1px rgb(var(--color-pink-rgb)/8%);-webkit-backdrop-filter:var(--blur-surface);backdrop-filter:var(--blur-surface);transition:translate var(--transition-duration) var(--ease-standard);position:relative}.pop-up-menu--dropdown .pop-up-menu__title-box:before,.pop-up-menu--dropdown .pop-up-menu__content:before{content:"";padding:var(--border-width);border-radius:inherit;background:linear-gradient(135deg, var(--color-cyan), var(--color-purple), var(--color-pink));-webkit-mask:linear-gradient(var(--color-black) 0 0) content-box,linear-gradient(var(--color-black) 0 0);mask:linear-gradient(var(--color-black) 0 0) content-box,linear-gradient(var(--color-black) 0 0);pointer-events:none;position:absolute;inset:-1px;-webkit-mask-composite:xor;mask-composite:exclude}@media (any-hover:hover){.pop-up-menu--dropdown .pop-up-menu__title-box:hover,.pop-up-menu--dropdown .pop-up-menu__content:hover{translate:1px 1px}}@media (any-hover:none){.pop-up-menu--dropdown .pop-up-menu__title-box:active,.pop-up-menu--dropdown .pop-up-menu__content:active{translate:1px 1px}}.pop-up-menu--dropdown .pop-up-menu__title-box{margin-bottom:var(--space-3);text-align:center}.pop-up-menu--dropdown .pop-up-menu__title-box:after{content:"";border-top:1px solid rgb(var(--color-purple-rgb)/75%);border-left:1px solid rgb(var(--color-purple-rgb)/90%);background-color:rgb(var(--color-bg-surface-rgb)/90%);width:16px;height:16px;box-shadow:var(--shadow-glow);position:absolute;top:-8px;left:50%;transform:rotate(45deg)translate(-50%)}.pop-up-menu--dropdown .pop-up-menu__title{padding:var(--space-3);font-size:var(--font-size-base);margin:0}.pop-up-menu--dropdown .pop-up-menu__content{flex-direction:column;justify-content:center;align-items:center;margin:0;padding:0;list-style:none;display:flex}.pop-up-menu--dropdown .pop-up-menu__content-item{text-align:center;width:100%;filter:drop-shadow(1px 1px 2px var(--color-black));transition:filter var(--transition-duration) var(--ease-standard);position:relative}.pop-up-menu--dropdown .pop-up-menu__content-item:not(:last-child):after{content:"";background:linear-gradient(to right, transparent, rgb(var(--color-blue-rgb)/40%), rgb(var(--color-pink-rgb)/40%), transparent);width:88%;height:1px;position:absolute;bottom:0;left:50%;translate:-50%}@media (any-hover:hover){.pop-up-menu--dropdown .pop-up-menu__content-item:hover{filter:drop-shadow(1px 1px 2px var(--color-blue))}}@media (any-hover:none){.pop-up-menu--dropdown .pop-up-menu__content-item:active{filter:drop-shadow(1px 1px 2px var(--color-blue))}}.pop-up-menu--dropdown .pop-up-menu__content-text{padding:var(--space-3);color:inherit;margin:0;text-decoration:none;display:block}.pop-up-menu-hint{transition:transform var(--transition-duration) var(--ease-standard)}.header__menu-link--is-active .pop-up-menu-hint{transform:rotate(90deg)}