.hex.svelte-1vgokrg.svelte-1vgokrg{--hexagon-size:90px;--hexagon-width:180px;--hexagon-top:60px;--hexagon-y:-59px;--hexagon-border-y:60px;--hexagon-border-x:90px;margin-top:var(--hexagon-top);height:var(--hexagon-size);width:var(--hexagon-width);aspect-ratio:1/.866;background-color:var(--theme-base-primary-50);position:relative;cursor:pointer;transition:.2s all linear}.hex.svelte-1vgokrg.svelte-1vgokrg:before{content:" ";width:0;height:0;border-bottom:var(--hexagon-border-y) solid var(--theme-base-primary-50);border-left:var(--hexagon-border-x) solid transparent;border-right:var(--hexagon-border-x) solid transparent;position:absolute;top:var(--hexagon-y)}.hex.svelte-1vgokrg.svelte-1vgokrg:after{content:"";width:0;position:absolute;bottom:var(--hexagon-y);border-top:var(--hexagon-border-y) solid var(--theme-base-primary-50);border-left:var(--hexagon-border-x) solid transparent;border-right:var(--hexagon-border-x) solid transparent}.hex.svelte-1vgokrg.svelte-1vgokrg:hover{transform:scale(1.1);z-index:3;filter:drop-shadow(0 0 20px rgba(168,168,168,.303))}.hex.primary.svelte-1vgokrg.svelte-1vgokrg{background-color:var(--theme-base-primary-400);z-index:2}.hex.primary.svelte-1vgokrg.svelte-1vgokrg:before{border-bottom-color:var(--theme-base-primary-400)}.hex.primary.svelte-1vgokrg.svelte-1vgokrg:after{border-top-color:var(--theme-base-primary-400)}.hex.primary.svelte-1vgokrg.svelte-1vgokrg:hover{transform:scale(1.1);z-index:3;filter:drop-shadow(0 0 20px rgba(168,168,168,.303))}.hex.svelte-1vgokrg .arrow.svelte-1vgokrg{bottom:-2.5rem;left:0;right:0;margin:0 auto;display:flex;width:1.85rem;height:1.85rem;transform:rotate(-30deg);justify-content:center;align-items:center;flex-shrink:0;z-index:2;position:absolute}.hex.svelte-1vgokrg .inner.svelte-1vgokrg{margin-top:-.5rem;height:calc(100% + .5rem)}@media screen and (min-height: 960px){.hex.svelte-1vgokrg.svelte-1vgokrg{--hexagon-size:110px;--hexagon-width:220px;--hexagon-top:70px;--hexagon-y:-69px;--hexagon-border-y:70px;--hexagon-border-x:110px}}@media screen and (max-height: 850px){.hex.svelte-1vgokrg.svelte-1vgokrg{--hexagon-size:70px;--hexagon-width:190px;--hexagon-top:50px;--hexagon-y:-49px;--hexagon-border-y:50px;--hexagon-border-x:96px}.hex.svelte-1vgokrg:not(.primary) .inner svg.svelte-1vgokrg{height:20px}}@media screen and (max-width: 900px){.hex.svelte-1vgokrg.svelte-1vgokrg{margin-left:0!important;margin-top:40px;height:200px;transform:rotate(-90deg)}.hex.svelte-1vgokrg .inner.svelte-1vgokrg{transform:rotate(90deg);display:flex;flex-flow:column;justify-content:center;align-items:center;height:100%}.hex.primary.svelte-1vgokrg.svelte-1vgokrg{display:none}.hex.svelte-1vgokrg .arrow.svelte-1vgokrg{bottom:1rem;left:0;right:0;margin:0 auto;display:flex;width:1.85rem;height:1.85rem;transform:rotate(-30deg);justify-content:center;align-items:center;flex-shrink:0;z-index:2;position:absolute}.hex.svelte-1vgokrg.svelte-1vgokrg:hover{transform:scale(1.1) rotate(-90deg);z-index:3;filter:drop-shadow(0 0 20px rgba(168,168,168,.303))}.hex.primary.svelte-1vgokrg.svelte-1vgokrg{background-color:var(--theme-base-primary-400);z-index:2}.hex.primary.svelte-1vgokrg.svelte-1vgokrg:before{border-bottom-color:var(--theme-base-primary-400)}.hex.primary.svelte-1vgokrg.svelte-1vgokrg:after{border-top-color:var(--theme-base-primary-400)}.hex.primary.svelte-1vgokrg.svelte-1vgokrg:hover{transform:scale(1.1) rotate(-90deg);z-index:3;filter:drop-shadow(0 0 20px rgba(168,168,168,.303))}}