.section-metaobject-color-cards{width:100%;position:relative}.metaobject-cards-header{position:relative;z-index:1}.metaobject-cards-heading{font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0}.metaobject-cards-subheading{max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.metaobject-cards-grid{width:100%;gap:var(--card-gap);position:relative}.metaobject-cards-grid[data-layout=flex]{justify-content:center}.metaobject-cards-grid[data-layout=flex] .metaobject-card{flex:1 1 auto;min-width:var(--card-min-width);max-width:var(--card-max-width)}.metaobject-card{position:relative;overflow:hidden;border-radius:var(--card-border-radius);height:var(--card-height);display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #00000014;transform-origin:center;will-change:transform,box-shadow;border:var(--card-border-width) solid var(--card-border-color)}.metaobject-card--active{box-shadow:0 8px 32px #00000029,0 0 0 3px #3b82f680;transform:scale(1.02)}.metaobject-card--active:after{content:"\2713";position:absolute;top:12px;right:12px;width:32px;height:32px;background:#3b82f6;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;z-index:10;box-shadow:0 2px 8px #0003}.metaobject-card[style*=--card-aspect-ratio]{height:auto;aspect-ratio:var(--card-aspect-ratio)}.metaobject-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transition:opacity .4s ease;z-index:1}.metaobject-card__content{position:relative;z-index:2;width:100%;padding:var(--card-padding);display:flex;align-items:center;justify-content:center}.metaobject-card__button{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;border-radius:var(--button-border-radius);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;letter-spacing:.02em;text-align:center;white-space:nowrap}.metaobject-card__button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#fff3,#fff0);opacity:0;transition:opacity .3s ease}.metaobject-card__button.button-filled{box-shadow:0 2px 8px #0000001f}.metaobject-card__button.button-outlined{background:transparent!important;border:2px solid currentColor;box-shadow:none}.metaobject-card__button.button-minimal{background:transparent!important;box-shadow:none;padding:.75rem 1.5rem;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}.metaobject-card__button.button-pill{border-radius:50px;padding:1rem 2.5rem}.metaobject-card__button-arrow{transition:transform .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.metaobject-card__label{font-size:1.25rem;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.2);letter-spacing:.02em}.metaobject-cards-empty{min-height:200px;display:flex;align-items:center;justify-content:center}.metaobject-cards-grid[data-animation=fade-up] .metaobject-card{opacity:0;transform:translateY(30px);animation:fadeUp .6s cubic-bezier(.4,0,.2,1) forwards}.metaobject-cards-grid[data-animation=fade-in] .metaobject-card{opacity:0;animation:fadeIn .6s ease-out forwards}.metaobject-cards-grid[data-animation=scale] .metaobject-card{opacity:0;transform:scale(.9);animation:scaleIn .5s cubic-bezier(.4,0,.2,1) forwards}.metaobject-cards-grid[data-animation=slide-left] .metaobject-card{opacity:0;transform:translate(-40px);animation:slideLeft .6s cubic-bezier(.4,0,.2,1) forwards}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{to{opacity:1}}@keyframes scaleIn{to{opacity:1;transform:scale(1)}}@keyframes slideLeft{to{opacity:1;transform:translate(0)}}@media(hover:hover){.metaobject-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000026}.metaobject-card__button:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0003}.metaobject-card__button:hover:before{opacity:1}.metaobject-card__button.button-outlined:hover{box-shadow:none;background:#ffffff1a!important}.metaobject-card__button.button-minimal:hover{box-shadow:none;text-decoration-thickness:3px}.metaobject-card__button:hover .metaobject-card__button-arrow{transform:translate(4px)}}.metaobject-card:active{transform:translateY(-2px)}@media screen and (max-width:749px){.metaobject-cards-heading{font-size:1.75rem}.metaobject-card__button{padding:.875rem 1.75rem;font-size:.9375rem}.metaobject-card__label{font-size:1.125rem}}@media screen and (min-width:750px){.metaobject-cards-heading{font-size:2.5rem}.metaobject-card__content{padding:2.5rem}}@media screen and (min-width:990px){.metaobject-cards-heading{font-size:3rem}}@media(prefers-reduced-motion:reduce){.metaobject-card,.metaobject-card__button,.metaobject-card__button-arrow{transition:none;animation:none}.metaobject-cards-grid[data-animation] .metaobject-card{opacity:1;transform:none;animation:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-metaobject-color-cards.css.map */