.sg-menu.svelte-1egp9yg{position:relative;display:grid;grid-template-columns:repeat(var(--sg-cols),minmax(0,1fr));gap:.125rem;padding:.25rem;background:var(--sg-menu-bg-color, rgba(0, 0, 0, .3));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:1.375rem;border:1px solid rgba(255,255,255,.1)}.sg-menu.sg-menu-one-row.svelte-1egp9yg{border-radius:9999px}@media(max-width:767px){.sg-menu.svelte-1egp9yg{grid-template-columns:repeat(var(--sg-cols-mobile),minmax(0,1fr))}.sg-menu.sg-menu-one-row.svelte-1egp9yg{border-radius:1.375rem}.sg-menu.sg-menu-one-row-mobile.svelte-1egp9yg{border-radius:9999px}}.sg-menu-indicator.svelte-1egp9yg{position:absolute;border-radius:9999px;background:var(--accent-color, var(--color-primary, #d946a8));box-shadow:0 0 12px color-mix(in srgb,var(--accent-color, var(--color-primary, #d946a8)) 50%,transparent);transition:left .3s cubic-bezier(.4,0,.2,1),top .3s cubic-bezier(.4,0,.2,1);z-index:0;pointer-events:none;--cell-w: calc((100% - .5rem - (var(--sg-cols) - 1) * .125rem) / var(--sg-cols));--cell-h: calc((100% - .5rem - (var(--sg-rows) - 1) * .125rem) / var(--sg-rows));width:var(--cell-w);height:var(--cell-h);left:calc(.25rem + var(--sg-col) * (var(--cell-w) + .125rem));top:calc(.25rem + var(--sg-row) * (var(--cell-h) + .125rem))}@media(max-width:767px){.sg-menu-indicator.svelte-1egp9yg{--cell-w: calc((100% - .5rem - (var(--sg-cols-mobile) - 1) * .125rem) / var(--sg-cols-mobile));--cell-h: calc((100% - .5rem - (var(--sg-rows-mobile) - 1) * .125rem) / var(--sg-rows-mobile));left:calc(.25rem + var(--sg-col-mobile) * (var(--cell-w) + .125rem));top:calc(.25rem + var(--sg-row-mobile) * (var(--cell-h) + .125rem))}}.sg-menu-indicator.animating.svelte-1egp9yg{animation:svelte-1egp9yg-indicator-pulse .3s ease-out}.sg-menu-option.multi-active.svelte-1egp9yg{background:var(--accent-color, var(--color-primary, #d946a8));color:var(--color-primary-content, white)!important;box-shadow:0 0 10px color-mix(in srgb,var(--accent-color, var(--color-primary, #d946a8)) 45%,transparent);transition:background .2s ease,box-shadow .2s ease,color .2s ease}.sg-menu-option.multi-active.svelte-1egp9yg span,.sg-menu-option.multi-active.svelte-1egp9yg svg{color:var(--color-primary-content, white)!important}.sg-menu-option.multi-active.pulsing.svelte-1egp9yg{animation:svelte-1egp9yg-item-pulse .35s ease-out}@keyframes svelte-1egp9yg-indicator-pulse{0%{box-shadow:0 0 12px color-mix(in srgb,var(--accent-color, var(--color-primary)) 50%,transparent)}50%{box-shadow:0 0 20px color-mix(in srgb,var(--accent-color, var(--color-primary)) 70%,transparent),0 0 32px color-mix(in srgb,var(--accent-color, var(--color-primary)) 35%,transparent)}to{box-shadow:0 0 12px color-mix(in srgb,var(--accent-color, var(--color-primary)) 50%,transparent)}}@keyframes svelte-1egp9yg-item-pulse{0%{box-shadow:0 0 10px color-mix(in srgb,var(--accent-color, var(--color-primary, #d946a8)) 45%,transparent);transform:scale(1)}40%{box-shadow:0 0 22px color-mix(in srgb,var(--accent-color, var(--color-primary, #d946a8)) 75%,transparent),0 0 38px color-mix(in srgb,var(--accent-color, var(--color-primary, #d946a8)) 35%,transparent);transform:scale(1.06)}to{box-shadow:0 0 10px color-mix(in srgb,var(--accent-color, var(--color-primary, #d946a8)) 45%,transparent);transform:scale(1)}}.sg-menu-option.svelte-1egp9yg{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.4rem .5rem;border-radius:9999px;border:none;background:transparent;color:var(--sg-menu-text-color, rgba(255, 255, 255, .6));font-size:.6875rem;font-weight:500;cursor:pointer;transition:color .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.sg-menu-option.disabled.svelte-1egp9yg{opacity:.35;cursor:default;pointer-events:none}.sg-menu-option.svelte-1egp9yg:hover:not(.active):not(.multi-active):not(.disabled){color:var(--sg-menu-hover-text-color, rgba(255, 255, 255, .9))}.sg-menu-option.active.svelte-1egp9yg{color:var(--color-primary-content, white)}.sg-menu-option.active.svelte-1egp9yg span,.sg-menu-option.active.svelte-1egp9yg svg{color:var(--color-primary-content, white)!important}.sg-menu-label.svelte-1egp9yg{color:inherit;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sg-menu-md.svelte-1egp9yg .sg-menu-option:where(.svelte-1egp9yg){font-size:.875rem;padding:.5rem .75rem}.sg-menu-option.svelte-1egp9yg svg{stroke:currentColor;color:currentColor}
