.box{align-items:center;align-self:stretch;border:1px solid #000;display:flex;font-size:25px;font-weight:400;justify-content:center;justify-self:stretch;line-height:100%;position:relative;text-decoration:none}.box .highlight{color:var(--yellow);transition:.3s;transition:opacity .3s}.box:hover{border:1px solid var(--yellow);cursor:pointer;transition:.3s}.box:hover a{color:var(--yellow);transition:opacity .3s}.box a{text-decoration:none}.box:hover .radical{color:var(--yellow);transition:.3s}.box:hover .tooltip{opacity:1;transition:.3s}.radical{bottom:0;font-size:14px;position:absolute;right:5px}.square{aspect-ratio:1/1;padding:5%}.panels,.square{text-align:center}.panels{justify-self:stretch!important;letter-spacing:4px;padding:20px 0;text-orientation:upright;writing-mode:vertical-rl}.tooltip{line-height:normal}.box .tooltip{color:var(--yellow);font-size:14px;letter-spacing:0;opacity:0;position:absolute;text-orientation:default;top:65px;transition:opacity .3s;writing-mode:horizontal-tb;z-index:100}.panels .tooltip{bottom:50px;left:60px;text-align:center;white-space:nowrap;writing-mode:sideways-lr}.card-square .tooltip{top:65px}.desktop,.panels.desktop{display:none}@media only screen and (min-width:1024px){.desktop{display:flex}.mobile{display:none}.panels.desktop{display:flex}.panels.mobile{display:none}.card-square .tooltip{top:60px}.link-only .desktop{display:none}.link-only .mobile{display:flex}}@media only screen and (min-width:1600px){.card-square .tooltip{top:80px}}@media only screen and (min-width:1800px){.card-square .tooltip{top:90px}}@media only screen and (min-width:2000px){.card-square .tooltip{top:100px}.square .tooltip{top:80px}.panels .tooltip{left:80px}}