.circular-text{color:#fff;text-align:center;cursor:pointer;transform-origin:50%;border-radius:50%;width:200px;height:200px;margin:0;font-weight:900;position:relative}.circular-text span{font-size:24px;transition:all .5s cubic-bezier(0,0,0,1);display:inline-block;position:absolute;inset:0}@media (max-width:850px){.circular-text{width:128px;height:128px}.circular-text span{font-size:14px}}@media (prefers-reduced-motion:reduce){.circular-text span{transition:none}}
.pixel-card{--pixel-card-surface:linear-gradient(180deg, #17151c 0%, #0f0e13 100%);--pixel-card-edge:#ffffff14;--pixel-card-edge-active:#ffffff29;--pixel-card-highlight:#ffffff0f;--pixel-card-shadow:0 24px 48px -24px #000000d9, 0 8px 18px -10px #0009;border-radius:var(--pixel-card-radius,24px);background:var(--pixel-card-surface);width:300px;height:400px;box-shadow:var(--pixel-card-shadow);isolation:isolate;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;outline:none;place-items:center;display:grid;position:relative;overflow:hidden}.pixel-card[data-theme=light]{--pixel-card-surface:linear-gradient(180deg, #fff 0%, #f6f6f8 100%);--pixel-card-edge:#18181b14;--pixel-card-edge-active:#18181b29;--pixel-card-highlight:#fff;--pixel-card-shadow:0 24px 48px -26px #18181b52, 0 8px 18px -12px #18181b2e}.pixel-card:after{content:"";z-index:2;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--pixel-card-edge), inset 0 1px 0 var(--pixel-card-highlight);pointer-events:none;transition:box-shadow .26s;position:absolute;inset:0}.pixel-card[data-active]:after{box-shadow:inset 0 0 0 1px var(--pixel-card-edge-active), inset 0 1px 0 var(--pixel-card-highlight)}.pixel-card:focus-visible{box-shadow:var(--pixel-card-shadow), 0 0 0 3px #7f7f8c73}.pixel-card-canvas{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.pixel-card>:not(.pixel-card-canvas){z-index:1;position:relative}.pixel-card.pixel-card--fill{place-items:unset;width:100%;height:100%;min-height:16rem;display:flex}.pixel-card.pixel-card--fill>:not(.pixel-card-canvas){flex:1;width:100%;display:flex}