.grid-container{display:grid;grid-template-columns:repeat(5,1fr);height:100%;justify-content:space-between;left:0;margin:auto;pointer-events:none;position:absolute;right:0;top:0;width:calc(100dvw - var(--container)*2);z-index:200}.grid-container div{display:block;height:100%;width:100%}.grid-container.light div{border-left:1px solid var(--grid-line-light)}.grid-container.light div:last-child{border-right:1px solid var(--grid-line-light)}.grid-container.dark div{border-left:1px solid var(--grid-line-dark)}.grid-container.dark div:last-child{border-right:1px solid var(--grid-line-dark)}@media (max-width:1024px){.grid-container{grid-template-columns:repeat(4,1fr)}.grid-container div:nth-child(2){display:none}}@media (max-width:768px){.grid-container{grid-template-columns:repeat(3,1fr)}.grid-container div:nth-child(3){display:none}}@media (max-width:600px){.grid-container{grid-template-columns:repeat(2,1fr)}.grid-container div:nth-child(4){display:none}}button{background-color:transparent;border:none;color:var(--font);display:flex;font-family:inter-light;font-size:var(--fs-sm);font-weight:100!important;justify-content:space-between;padding:var(--golden-value-half);position:relative;text-align:left;width:var(--width-col-1)}button .line{background:var(--primary);bottom:0;height:0;left:0;width:1px;z-index:100}button .bg,button .line{position:absolute}button.primary .bg{background:#f2f2f20f;display:block;height:100%;left:0;top:0;width:0}button:after,button:before{background-color:#f2f2f21a;content:"";display:block;height:1px;position:absolute;transition:.5s ease;width:0}button:after{left:0;top:0}button:hover:after,button:hover:before{width:100%}button:before{bottom:0;right:0}button .wrapper{overflow:hidden}button .wrapped{transform:translateY(150%)}button .icon{opacity:0;transition:.5s ease}button:hover .icon{transform:translate(.5rem)}@media (max-width:1024px){button{width:var(--width-col-2)}}@media (max-width:600px){button{padding:1.5rem;width:var(--width-col-2)}}.error{align-items:center;display:flex;height:100dvh;justify-content:center;position:relative;text-align:center}.error .logo-container{margin:auto;opacity:0;width:100%}.error button{margin:auto;margin-top:var(--golden-value-half)}.error .wrapper{overflow:hidden}.error .wrapper h1{transform:translateY(100%)}.error .wrapper h1.code{font-size:calc(var(--fs-xxlg)*2)}.error .wrapper h1.msg{font-size:var(--fs-xxlg);margin-top:var(--golden-value-half)}.error p{font-size:var(--body);opacity:0}@media (max-width:600px){.error .wrapper h1.msg,.error button{margin-top:1.25rem}}
