wp-component[name=GridInterfaces]{background:var(--gradient-background-primary-horizontal);border-radius:var(--radius-non-scalable-m);overflow:hidden;position:relative;max-inline-size:1600px}wp-component[name=GridInterfaces] .headline-wrapper{align-items:center;display:flex;grid-column:span 4;position:relative;transition:background-size 1.5s}@media (min-width: 768px){wp-component[name=GridInterfaces] .headline-wrapper{justify-content:center}}@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 .title{align-self:center;color:#fff;font-size:var(--font-heading-l-size);font-weight:700;line-height:var(--font-heading-l-line-height);letter-spacing:var(--font-heading-l-tracking);margin-block-end:var(--spacing-non-scalable-xl);position:relative}@media (min-width: 1180px){wp-component[name=GridInterfaces] .headline-wrapper .title{margin-block:0;text-align:center}}wp-component[name=GridInterfaces] .container-grid{padding-block:26px}wp-component[name=GridInterfaces] .gridContainer{align-self:center;display:grid;gap:var(--spacing-non-scalable-l);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;padding-inline:22px}}wp-component[name=GridInterfaces] :hover .ring-layer{transform:scale(.8)}wp-component[name=GridInterfaces] .gridItem{align-items:center;background-color:#63c2cd;block-size:100%;border-radius:var(--radius-non-scalable-xs);display:grid;grid-template-rows:repeat(auto-fill,minmax(10px,30px));grid-template-columns:100%;justify-content:center;max-block-size:248px;max-inline-size:536px;min-block-size:177px;overflow:clip}wp-component[name=GridInterfaces] .gridItem .imageContainer{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}
