.media-card.svelte-3g3eba.svelte-3g3eba{--px:0;--py:0;--gap:20px;--r:10px;--tilt:4deg;width:calc(100% + 2 * var(--gap));margin:calc(-1 * var(--gap));-webkit-tap-highlight-color:transparent;transition:filter .25s var(--ease-out)}.skin.svelte-3g3eba.svelte-3g3eba{clip-path:inset(var(--gap) round var(--r));transition:transform .25s var(--ease-out)}.plate.svelte-3g3eba.svelte-3g3eba{inset:auto 0 0;padding:.75rem calc(1rem + var(--gap)) calc(.75rem + var(--gap))}@media (min-width: 768px){.plate.svelte-3g3eba.svelte-3g3eba{padding:1rem calc(1.25rem + var(--gap)) calc(1rem + var(--gap))}}.media-card.svelte-3g3eba.svelte-3g3eba:focus-visible{outline:2px solid #0056a4;outline-offset:-4px}.is-dashed.svelte-3g3eba.svelte-3g3eba{outline:2px dashed rgba(0,86,164,.7);outline-offset:-4px}.media.svelte-3g3eba>*{width:100%;height:100%;transition:transform .6s var(--ease-out)}.light.svelte-3g3eba.svelte-3g3eba{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;background:radial-gradient(circle at calc(50% + var(--px) * 50%) calc(50% + var(--py) * 50%),rgba(255,255,255,.22),transparent 55%);transition:opacity .3s var(--ease-out)}.tint-blue.svelte-3g3eba.svelte-3g3eba{--tint-from:#0056a4;--tint-to:#0056a4}.tint-violet.svelte-3g3eba.svelte-3g3eba{--tint-from:#663581;--tint-to:#663581}.tint-mixed.svelte-3g3eba.svelte-3g3eba{--tint-from:#0056a4;--tint-to:#663581}.shade.svelte-3g3eba.svelte-3g3eba{background:linear-gradient(to right,var(--tint-from),var(--tint-to));-webkit-mask-image:linear-gradient(to top,#000 10%,rgba(0,0,0,.6) 40%,transparent 75%);mask-image:linear-gradient(to top,#000 10%,rgba(0,0,0,.6) 40%,transparent 75%);opacity:.9;transition:opacity .3s var(--ease-out)}.arrow.svelte-3g3eba.svelte-3g3eba{transition:transform .3s var(--ease-out)}.teaser.svelte-3g3eba.svelte-3g3eba{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .35s var(--ease-out),opacity .25s var(--ease-out)}.media-card.svelte-3g3eba:focus-visible .teaser.svelte-3g3eba{grid-template-rows:1fr;opacity:1}.media-card.svelte-3g3eba:focus-visible .arrow.svelte-3g3eba{transform:translate(4px)}@media (hover: hover) and (pointer: fine){.media-card.svelte-3g3eba.svelte-3g3eba:hover{filter:drop-shadow(0 10px 16px rgba(4,11,25,.22))}.media-card.svelte-3g3eba:hover .skin.svelte-3g3eba{transform:perspective(900px) rotateX(calc(var(--py) * var(--tilt) * -1)) rotateY(calc(var(--px) * var(--tilt)))}.media-card.svelte-3g3eba:hover .media.svelte-3g3eba>*{transform:translate(calc(var(--px) * -6px),calc(var(--py) * -6px)) scale(1.07)}.media-card.svelte-3g3eba:hover .light.svelte-3g3eba,.media-card.svelte-3g3eba:hover .shade.svelte-3g3eba{opacity:1}.media-card.svelte-3g3eba:hover .teaser.svelte-3g3eba{grid-template-rows:1fr;opacity:1;transition-delay:.05s}.media-card.svelte-3g3eba:hover .arrow.svelte-3g3eba{transform:translate(4px)}}.media-card.svelte-3g3eba:active .media.svelte-3g3eba>*{transform:scale(1.04);transition-duration:.15s}@media (prefers-reduced-motion: reduce){.media-card.svelte-3g3eba:hover .skin.svelte-3g3eba,.media.svelte-3g3eba>*,.media-card.svelte-3g3eba:hover .media.svelte-3g3eba>*,.media-card.svelte-3g3eba:active .media.svelte-3g3eba>*,.arrow.svelte-3g3eba.svelte-3g3eba,.media-card.svelte-3g3eba:hover .arrow.svelte-3g3eba{transform:none!important}.teaser.svelte-3g3eba.svelte-3g3eba{transition:opacity .2s ease}}
