.hover-cards-section{color:rgb(var(--color-foreground));width:100%;overflow:hidden}.hover-cards-section.has-gradient{background:var(--gradient-background)}.hover-card-image svg{background:#c9c2c2d6;border:1px solid}.hover-cards-header{padding-top:var(--section-padding-top-header);padding-bottom:var(--section-padding-bottom-header);display:grid;grid-template-columns:1.2fr auto 1fr 1fr;align-items:center;gap:4rem}.hover-cards-header.full-width{max-width:100%;margin:0 auto;padding:5rem 2rem}.hover-cards-header.is-narrow{max-width:1600px;margin:0 auto}.hover-cards-header-content{min-width:0;display:flex;align-items:flex-start;gap:2rem}.hover-cards-header-text{min-width:0}.hover-cards-subheading{flex-shrink:0;display:inline-flex;align-items:center;gap:.7rem;padding:1.8rem .8rem;border-radius:3rem;writing-mode:vertical-rl;transform:rotate(180deg);font-size:14px;font-weight:600;line-height:1.3;text-transform:uppercase;background:color-mix(in srgb,var(--highlight-color) 20%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text-color)}.hover-cards-subheading:before{content:"";width:.7rem;height:.7rem;border-radius:50%;background:currentColor;flex-shrink:0}.hover-cards-heading{margin:0 0 1rem;line-height:1}.hover-cards-description{margin:0;max-width:600px;font-size:1.5rem;line-height:1.5}.hover-cards-divider{width:1px;height:14rem;background:var(--border-color);justify-self:center}.hover-cards-actions{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:28rem;margin:0 auto 0 0;padding-left:50px}.hover-cards-action.btn:hover{border:1px solid var(--primary-button-bg)}.hover-cards-action.btn:hover{background:var(--primary-button-hover-bg);border:1px solid var(--primary-button-hover-text);color:var(--primary-button-hover-text)}.hover-cards-badge{display:flex;align-items:center;justify-content:flex-end}.hover-cards-badge img{width:min(16rem,100%);height:auto;display:block}.hover-cards-badge-placeholder{width:12rem;height:12rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(var(--color-foreground),.08)}.hover-cards-badge-placeholder svg{width:100%;height:100%;border:1px solid;border-radius:70px;background:#e1d5d5d4}.hover-cards-wrapper{width:100%;max-width:192rem;height:var(--card-height);margin:0 auto;display:flex;gap:var(--card-gap);min-height:0;overflow:hidden}.hover-card{position:relative;flex:1 1 0;min-width:0;height:100%;overflow:hidden;border-radius:var(--card-radius);transition:flex-grow .8s cubic-bezier(.22,1,.36,1),flex-basis .8s cubic-bezier(.22,1,.36,1);will-change:flex-grow,flex-basis}.hover-card:hover,.hover-card:focus-within{flex-grow:2.2}.hover-card-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden}.hover-card-image img,.hover-card-image svg{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:none!important;transition:none!important}.hover-card:hover .hover-card-image img,.hover-card:hover .hover-card-image svg,.hover-card:focus-within .hover-card-image img,.hover-card:focus-within .hover-card-image svg{transform:none!important;scale:1!important}.hover-card-content{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;flex-direction:column;align-items:flex-start;padding:3rem}.hover-card-label{flex-shrink:0;display:inline-flex;align-items:center;gap:.8rem;padding:.9rem 1.6rem;border-radius:5rem;background:color-mix(in srgb,var(--highlight-color-secondary) 20%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text-color);font-size:1.1rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.hover-card-label:before{content:"";width:.6rem;height:.6rem;flex-shrink:0;border-radius:50%;background:var(--text-color)}.hover-card-reveal{display:grid;grid-template-rows:0fr;width:100%;transition:grid-template-rows .7s cubic-bezier(.22,1,.36,1)}.hover-card:hover .hover-card-reveal,.hover-card:focus-within .hover-card-reveal{grid-template-rows:1fr}.hover-card-reveal-inner{overflow:hidden;min-height:0}.hover-card-label+.hover-card-reveal .hover-card-reveal-inner{padding-top:1.6rem}.hover-card-title{margin:0 0 1rem;max-width:55rem;opacity:0;transform:translateY(2rem);transition:opacity .45s ease .18s,transform .6s cubic-bezier(.22,1,.36,1) .18s}.hover-card:hover .hover-card-title,.hover-card:focus-within .hover-card-title{opacity:1;transform:translateY(0)}.hover-card-description{max-width:55rem;color:var(--text-color);margin:0 0 2rem;line-height:1.4;opacity:0;transform:translateY(2rem);transition:opacity .45s ease .23s,transform .6s cubic-bezier(.22,1,.36,1) .23s}.hover-card:hover .hover-card-description,.hover-card:focus-within .hover-card-description{opacity:1;transform:translateY(0)}@media screen and (max-width:1700px){.hover-cards-header.is-narrow{max-width:var(--container-width);margin:0 auto;padding:var(--section-padding-top-header) 5rem var(--section-padding-bottom-header)}}@media screen and (max-width:1441px){.hover-cards-header.is-narrow{padding:var(--section-padding-top-header) 3rem var(--section-padding-bottom-header)}}@media screen and (max-width:989px){.hover-cards-header{grid-template-columns:1fr;gap:1.5rem;padding:0 2rem 3rem}.hover-cards-divider{display:none}.hover-cards-actions{max-width:100%;padding:0;flex-direction:row}.hover-cards-subheading{padding:.8rem 1.8rem;border-radius:3rem;writing-mode:horizontal-tb;transform:rotate(0)}.hover-cards-badge{justify-content:flex-start}.hover-cards-wrapper{height:auto;min-height:auto;padding:0 1.5rem 1.5rem;gap:1rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.hover-card,.hover-card:hover,.hover-card:focus-within{flex:0 0 82%;width:82%;height:var(--card-height);min-height:38rem;scroll-snap-align:start;transition:none}.hover-card-reveal{grid-template-rows:1fr}.hover-card-title,.hover-card-description,.hover-card-button{opacity:1;transform:none}.hover-card-label{position:absolute;top:-1rem;left:2rem}.hover-card-content{padding:2rem}.hover-cards-wrapper::-webkit-scrollbar{height:.5rem}.hover-cards-wrapper::-webkit-scrollbar-thumb{background:rgba(var(--color-foreground),.25);border-radius:5rem}.hover-cards-header.is-narrow{padding:3rem}.hover-cards-header-content{display:flex;flex-direction:column;gap:1rem}}@media screen and (max-width:640px){.hover-cards-header.is-narrow{padding:1.5rem 1.6rem}.hover-cards-actions{flex-direction:column}.hover-cards-action{width:100%}.hover-cards-badge img{width:9rem}.hover-card,.hover-card:hover,.hover-card:focus-within{flex-basis:88%;width:88%;height:38rem;min-height:38rem}.hover-card-content{padding:1.8rem}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/cards-hover.css.map */