.logo.svelte-1l8nvlt:has(.middle:where(.svelte-1l8nvlt):empty):has(.top:where(.svelte-1l8nvlt):empty) .top:where(.svelte-1l8nvlt){width:100%;height:100%;position:relative}.logo.svelte-1l8nvlt:has(.middle:where(.svelte-1l8nvlt):empty):has(.top:where(.svelte-1l8nvlt):empty) .top:where(.svelte-1l8nvlt):before,.logo.svelte-1l8nvlt:has(.middle:where(.svelte-1l8nvlt):empty):has(.top:where(.svelte-1l8nvlt):empty) .top:where(.svelte-1l8nvlt):after{position:absolute;content:"";display:block;width:0%;height:calc(var(--size) * .2);border-radius:calc(var(--size) * .1);transition:all var(--transition-time);background-color:var(--s-color-bg)}.logo.svelte-1l8nvlt:has(.middle:where(.svelte-1l8nvlt):empty):has(.top:where(.svelte-1l8nvlt):empty) .top:where(.svelte-1l8nvlt):before{right:-80%;top:20%}.logo.svelte-1l8nvlt:has(.middle:where(.svelte-1l8nvlt):empty):has(.top:where(.svelte-1l8nvlt):empty) .top:where(.svelte-1l8nvlt):after{left:-80%;bottom:20%}.logo-wrap.svelte-1l8nvlt:has(.middle:where(.svelte-1l8nvlt):empty):has(.top:where(.svelte-1l8nvlt):empty):hover .logo:where(.svelte-1l8nvlt){box-shadow:none}.logo-wrap.svelte-1l8nvlt:has(.middle:where(.svelte-1l8nvlt):empty):has(.top:where(.svelte-1l8nvlt):empty):hover .top:where(.svelte-1l8nvlt){border:0}.logo-wrap.svelte-1l8nvlt:has(.middle:where(.svelte-1l8nvlt):empty):has(.top:where(.svelte-1l8nvlt):empty):hover .top:where(.svelte-1l8nvlt):before,.logo-wrap.svelte-1l8nvlt:has(.middle:where(.svelte-1l8nvlt):empty):has(.top:where(.svelte-1l8nvlt):empty):hover .top:where(.svelte-1l8nvlt):after{width:72%}.logo-wrap.svelte-1l8nvlt:has(.middle:where(.svelte-1l8nvlt):empty):has(.top:where(.svelte-1l8nvlt):empty):hover .bottom:where(.svelte-1l8nvlt){box-shadow:none}.logo-wrap.svelte-1l8nvlt{display:flex;align-items:center;gap:var(--sugar-nav-gap)}.logo-wrap.svelte-1l8nvlt:hover .logo:where(.svelte-1l8nvlt){transform:scale(1)}.logo-wrap.svelte-1l8nvlt:hover .top:where(.svelte-1l8nvlt){transform:translateZ(0)}.logo-wrap.svelte-1l8nvlt:hover .bottom:where(.svelte-1l8nvlt){transform:translateZ(-1px)}.logo-wrap.svelte-1l8nvlt:hover .top:where(.svelte-1l8nvlt):before{right:calc(-1 * var(--size) * .1)!important}.logo-wrap.svelte-1l8nvlt:hover .top:where(.svelte-1l8nvlt):after{left:calc(-1 * var(--size) * .1)!important}.logo-square.svelte-1l8nvlt{display:flex;align-items:center;justify-content:center;overflow:visible;transition:transform var(--transition-time) ease}.logo.svelte-1l8nvlt{--transition-time: .5s;--border-width: calc(var(--size) / 20);--layer-space: calc(var(--size) / 3);--box-shadow: calc(var(--size) / 12) calc(var(--size) / 12) calc(var(--size) / 6) var(--s-color-shadow);max-width:var(--size);width:100vw;aspect-ratio:1/1;transform:scale(.75) rotateY(-30deg) rotateX(45deg) translateZ(calc(var(--size) / 3));transform-origin:50% 100%;transform-style:preserve-3d;box-shadow:var(--box-shadow);background:var(--s-color-primary);transition:all var(--transition-time)}.logo.svelte-1l8nvlt .top:where(.svelte-1l8nvlt),.logo.svelte-1l8nvlt .bottom:where(.svelte-1l8nvlt){position:absolute;top:0;left:0;width:100%;height:100%}.logo.svelte-1l8nvlt .top:where(.svelte-1l8nvlt){transform:translateZ(var(--layer-space));border:var(--border-width) solid var(--s-color-primary-80-fg);background-color:color-mix(in srgb,var(--s-color-primary) 20%,transparent)}.logo.svelte-1l8nvlt .bottom:where(.svelte-1l8nvlt){transform:translateZ(calc(-1 * var(--layer-space)));background:var(--s-color-primary-80-fg);box-shadow:var(--box-shadow);transition:all var(--transition-time)}