.at-value-prop{background-color:var(--at-color-surface-dark)}.at-value-prop__inner{display:flex;flex-direction:column;gap:20px;padding-block:var(--at-spacing-5)}.at-value-prop__media{position:relative;border-radius:var(--at-spacing-3);overflow:hidden;aspect-ratio:358 / 366;order:2}.at-value-prop__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.at-value-prop__content{display:flex;flex-direction:column;justify-content:center;gap:var(--at-spacing-6);padding:var(--at-spacing-2);order:1}.at-value-prop__header{display:flex;flex-direction:column;gap:var(--at-spacing-4);max-width:500px}.at-value-prop__text-group{display:flex;flex-direction:column;gap:var(--at-spacing-2)}.at-value-prop__eyebrow{font-family:var(--at-font-ui);font-size:var(--at-text-overline-md-size);font-weight:var(--at-text-overline-md-weight);line-height:var(--at-text-overline-md-lh);letter-spacing:var(--at-text-overline-md-ls);text-transform:uppercase;color:var(--at-color-brand-accent);margin:0}.at-value-prop__heading{font-family:var(--at-font-sans);font-size:var(--at-text-heading-md-size);font-weight:var(--at-text-heading-md-weight);line-height:var(--at-text-heading-md-lh);letter-spacing:var(--at-text-heading-md-ls);color:var(--at-color-text-light);margin:0}.at-value-prop__description{font-family:var(--at-font-sans);font-size:var(--at-text-body-base-size);font-weight:var(--at-text-body-base-weight);line-height:var(--at-text-body-base-lh);letter-spacing:var(--at-text-body-base-ls);color:var(--at-color-text-subtle-light);margin:0;max-width:378px}.at-value-prop__description p{margin:0}.at-value-prop .at-btn--s-light{display:flex;justify-content:center;padding:var(--at-spacing-4) 0;align-items:center;gap:var(--at-spacing-4);max-width:126px}.at-value-prop .at-btn--p-light,.at-value-prop .at-btn--p-dark,.at-value-prop .at-btn--p-neutral,.at-value-prop .at-btn--p-brand{inline-size:fit-content}@media screen and (min-width:750px){.at-value-prop__inner{flex-direction:row;gap:var(--at-spacing-5);padding-block:var(--at-spacing-8);min-height:493px}.at-value-prop__media{flex:1 0 0;aspect-ratio:auto;order:unset}.at-value-prop__content{flex:1 0 0;padding:var(--at-spacing-4);order:unset}.at-value-prop__inner--image-right .at-value-prop__media{order:2}.at-value-prop__inner--image-right .at-value-prop__content{order:1}}.at-value-prop--banner .at-value-prop__inner{display:block;min-height:0}.at-value-prop__card{position:relative;display:flex;flex-direction:column;gap:var(--at-spacing-4);padding:var(--at-spacing-5);padding-inline-start:calc(var(--at-spacing-5) + var(--at-spacing-1));border:1px solid var(--at-color-stroke-25);border-radius:var(--at-radius-lg);background-color:var(--at-color-white);overflow:hidden}.at-value-prop__card:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;inline-size:var(--at-spacing-1);background-color:var(--at-color-brand-accent)}.at-value-prop--banner .at-value-prop__media{inline-size:120px;aspect-ratio:1;border-radius:0;order:0}.at-value-prop--banner .at-value-prop__image{object-fit:contain}.at-value-prop--banner .at-value-prop__content{gap:var(--at-spacing-4);padding:0;order:0}.at-value-prop--banner .at-value-prop__header{gap:var(--at-spacing-2);max-width:none}.at-value-prop--banner .at-value-prop__eyebrow{color:var(--at-color-brand-primary-strong)}.at-value-prop--banner .at-value-prop__heading{font-size:var(--at-text-heading-sm-size);line-height:var(--at-text-heading-sm-lh);letter-spacing:var(--at-text-heading-sm-ls);font-weight:var(--at-text-heading-sm-weight);color:var(--at-color-text-dark)}.at-value-prop--banner .at-value-prop__description{max-width:60ch;color:var(--at-color-text-subtle)}@media screen and (min-width:750px){.at-value-prop--banner .at-value-prop__inner{padding-block:var(--at-spacing-5)}.at-value-prop__card{flex-direction:row;align-items:center;gap:var(--at-spacing-6);padding-inline:calc(var(--at-spacing-6) + var(--at-spacing-1)) var(--at-spacing-6)}.at-value-prop--banner .at-value-prop__media{flex:0 0 160px}.at-value-prop--banner .at-value-prop__content{flex:1 1 auto;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--at-spacing-6)}.at-value-prop--banner .at-btn{flex:0 0 auto}}
/*# sourceMappingURL=/cdn/shop/t/98/assets/at-value-prop.css.map */