.bg-inverse.m7-support-cards{color:#050607;background:var(--m7-support-bg, #f1f4f7)}.m7-support-cards.pt-medium{padding-top:var(--m7-support-padding-top, clamp(34px, 5vw, 72px))}.m7-support-cards.pb-medium{padding-bottom:var(--m7-support-padding-bottom, clamp(34px, 5vw, 72px))}.m7-support-cards.as-anchor-index{scroll-margin-top:96px}.m7-support-cards{font-family:Avenir Next,Segoe UI,sans-serif}.m7-support-cards *,.m7-support-cards *:before,.m7-support-cards *:after{box-sizing:border-box}.m7-support-cards__inner{width:min(100% - 56px,1180px);margin:0 auto}.m7-support-cards__header{max-width:920px;margin-bottom:clamp(38px,5vw,66px)}.m7-support-cards__eyebrow{margin:0 0 28px;color:var(--m7-support-eyebrow, #fb5a13);font-size:var(--m7-support-eyebrow-desktop, 20px);line-height:1.1;font-weight:760}.m7-support-cards__heading{margin:0;color:var(--m7-support-heading, #000);font-size:var(--m7-support-heading-desktop, 52px);line-height:1.08;font-weight:780;letter-spacing:0}.m7-support-cards__grid{--m7-open-size: min(var(--m7-support-open-size, 500px), 44vw);--m7-closed-size: var(--m7-support-closed-size, 142px);--m7-card-gap: var(--m7-support-card-gap, 24px);position:relative;width:min(100%,calc(var(--m7-open-size) + var(--m7-closed-size) + var(--m7-closed-size) + var(--m7-closed-size) + var(--m7-card-gap) + var(--m7-card-gap) + var(--m7-card-gap)));margin-left:auto;margin-right:auto;min-height:0;height:var(--m7-open-size)}.m7-support-cards .mt-7{margin-top:clamp(34px,5vw,64px)}.m7-support-card{position:absolute;top:0;height:100%;width:var(--m7-closed-size);min-width:0;overflow:hidden;border-radius:var(--m7-support-card-radius, 28px);background:#d7dde2;cursor:pointer;outline:0;transition:left .42s cubic-bezier(.22,1,.36,1),width .42s cubic-bezier(.22,1,.36,1),filter .26s ease,transform .26s ease}.m7-support-card:nth-child(1){left:0;width:var(--m7-open-size)}.m7-support-card:nth-child(2){left:calc(var(--m7-open-size) + var(--m7-card-gap))}.m7-support-card:nth-child(3){left:calc(var(--m7-open-size) + var(--m7-closed-size) + var(--m7-card-gap) + var(--m7-card-gap))}.m7-support-card:nth-child(4){left:calc(var(--m7-open-size) + var(--m7-closed-size) + var(--m7-closed-size) + var(--m7-card-gap) + var(--m7-card-gap) + var(--m7-card-gap))}.m7-support-cards__grid:has(.m7-support-card:nth-child(2):is(:hover,:focus-visible)) .m7-support-card:nth-child(1),.m7-support-cards__grid:has(.m7-support-card:nth-child(3):is(:hover,:focus-visible)) .m7-support-card:nth-child(1),.m7-support-cards__grid:has(.m7-support-card:nth-child(4):is(:hover,:focus-visible)) .m7-support-card:nth-child(1){left:0;width:var(--m7-closed-size)}.m7-support-cards__grid:has(.m7-support-card:nth-child(2):is(:hover,:focus-visible)) .m7-support-card:nth-child(2){left:calc(var(--m7-closed-size) + var(--m7-card-gap));width:var(--m7-open-size)}.m7-support-cards__grid:has(.m7-support-card:nth-child(2):is(:hover,:focus-visible)) .m7-support-card:nth-child(3){left:calc(var(--m7-closed-size) + var(--m7-open-size) + var(--m7-card-gap) + var(--m7-card-gap))}.m7-support-cards__grid:has(.m7-support-card:nth-child(2):is(:hover,:focus-visible)) .m7-support-card:nth-child(4){left:calc(var(--m7-closed-size) + var(--m7-open-size) + var(--m7-closed-size) + var(--m7-card-gap) + var(--m7-card-gap) + var(--m7-card-gap))}.m7-support-cards__grid:has(.m7-support-card:nth-child(3):is(:hover,:focus-visible)) .m7-support-card:nth-child(2){left:calc(var(--m7-closed-size) + var(--m7-card-gap))}.m7-support-cards__grid:has(.m7-support-card:nth-child(3):is(:hover,:focus-visible)) .m7-support-card:nth-child(3){left:calc(var(--m7-closed-size) + var(--m7-closed-size) + var(--m7-card-gap) + var(--m7-card-gap));width:var(--m7-open-size)}.m7-support-cards__grid:has(.m7-support-card:nth-child(3):is(:hover,:focus-visible)) .m7-support-card:nth-child(4){left:calc(var(--m7-closed-size) + var(--m7-closed-size) + var(--m7-open-size) + var(--m7-card-gap) + var(--m7-card-gap) + var(--m7-card-gap))}.m7-support-cards__grid:has(.m7-support-card:nth-child(4):is(:hover,:focus-visible)) .m7-support-card:nth-child(2){left:calc(var(--m7-closed-size) + var(--m7-card-gap))}.m7-support-cards__grid:has(.m7-support-card:nth-child(4):is(:hover,:focus-visible)) .m7-support-card:nth-child(3){left:calc(var(--m7-closed-size) + var(--m7-closed-size) + var(--m7-card-gap) + var(--m7-card-gap))}.m7-support-cards__grid:has(.m7-support-card:nth-child(4):is(:hover,:focus-visible)) .m7-support-card:nth-child(4){left:calc(var(--m7-closed-size) + var(--m7-closed-size) + var(--m7-closed-size) + var(--m7-card-gap) + var(--m7-card-gap) + var(--m7-card-gap));width:var(--m7-open-size)}.m7-support-card:hover{transform:translateY(-2px)}.m7-support-card img,.m7-support-card video,.m7-support-card__placeholder{width:100%;height:100%;display:block;object-fit:var(--m7-support-media-fit, cover);transition:transform .36s ease,filter .36s ease}.m7-support-card__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000001a,#00000038 58%,#0000007a);pointer-events:none}.m7-support-card__label{position:absolute;left:50%;bottom:22px;z-index:2;width:max-content;max-width:calc(100% - 24px);padding:13px 24px;border-radius:var(--m7-support-label-radius, 15px);color:#fff;background:#40342ba8;font-size:var(--m7-support-label-size-desktop, 20px);line-height:1;font-weight:780;text-align:center;transform:translate(-50%)}.m7-support-card:first-child img,.m7-support-card:first-child video,.m7-support-card:hover img,.m7-support-card:hover video,.m7-support-card:focus-visible img,.m7-support-card:focus-visible video{transform:scale(1.02)}.m7-support-card:not(:first-child) img,.m7-support-card:not(:first-child) video,.m7-support-cards__grid:has(.m7-support-card:is(:hover,:focus-visible)) .m7-support-card img,.m7-support-cards__grid:has(.m7-support-card:is(:hover,:focus-visible)) .m7-support-card video{filter:brightness(.62) blur(1px)}.m7-support-cards__grid:has(.m7-support-card:nth-child(1):is(:hover,:focus-visible)) .m7-support-card:nth-child(1) img,.m7-support-cards__grid:has(.m7-support-card:nth-child(1):is(:hover,:focus-visible)) .m7-support-card:nth-child(1) video,.m7-support-cards__grid:has(.m7-support-card:nth-child(2):is(:hover,:focus-visible)) .m7-support-card:nth-child(2) img,.m7-support-cards__grid:has(.m7-support-card:nth-child(2):is(:hover,:focus-visible)) .m7-support-card:nth-child(2) video,.m7-support-cards__grid:has(.m7-support-card:nth-child(3):is(:hover,:focus-visible)) .m7-support-card:nth-child(3) img,.m7-support-cards__grid:has(.m7-support-card:nth-child(3):is(:hover,:focus-visible)) .m7-support-card:nth-child(3) video,.m7-support-cards__grid:has(.m7-support-card:nth-child(4):is(:hover,:focus-visible)) .m7-support-card:nth-child(4) img,.m7-support-cards__grid:has(.m7-support-card:nth-child(4):is(:hover,:focus-visible)) .m7-support-card:nth-child(4) video{filter:none;transform:scale(1.02)}@media(max-width:920px){.m7-support-cards__inner{width:min(100% - 32px,1180px)}.m7-support-cards__grid{display:grid;grid-template-columns:1fr;gap:var(--m7-support-card-gap-mobile, 16px);width:100%;height:auto}.m7-support-card,.m7-support-card:first-child,.m7-support-cards__grid:hover .m7-support-card,.m7-support-cards__grid:focus-within .m7-support-card,.m7-support-cards__grid .m7-support-card:hover,.m7-support-cards__grid .m7-support-card:focus-visible{position:relative;top:auto;left:auto!important;width:100%!important;height:var(--m7-support-media-height-mobile, 360px);transform:none}.m7-support-card{aspect-ratio:auto;border-radius:min(var(--m7-support-card-radius, 28px),24px)}.m7-support-cards__grid .m7-support-card img,.m7-support-cards__grid .m7-support-card video,.m7-support-cards__grid .m7-support-card__placeholder,.m7-support-cards__grid:hover .m7-support-card:not(:hover) img,.m7-support-cards__grid:hover .m7-support-card:not(:hover) video,.m7-support-cards__grid:focus-within .m7-support-card:not(:focus-visible) img,.m7-support-cards__grid:focus-within .m7-support-card:not(:focus-visible) video{width:100%;height:100%;object-fit:var(--m7-support-media-fit-mobile, var(--m7-support-media-fit, cover));filter:none;transform:none}}@media(max-width:560px){.m7-support-cards.pt-medium{padding-top:var(--m7-support-padding-top, 28px)}.m7-support-cards.pb-medium{padding-bottom:var(--m7-support-padding-bottom, 32px)}.m7-support-cards__inner{width:min(100% - 28px,1180px)}.m7-support-cards__header{margin-bottom:28px}.m7-support-cards__eyebrow{margin-bottom:18px;font-size:var(--m7-support-eyebrow-mobile, 17px)}.m7-support-cards__heading{font-size:var(--m7-support-heading-mobile, 34px)}.m7-support-cards__grid{gap:var(--m7-support-card-gap-mobile, 12px)}.m7-support-card{border-radius:min(var(--m7-support-card-radius, 28px),20px)}.m7-support-card__label{bottom:16px;padding:12px 18px;border-radius:min(var(--m7-support-label-radius, 15px),14px);font-size:var(--m7-support-label-size-mobile, 17px)}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/emiah-dynamic-support-cards.css.map */
