._titleSquare_1arhj_1{box-sizing:border-box;z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#191919b8;border:2px solid;justify-content:center;align-items:center;width:fit-content;padding:.5em 1.5em;transition:background .2s,transform .2s;display:flex;position:relative}._titleSquare_1arhj_1:hover{background:var(--color-background-element);transform:translate(.25rem)}._titleSquare_1arhj_1:before{content:attr(data-label);background:var(--color-background);color:var(--color-text-light);letter-spacing:.12em;padding:0 .4rem;font-size:.58rem;position:absolute;top:-.7rem;left:1rem}._titleText_1arhj_28{color:var(--color-text-strong);font-size:var(--fs-h2);letter-spacing:.05em;text-align:center;z-index:5;margin:0;font-weight:900}._titleText_1arhj_28._compact_1arhj_39{font-size:var(--fs-h3)}._corner_1arhj_43{box-sizing:border-box;z-index:6;background:#d9d9d9;border:2px solid;width:.8rem;height:.8rem;transition:transform .2s,background .2s;position:absolute}._titleSquare_1arhj_1:hover ._topLeft_1arhj_53,._titleSquare_1arhj_1:hover ._bottomRight_1arhj_54{background:var(--color-primary);transform:rotate(45deg)}._topLeft_1arhj_53{top:-.4rem;left:-.4rem}._topRight_1arhj_62{top:-.4rem;right:-.4rem}._bottomLeft_1arhj_67{bottom:-.4rem;left:-.4rem}._bottomRight_1arhj_54{bottom:-.4rem;right:-.4rem}._gridBackground_196c9_1{width:100vw;position:relative}._gridBackground_196c9_1:before,._gridBackground_196c9_1:after{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff1f 1px,#0000 1px),linear-gradient(90deg,#ffffff1f 1px,#0000 1px);background-size:5rem 5rem;position:absolute;inset:-5rem 0}._gridBackground_196c9_1:before{opacity:.18;-webkit-mask-image:linear-gradient(#0000,#000 8rem calc(100% - 8rem),#0000);mask-image:linear-gradient(#0000,#000 8rem calc(100% - 8rem),#0000)}._gridBackground_196c9_1:after{opacity:0;-webkit-mask-image:radial-gradient(circle at var(--x,50%) var(--y,50%), var(--color-text-strong) 180px, transparent 250px);mask-image:radial-gradient(circle at var(--x,50%) var(--y,50%), var(--color-text-strong) 180px, transparent 250px);transition:opacity .5s}._gridBackground_196c9_1:hover:after{opacity:1}._gridBackground_196c9_1>*{z-index:1;position:relative}
