.hex.svelte-f03unj{position:relative;margin:0 auto;background:#3c67ff;border-radius:12px;width:150px;height:250px;text-align:center;color:#fff;font-size:20px;transform:rotate(90deg);cursor:pointer}.hex.svelte-f03unj:before,.hex.svelte-f03unj:after{content:"";position:absolute;top:0;left:0;background:inherit;border-radius:inherit;height:100%;width:100%;z-index:-1}.hex.svelte-f03unj:before{transform:rotate(60deg)}.hex.svelte-f03unj:after{transform:rotate(-60deg)}.after-hex.svelte-f03unj{position:absolute;top:2px;left:2px;background:#fff;border-radius:10px;width:calc(100% - 4px);height:calc(100% - 4px);text-align:center;font-size:20px;color:#000}.after-hex.svelte-f03unj:hover{background-color:#3c67ff;color:#fff}.after-hex.svelte-f03unj:before,.after-hex.svelte-f03unj:after{content:"";position:absolute;top:0;left:0;background:inherit;border-radius:inherit;height:100%;width:100%;z-index:10}.after-hex.svelte-f03unj:before{transform:rotate(60deg)}.after-hex.svelte-f03unj:after{transform:rotate(-60deg)}.hex-wrapper.svelte-f03unj{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:absolute;z-index:100;transform:rotate(-90deg)}.hex-content.svelte-f03unj{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}.hex-content.svelte-f03unj>span:where(.svelte-f03unj){text-align:center;font-weight:600}.hex-grid.svelte-f03unj{width:780px;display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:auto;margin:0 auto}.hex-wrap.svelte-f03unj{position:relative}.hex-grid.svelte-f03unj>:where(.svelte-f03unj){margin-bottom:-20px}.hex-grid.svelte-f03unj>:where(.svelte-f03unj):nth-child(5n-3){grid-column:4 / span 2}.hex-grid.svelte-f03unj>:where(.svelte-f03unj):nth-child(5n-4){grid-column:2 / span 2}.hex-grid.svelte-f03unj>:where(.svelte-f03unj):nth-child(5n-2),.hex-grid.svelte-f03unj>:where(.svelte-f03unj):nth-child(5n-1),.hex-grid.svelte-f03unj>:where(.svelte-f03unj):nth-child(5n){grid-column:span 2;margin-bottom:-20px}@media screen and (max-width: 1200px){.hex.svelte-f03unj{position:relative;border-radius:12px;height:205px;width:125px;text-align:center;color:#fff;font-size:14px;transform:rotate(90deg)}.hex.svelte-f03unj:before,.hex.svelte-f03unj:after{content:"";position:absolute;top:0;left:0;background:inherit;border-radius:inherit;height:100%;width:100%;z-index:-1}.after-hex.svelte-f03unj{position:absolute;top:2px;left:2px;border-radius:8px;width:calc(100% - 4px);height:calc(100% - 4px);text-align:center;font-size:14px;color:#000}.after-hex.svelte-f03unj:before,.after-hex.svelte-f03unj:after{content:"";position:absolute;top:0;left:0;background:inherit;border-radius:inherit;height:100%;width:100%;z-index:10}}@media screen and (max-width: 1080px){.hex-grid.svelte-f03unj{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:auto;gap:0 10px;width:100%;margin-left:10%;margin-right:10%}.hex-grid.svelte-f03unj>:where(.svelte-f03unj):nth-child(n){margin:0}.hex-grid.svelte-f03unj>:where(.svelte-f03unj):nth-child(3n-1),.hex-grid.svelte-f03unj>:where(.svelte-f03unj):nth-child(3n){grid-column:span 2;margin-bottom:-10px}.hex-grid.svelte-f03unj>:where(.svelte-f03unj):nth-child(3n-2){grid-column:2 / span 2;margin-bottom:-10px}.hex.svelte-f03unj{position:relative;border-radius:10px;height:205px;width:125px;text-align:center;color:#fff;font-size:14px;transform:rotate(90deg)}.hex.svelte-f03unj:before,.hex.svelte-f03unj:after{content:"";position:absolute;top:0;left:0;background:inherit;border-radius:inherit;height:100%;width:100%;z-index:-1}.after-hex.svelte-f03unj{position:absolute;top:2px;left:2px;border-radius:12px;width:calc(100% - 4px);height:calc(100% - 4px);text-align:center;font-size:14px;color:#000}.after-hex.svelte-f03unj:before,.after-hex.svelte-f03unj:after{content:"";position:absolute;top:0;left:0;background:inherit;border-radius:inherit;height:100%;width:100%;z-index:10}}@media screen and (max-width: 768px){.hex.svelte-f03unj{position:relative;border-radius:12px;height:170px;width:105px;text-align:center;color:#fff;font-size:14px;transform:rotate(90deg)}.hex.svelte-f03unj:before,.hex.svelte-f03unj:after{content:"";position:absolute;top:0;left:0;background:inherit;border-radius:inherit;height:100%;width:100%;z-index:-1}.after-hex.svelte-f03unj{position:absolute;top:2px;left:2px;border-radius:8px;width:calc(100% - 4px);height:calc(100% - 4px);text-align:center;font-size:14px;color:#000}.after-hex.svelte-f03unj:before,.after-hex.svelte-f03unj:after{content:"";position:absolute;top:0;left:0;background:inherit;border-radius:inherit;height:100%;width:100%;z-index:10}.hex-grid.svelte-f03unj{margin-left:0;margin-right:0}}