@layer theme,base,components,utilities,sp8-core,sp8-state,sp8-theme,sp8-scope;@layer base{.sp8-fe-tiles-grid{grid-template-columns:repeat(var(--sp8-tiles-columns-mobile, 1),minmax(0,1fr))}@media(min-width:640px){.sp8-fe-tiles-grid:where(:not([data-sp8-fe-tablet-breakpoint="768"])){grid-template-columns:repeat(var(--sp8-tiles-columns-tablet, 2),minmax(0,1fr))}}}@layer base{@media(min-width:768px){.sp8-fe-tiles-grid:where([data-sp8-fe-tablet-breakpoint="768"]){grid-template-columns:repeat(var(--sp8-tiles-columns-tablet, 2),minmax(0,1fr))}}@media(min-width:1024px){.sp8-fe-tiles-grid{grid-template-columns:repeat(var(--sp8-tiles-columns-desktop, 3),minmax(0,1fr))}}}@layer sp8-core{:where([data-sp8-fe-tile-values~=boxShadow]) .sp8-fe-feature-tile{box-shadow:var(--sp8-fe-tile-box-shadow)}:where([data-sp8-fe-tile-values~=padding]) .sp8-fe-feature-tile{padding:var(--sp8-fe-tile-padding)}:where([data-sp8-fe-tile-values~=borderRadius]) .sp8-fe-feature-tile{border-radius:var(--sp8-fe-tile-border-radius)}:where([data-sp8-fe-tile-values~=overflow]) .sp8-fe-feature-tile{overflow:var(--sp8-fe-tile-overflow)}:where([data-sp8-fe-tile-values~=height]) .sp8-fe-feature-tile{height:var(--sp8-fe-tile-height)}:where([data-sp8-fe-tile-values~=minHeight]) .sp8-fe-feature-tile{min-height:var(--sp8-fe-tile-min-height)}:where([data-sp8-fe-tile-values~=background]) .sp8-fe-feature-tile{background:var(--sp8-fe-tile-background)}:where([data-sp8-fe-tile-values~=border]) .sp8-fe-feature-tile{border:var(--sp8-fe-tile-border)}.sp8-fe-tile-icon{display:inline-flex;align-items:center;justify-content:center}.sp8-fe-feature-tile[data-sp8-fe-tile-hover=shadow]{transition:box-shadow .15s cubic-bezier(.4,0,.2,1)}@media(prefers-reduced-motion:reduce){.sp8-fe-feature-tile[data-sp8-fe-tile-hover=shadow]{transition:none}}.sp8-fe-feature-tile[data-sp8-fe-tile-hover=shadow-zoom]{transition:box-shadow .3s ease}.sp8-fe-feature-tile[data-sp8-fe-tile-hover=shadow-zoom] [data-sp8-ui-media-image]{will-change:transform}.sp8-fe-feature-tile[data-sp8-fe-tile-hover=lift]{transition:transform .25s ease,box-shadow .25s ease;will-change:transform,box-shadow}.sp8-fe-feature-tile[data-sp8-fe-tile-hover=glow]{transition:box-shadow .25s ease,filter .25s ease;will-change:box-shadow,filter}.sp8-fe-feature-tile[data-sp8-fe-tile-hover=glow]:hover{filter:saturate(1.04)}.sp8-fe-feature-tile[data-sp8-fe-tile-hover=border]{transition:border-color .2s ease,box-shadow .2s ease;will-change:border-color,box-shadow}.sp8-fe-feature-tile[data-sp8-fe-tile-hover=shift]{transition:transform .2s ease;will-change:transform}.sp8-fe-feature-tile[data-sp8-fe-tile-hover=zoom] [data-sp8-ui-media-image]{will-change:transform}}@layer sp8-state{.sp8-fe-tile-cta[data-sp8-fe-hover-bg=true]:hover{background:var(--spade-cta-hover-bg)}.sp8-fe-tile-cta[data-sp8-fe-hover-color=true]:hover{color:var(--spade-cta-hover-color)}.sp8-fe-tile-icon[data-sp8-fe-hover-bg=true]:hover{background:var(--tile-icon-hover-bg)}.sp8-fe-tile-icon[data-sp8-fe-hover-border=true]:hover{border-color:var(--tile-icon-hover-border)}.sp8-fe-feature-tile[data-sp8-fe-tile-hover=shadow]:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.sp8-fe-feature-tile[data-sp8-fe-tile-hover=shadow-zoom]:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.sp8-fe-feature-tile[data-sp8-fe-tile-hover=shadow-zoom] [data-sp8-ui-media-image]{transition:transform .3s ease}.sp8-fe-feature-tile[data-sp8-fe-tile-hover=shadow-zoom]:hover [data-sp8-ui-media-image]{transform:scale(1.05)}.sp8-fe-feature-tile[data-sp8-fe-tile-hover=shadow-zoom] [data-sp8-fe-tile-image]{overflow:hidden}@media(prefers-reduced-motion:reduce){.sp8-fe-feature-tile[data-sp8-fe-tile-hover=shadow-zoom],.sp8-fe-feature-tile[data-sp8-fe-tile-hover=shadow-zoom] [data-sp8-ui-media-image]{transition:none}}.sp8-fe-feature-tile[data-sp8-fe-tile-hover=lift]:hover{transform:translateY(-6px);box-shadow:0 16px 36px -14px #00000052}.sp8-fe-feature-tile[data-sp8-fe-tile-hover=glow]:hover{box-shadow:0 0 0 3px color-mix(in srgb,var(--tile-hover-accent) 40%,transparent),0 18px 40px -16px color-mix(in srgb,var(--tile-hover-accent) 50%,transparent)}.sp8-fe-feature-tile[data-sp8-fe-tile-hover=border]:hover{box-shadow:inset 0 0 0 2px var(--tile-hover-border-color),0 10px 24px -18px #00000047;border-color:var(--tile-hover-border-color)}.sp8-fe-feature-tile[data-sp8-fe-tile-hover=shift]:hover{transform:translate(4px)}.sp8-fe-feature-tile[data-sp8-fe-tile-hover=zoom] [data-sp8-ui-media-image]{transition:transform .4s ease}.sp8-fe-feature-tile[data-sp8-fe-tile-hover=zoom]:hover [data-sp8-ui-media-image]{transform:scale(1.06)}.sp8-fe-feature-tile[data-sp8-fe-tile-hover=zoom] [data-sp8-fe-tile-image]{overflow:hidden}}@layer sp8-state{.sp8-fe-tile-links-inherit a{color:inherit;text-decoration-line:underline}.sp8-fe-tile-links-accent a{color:var(--frontend-accent);text-decoration-line:underline}.sp8-fe-tile-links-accent a:hover{opacity:80%}}
