.ComponentBoxGrid-module__J8Yxqa__scene{place-items:center;min-width:0;height:470px;display:grid;position:relative;overflow:clip}.ComponentBoxGrid-module__J8Yxqa__scene:before{content:"";filter:blur(16px);pointer-events:none;background:radial-gradient(#17171712,#0000 70%);width:70%;height:18%;position:absolute;bottom:20%;left:15%}.ComponentBoxGrid-module__J8Yxqa__grid{--gap:14px;grid-template-columns:repeat(var(--columns), minmax(0, 1fr));gap:var(--gap);width:min(78%,360px);transform-style:preserve-3d;display:grid;position:relative;transform:rotateX(54.7356deg)rotate(-45deg)}.ComponentBoxGrid-module__J8Yxqa__continuation{left:calc(var(--column) * (100% + var(--gap)) / var(--columns));top:calc(var(--row) * (100% + var(--gap)) / var(--rows));width:calc((100% - (var(--columns) - 1) * var(--gap)) / var(--columns));aspect-ratio:1;opacity:var(--fade);pointer-events:none;background:linear-gradient(135deg,#fff,#f5f6f8);border:1px solid #cbd3df;border-radius:10px;position:absolute;box-shadow:-4px 6px #dce0e7,-5px 7px #cbd0da}.ComponentBoxGrid-module__J8Yxqa__tile{--brand-icon-filter:brightness(0) invert(.4);aspect-ratio:1;color:var(--color-neutral-600);transform-style:preserve-3d;cursor:default;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:10px;padding:0;position:relative;transform:translateZ(0)}.ComponentBoxGrid-module__J8Yxqa__face{border-radius:inherit;transform:translateZ(var(--lift));pointer-events:none;transition:transform .45s cubic-bezier(.2,.8,.2,1) var(--delay), box-shadow .3s, background .25s, border-color .25s, color .25s;background:linear-gradient(135deg,#fff,#f5f6f8);border:1px solid #cbd3df;place-items:center;padding:18%;display:grid;position:absolute;inset:0;box-shadow:-4px 6px #dce0e7,-5px 7px #cbd0da,-10px 16px 24px #17171712}.ComponentBoxGrid-module__J8Yxqa__tile[data-state=active] .ComponentBoxGrid-module__J8Yxqa__face{--brand-icon-filter:brightness(0) saturate(100%) invert(85%) sepia(20%) saturate(803%) hue-rotate(189deg) brightness(104%) contrast(101%);color:var(--color-euro-blue-200);background:linear-gradient(135deg,#1457c9,#039);border-color:#4f7fdb;box-shadow:-4px 6px #001b4d,-5px 7px #000d26,-10px 24px 36px #00339930}.ComponentBoxGrid-module__J8Yxqa__tile[data-state=shaded] .ComponentBoxGrid-module__J8Yxqa__face{background:#f0f1f4;border-color:#d8dee8;box-shadow:-4px 6px #e0e3e9,-5px 7px #d5d9e0,-10px 16px 24px #17171708}.ComponentBoxGrid-module__J8Yxqa__tile[data-state=shaded] .ComponentBoxGrid-module__J8Yxqa__icon{opacity:.18}.ComponentBoxGrid-module__J8Yxqa__tile[data-state=active] .ComponentBoxGrid-module__J8Yxqa__icon{opacity:1}.ComponentBoxGrid-module__J8Yxqa__icon{width:100%;height:100%;font-family:var(--font-sans);opacity:1;place-items:center;font-size:clamp(12px,1.6vw,20px);font-weight:600;transition:opacity .25s;display:grid}.ComponentBoxGrid-module__J8Yxqa__icon img{transition:filter .25s}.ComponentBoxGrid-module__J8Yxqa__tooltip{color:#fff;background:var(--color-euro-blue-900);font:12px / 1.4 var(--font-sans);white-space:nowrap;opacity:0;pointer-events:none;border-radius:4px;padding:5px 10px;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.ComponentBoxGrid-module__J8Yxqa__tile[data-state=active] .ComponentBoxGrid-module__J8Yxqa__tooltip{opacity:1}@media (max-width:1000px){.ComponentBoxGrid-module__J8Yxqa__scene{height:390px}.ComponentBoxGrid-module__J8Yxqa__grid{--gap:12px}}@media (max-width:600px){.ComponentBoxGrid-module__J8Yxqa__scene{height:340px}.ComponentBoxGrid-module__J8Yxqa__grid{--gap:10px;width:70%}.ComponentBoxGrid-module__J8Yxqa__icon{font-size:15px}.ComponentBoxGrid-module__J8Yxqa__icon svg{width:24px;height:24px}}@media (prefers-reduced-motion:reduce){.ComponentBoxGrid-module__J8Yxqa__face{transition:none;transform:none}.ComponentBoxGrid-module__J8Yxqa__icon,.ComponentBoxGrid-module__J8Yxqa__icon img{transition:none}}
.ComponentsSection-module__gj8lVG__section{background:var(--color-neutral-50);padding:64px 24px 100px}.ComponentsSection-module__gj8lVG__inner{max-width:1320px;margin-inline:auto}.ComponentsSection-module__gj8lVG__hero{grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding-bottom:88px;display:grid}.ComponentsSection-module__gj8lVG__intro{max-width:620px}.ComponentsSection-module__gj8lVG__title{font:500 clamp(3.5rem, 6vw, 5.5rem) / 1.02 var(--font-sans);letter-spacing:-.05em;color:var(--color-heading);text-wrap:balance}.ComponentsSection-module__gj8lVG__subtitle{font:500 clamp(1.05rem, 1.5vw, 1.3rem) / 1.7 var(--font-sans);color:var(--color-heading);margin-top:28px}.ComponentsSection-module__gj8lVG__subtitle mark{color:var(--color-ink);box-shadow:inset 0 -.55em 0 var(--color-euro-yellow-400);-webkit-box-decoration-break:clone;box-decoration-break:clone;background:0 0;padding:0 .05em}.ComponentsSection-module__gj8lVG__description{max-width:520px;color:var(--color-body);margin-top:20px;font-size:1.2rem;line-height:1.65}.ComponentsSection-module__gj8lVG__library{scroll-margin-top:110px}.ComponentsSection-module__gj8lVG__filters{border-bottom:1px solid var(--color-divider);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.ComponentsSection-module__gj8lVG__filter{color:var(--color-tertiary);cursor:pointer;font:500 14px / 1.4 var(--font-sans);background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:10px;padding:24px clamp(12px,2vw,28px);transition:color .18s,background .18s;display:flex}.ComponentsSection-module__gj8lVG__filter:hover{background:var(--color-euro-blue-50);color:var(--color-heading)}.ComponentsSection-module__gj8lVG__filter[aria-pressed=true]{color:var(--color-heading);border-bottom-color:var(--color-heading)}.ComponentsSection-module__gj8lVG__count{background:var(--color-neutral-200);border-radius:4px;margin-left:auto;padding:2px 6px;font-size:11px}.ComponentsSection-module__gj8lVG__filter[aria-pressed=true] .ComponentsSection-module__gj8lVG__count{background:var(--color-euro-blue-100)}.ComponentsSection-module__gj8lVG__categoryHeading{justify-content:space-between;align-items:baseline;gap:20px;margin:44px 0 28px;display:flex}.ComponentsSection-module__gj8lVG__categoryHeading h2{font:500 2rem / 1.2 var(--font-sans);letter-spacing:-.035em;color:var(--color-heading)}.ComponentsSection-module__gj8lVG__categoryHeading p{color:var(--color-tertiary);font-size:1.05rem}.ComponentsSection-module__gj8lVG__cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.ComponentsSection-module__gj8lVG__card{border:1px solid var(--color-divider);background:var(--color-canvas);border-radius:12px;flex-direction:column;align-items:flex-start;min-height:260px;padding:32px;display:flex;position:relative}.ComponentsSection-module__gj8lVG__brand{width:42px;height:42px;font:600 22px / 1 var(--font-sans);color:var(--color-ink);place-items:center;margin-bottom:28px;display:grid}.ComponentsSection-module__gj8lVG__card h3{font:500 1.25rem / 1.3 var(--font-sans);letter-spacing:-.025em;color:var(--color-body-strong)}.ComponentsSection-module__gj8lVG__card p{color:var(--color-tertiary);margin-top:10px;margin-bottom:24px;font-size:1rem;line-height:1.55}.ComponentsSection-module__gj8lVG__cardLink,.ComponentsSection-module__gj8lVG__own{font:500 12px / 1.4 var(--font-sans);align-items:center;gap:8px;margin-top:auto;display:inline-flex}.ComponentsSection-module__gj8lVG__cardLink{color:var(--color-heading)}.ComponentsSection-module__gj8lVG__cardLink:after{content:"";border-radius:inherit;position:absolute;inset:0}.ComponentsSection-module__gj8lVG__own{color:var(--color-tertiary)}.ComponentsSection-module__gj8lVG__note{max-width:660px;font:12px / 1.7 var(--font-sans);color:var(--color-tertiary);margin-top:28px}.ComponentsSection-module__gj8lVG__exploreAction{margin-top:32px}@media (max-width:1000px){.ComponentsSection-module__gj8lVG__hero{gap:24px}.ComponentsSection-module__gj8lVG__filter{gap:8px;padding-inline:8px;font-size:12px}.ComponentsSection-module__gj8lVG__cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.ComponentsSection-module__gj8lVG__section{padding:48px 18px 64px}.ComponentsSection-module__gj8lVG__hero{grid-template-columns:1fr;gap:16px;padding-bottom:48px}.ComponentsSection-module__gj8lVG__title{max-width:500px;font-size:clamp(3rem,11vw,4.5rem)}.ComponentsSection-module__gj8lVG__description{font-size:1.1rem}.ComponentsSection-module__gj8lVG__filters{gap:0;display:flex;overflow-x:auto}.ComponentsSection-module__gj8lVG__filter{flex-shrink:0;gap:12px;padding:18px 14px;font-size:13px}.ComponentsSection-module__gj8lVG__categoryHeading{flex-direction:column;align-items:flex-start;gap:8px;margin-top:32px}.ComponentsSection-module__gj8lVG__card{padding:24px}}@media (max-width:480px){.ComponentsSection-module__gj8lVG__cards{grid-template-columns:1fr}}
.CardSurface-module__QyyKcW__interactive{transition:background-color .18s,border-color .18s,box-shadow .18s}.CardSurface-module__QyyKcW__interactive:focus-within{border-color:var(--color-euro-blue-200);background-color:var(--color-euro-blue-50);box-shadow:0 8px 28px color-mix(in srgb, var(--color-heading) 4%, transparent)}@media (hover:hover){.CardSurface-module__QyyKcW__interactive:hover{border-color:var(--color-euro-blue-200);background-color:var(--color-euro-blue-50);box-shadow:0 8px 28px color-mix(in srgb, var(--color-heading) 4%, transparent)}}