wp-component[name=GridInterfaces]{background-color:#032750;overflow:hidden;position:relative}wp-component[name=GridInterfaces] .headline-wrapper{align-items:center;display:flex;grid-column:span 4;justify-content:center;position:relative;transition:background-size 1.5s}@media (min-width: 1180px){wp-component[name=GridInterfaces] .headline-wrapper{grid-column:span 3}}@media (min-width: 1600px){wp-component[name=GridInterfaces] .headline-wrapper{grid-column:span 4}}wp-component[name=GridInterfaces] .headline-wrapper .ring-layer{position:absolute;left:50%;top:50%;translate:-50% -50%;z-index:0;pointer-events:none;--S: max(100cqw, 100cqh);width:var(--S);height:var(--S);transition:transform .5s ease;transform:scale(1.5)}wp-component[name=GridInterfaces] .headline-wrapper .ring-layer .ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9999px;background-image:radial-gradient(circle,transparent 0%,rgba(255,255,255,.05) 10%,rgba(255,255,255,.2) calc(10% + 1px),transparent calc(10% + 2px))}wp-component[name=GridInterfaces] .headline-wrapper .ring-layer .ring-2{background-image:radial-gradient(circle,transparent 0%,rgba(255,255,255,.025) 20%,rgba(255,255,255,.1) calc(20% + 1px),transparent calc(20% + 2px))}wp-component[name=GridInterfaces] .headline-wrapper .ring-layer .ring-3{background:radial-gradient(circle,transparent 0%,rgba(255,255,255,.02) 30%,rgba(255,255,255,.1) calc(30% + 1px),transparent calc(30% + 2px))}wp-component[name=GridInterfaces] .headline-wrapper .ring-layer .ring-4{background:radial-gradient(circle,transparent 0%,rgba(255,255,255,.01) 40%,transparent calc(40% + 1px))}wp-component[name=GridInterfaces] .headline-wrapper .title{align-self:center;color:#fff;font-family:var(--font-family-heading);font-size:var(--font-size-h2);font-weight:600;line-height:var(--font-size-h1);margin-block:50px 100px;position:relative;text-align:center}@media (min-width: 1180px){wp-component[name=GridInterfaces] .headline-wrapper .title{margin-block:0}}wp-component[name=GridInterfaces] .container-grid{padding-block:50px}@media (min-width: 1600px){wp-component[name=GridInterfaces] .container-grid{padding-block:100px}}wp-component[name=GridInterfaces] .gridContainer{align-self:center;display:grid;gap:20px;grid-column:1/-1;grid-row:2;grid-template-columns:100%;justify-self:center;margin:0;z-index:1}@media (min-width: 600px){wp-component[name=GridInterfaces] .gridContainer{--max-item-size: calc( var(--column-gap)*3 + var(--column-width) * 4);grid-template-columns:repeat(2,minmax(200px,var(--max-item-size)))}}@media (min-width: 1180px){wp-component[name=GridInterfaces] .gridContainer{grid-column:4/span 5;grid-row:1}}@media (min-width: 1600px){wp-component[name=GridInterfaces] .gridContainer{grid-column:5/span 8}}wp-component[name=GridInterfaces] :hover .ring-layer{transform:scale(.8)}wp-component[name=GridInterfaces] .gridItem{display:grid;grid-template-rows:repeat(auto-fill,minmax(10px,30px));grid-template-columns:100%;max-inline-size:536px;min-block-size:177px;background-color:#63c2cd;border-radius:22px;max-block-size:248px;justify-content:center;align-items:center;block-size:100%}wp-component[name=GridInterfaces] .gridItem .imageContainer{border-radius:22px;grid-column:1/span all;grid-row:1/span all;display:flex;block-size:100%;inline-size:100%;justify-content:center;align-items:center;transition:all 1s}wp-component[name=GridInterfaces] .gridItem .imageContainer:hover{cursor:pointer}wp-component[name=GridInterfaces] .gridItem .imageContainer .interfaceImage{--maxHeight: 100px;--maxWidth: 188px;display:flex;max-inline-size:var(--maxWidth);max-block-size:var(--maxHeight);object-fit:contain}wp-component[name=GridInterfaces] .gridItem .textContainer{align-self:center;justify-self:center;grid-column:1;grid-row:1/-1;-webkit-user-select:none;user-select:none;opacity:0;margin-block-start:20px;padding-inline:10px;transition:all 1s}@media only screen and (min-width: 1280px){wp-component[name=GridInterfaces] .gridItem .textContainer{padding-inline:25px;padding-block:20px}}@media only screen and (min-width: 1500px){wp-component[name=GridInterfaces] .gridItem .textContainer{padding-inline:50px}}wp-component[name=GridInterfaces] .gridItem .textContainer .title{color:#fff;font-family:var(--font-family-heading);font-weight:600;font-size:22px;line-height:25px;left:unset;text-align:center}@media only screen and (min-width: 1280px){wp-component[name=GridInterfaces] .gridItem .textContainer .title{font-size:20px;line-height:23px}}@media only screen and (min-width: 1500px){wp-component[name=GridInterfaces] .gridItem .textContainer .title{font-size:22px}}wp-component[name=GridInterfaces] .gridItem .textContainer .content{color:#fff;font-family:var(--font-family-text);font-size:18px;line-height:20px;text-align:center;margin-block-start:8px}@media only screen and (min-width: 1280px){wp-component[name=GridInterfaces] .gridItem .textContainer .content{font-size:16px;line-height:18px}}@media only screen and (min-width: 1500px){wp-component[name=GridInterfaces] .gridItem .textContainer .content{font-size:18px;line-height:20px}}wp-component[name=GridInterfaces] .gridItem .textContainer:hover{cursor:pointer}wp-component[name=GridInterfaces] .gridItem .btn-container{display:flex;grid-row:-1;grid-column:1;margin-block-end:10px;margin-inline-end:10px;justify-content:flex-end;-webkit-user-select:none;user-select:none}wp-component[name=GridInterfaces] .gridItem .btn-container .toggle{transition:all 1s;background-image:url(./close_white_24-3ee1edec.svg);background-repeat:no-repeat;background-position:center center;background-size:20px 20px;transform:rotate(45deg);inline-size:43px;block-size:43px;border-radius:50%;background-color:#032750}wp-component[name=GridInterfaces] .gridItem .btn-container .toggle:hover{cursor:pointer}wp-component[name=GridInterfaces] .gridItem .btn-container:hover{cursor:pointer}