.maston-uptime-matrix{--mum-gutter: calc(var(--space-token-md) + env(safe-area-inset-left, 0px));--mum-space-block-start: var(--space-token-4xl);--mum-space-block-end: var(--space-token-4xl);--mum-section-gap: var(--space-token-l);--mum-header-gap: var(--space-token-base);--mum-heading-font: var(--font-3xl-semibold);--mum-heading-max: 100%;--mum-description-max: 100%;--mum-description-font: var(--font-base-medium);--mum-copy-inline: var(--space-token-md);--mum-title-inline: 0;--mum-icon-color: #00da57;--mum-grid-max: none;--mum-grid-gap: var(--space-token-xl);--mum-support-gap: var(--space-token-s);--mum-card-radius: var(--radius-s);--mum-support-fill: var(--color-bg-black, #000);--mum-support-padding: 0;--mum-support-min-block: 12.5rem;--mum-support-ratio: none;--mum-hero-gap: var(--space-token-base);--mum-hero-copy-pad: 0;--mum-hero-copy-max: none;--mum-hero-ratio: 350 / 262;--mum-copy-gap: var(--space-token-xs);--mum-title-font: var(--font-2xl-semibold);--mum-body-font: var(--font-base-medium);--mum-icon-size: 1.5rem;--mum-skeleton: #20232b;--mum-lift: 0px;--mum-press: 1;--mum-lift-duration: .3s;--mum-press-duration: .15s;--mum-ease: cubic-bezier(.25, .1, .25, 1);--mum-ease-out: cubic-bezier(.16, 1, .3, 1);container-type:inline-size;color:var(--color-text-white-primary)}.maston-uptime-matrix.section-settings.section-settings--padding-block{padding-block:0}.maston-uptime-matrix__component{display:flex;flex-direction:column;gap:var(--mum-section-gap);padding-block:var(--mum-space-block-start) var(--mum-space-block-end);padding-inline:var(--mum-gutter)}.maston-uptime-matrix__header{display:flex;flex-direction:column;gap:var(--mum-header-gap);max-inline-size:var(--mum-description-max)}.maston-uptime-matrix__heading{margin:0;max-inline-size:var(--mum-heading-max);color:var(--color-text-white-primary);font:var(--mum-heading-font);text-wrap:balance}.maston-uptime-matrix__description{margin:0;max-inline-size:var(--mum-description-max);color:var(--color-text-white-secondary);font:var(--mum-description-font)}.maston-uptime-matrix__grid{display:grid;grid-template-columns:1fr;gap:var(--mum-grid-gap);align-items:stretch;max-inline-size:var(--mum-grid-max);margin-inline:auto;inline-size:100%}.maston-uptime-matrix__grid>.shopify-block,.maston-uptime-matrix__grid>.maston-uptime-matrix__card{display:flex;min-inline-size:0;min-block-size:0}.maston-uptime-matrix__grid>[data-variant=support]+[data-variant=support],.maston-uptime-matrix__grid>.shopify-block:has(>[data-variant=support])+.shopify-block:has(>[data-variant=support]){margin-block-start:calc(var(--mum-support-gap) - var(--mum-grid-gap))}.maston-uptime-matrix__grid>:has(>[data-variant=hero]),.maston-uptime-matrix__card[data-variant=hero]{grid-column:1 / -1}.maston-uptime-matrix__card{inline-size:100%;min-inline-size:0;min-block-size:0}.maston-uptime-matrix__surface{position:relative;display:flex;flex-direction:column;gap:var(--mum-hero-gap);inline-size:100%;block-size:100%;min-block-size:0;overflow:clip;border-radius:var(--mum-card-radius);transform:translateY(var(--mum-lift)) scale(var(--mum-press));transition:transform var(--mum-press-duration) var(--mum-ease),background-color var(--mum-lift-duration) var(--mum-ease),box-shadow var(--mum-lift-duration) var(--mum-ease)}.maston-uptime-matrix__card[data-variant=hero] .maston-uptime-matrix__surface{background:transparent}.maston-uptime-matrix__card[data-variant=support] .maston-uptime-matrix__surface{gap:var(--mum-copy-gap);align-items:stretch;justify-content:center;min-block-size:var(--mum-support-min-block);padding:var(--mum-support-padding);background:var(--mum-support-fill)}.maston-uptime-matrix__background{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.maston-uptime-matrix__background-image{display:block;inline-size:100%;block-size:100%;object-fit:cover}.maston-uptime-matrix__hero-media{position:relative;display:grid;overflow:clip;border-radius:var(--mum-card-radius);background:var(--mum-skeleton);aspect-ratio:var(--mum-hero-ratio)}.maston-uptime-matrix__hero-media>picture{display:contents}.maston-uptime-matrix__image{grid-area:1 / 1;inline-size:100%;block-size:100%;object-fit:cover;transform:scale(1);transform-origin:center;transition:transform var(--mum-lift-duration) var(--mum-ease-out)}.maston-uptime-matrix__highlight{display:none}.maston-uptime-matrix__copy{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--mum-copy-gap);min-inline-size:0}.maston-uptime-matrix__card[data-variant=hero] .maston-uptime-matrix__copy{align-items:center;max-inline-size:var(--mum-hero-copy-max);padding-inline:var(--mum-hero-copy-pad);text-align:center}.maston-uptime-matrix__card[data-variant=support] .maston-uptime-matrix__copy{box-sizing:border-box;align-items:center;inline-size:100%;padding-inline:var(--mum-copy-inline);text-align:center}.maston-uptime-matrix__icon{display:inline-grid;inline-size:var(--mum-icon-size);block-size:var(--mum-icon-size);margin-inline-start:var(--space-token-2xs);vertical-align:-.15em;color:var(--mum-icon-color);overflow:visible}.maston-uptime-matrix__icon-image{display:block;grid-area:1 / 1;inline-size:100%;block-size:100%;object-fit:contain;transform:rotate(0);transform-origin:center;transition:transform .4s var(--mum-ease-out)}.maston-uptime-matrix__icon:after{content:"";grid-area:1 / 1;place-self:center;inline-size:100%;block-size:100%;pointer-events:none;border:1px solid currentColor;border-radius:var(--radius-full);opacity:0;transform:scale(1)}.maston-uptime-matrix__card-title{margin:0;color:var(--color-text-white-primary);font:var(--mum-title-font);overflow-wrap:normal}.maston-uptime-matrix__card[data-variant=support] .maston-uptime-matrix__card-title{box-sizing:border-box;padding-inline:var(--mum-title-inline)}.maston-uptime-matrix__card-description{margin:0;color:var(--color-text-white-secondary);font:var(--mum-body-font)}@media(max-width:767px){.maston-uptime-matrix__card:active .maston-uptime-matrix__surface{--mum-press: .97}}@media(min-width:768px){.maston-uptime-matrix{--mum-gutter: var(--space-token-xl);--mum-space-block-start: var(--space-token-5xl);--mum-space-block-end: var(--space-token-5xl);--mum-section-gap: var(--space-token-3xl);--mum-header-gap: var(--space-token-md);--mum-heading-font: var(--font-3xl-semibold);--mum-heading-max: 43rem;--mum-description-max: 43rem;--mum-description-font: var(--font-lg-medium);--mum-grid-gap: var(--space-token-md);--mum-support-gap: var(--space-token-md);--mum-card-radius: var(--radius--base);--mum-support-fill: #040404;--mum-support-padding: var(--space-token-l) 0;--mum-copy-inline: var(--space-token-xl);--mum-title-inline: var(--space-token-3xl);--mum-support-min-block: 0;--mum-support-ratio: 590 / 324;--mum-hero-gap: 0;--mum-hero-copy-pad: var(--space-token-3xl);--mum-hero-copy-max: 25rem;--mum-hero-ratio: 3 / 1;--mum-copy-gap: var(--space-token-base);--mum-title-font: var(--font-3xl-semibold);--mum-body-font: var(--font-lg-medium);--mum-icon-size: 2rem}.maston-uptime-matrix__header{align-items:center;margin-inline:auto;text-align:center}.maston-uptime-matrix__grid{grid-template-columns:1fr 1fr}.maston-uptime-matrix__card[data-variant=hero] .maston-uptime-matrix__surface{display:grid;grid-template:minmax(0,1fr) / minmax(0,1fr);gap:0;overflow:clip;background:var(--mum-skeleton);aspect-ratio:var(--mum-hero-ratio)}.maston-uptime-matrix__card[data-variant=hero] .maston-uptime-matrix__hero-media{grid-area:1 / 1;align-self:stretch;inline-size:100%;block-size:100%;border-radius:inherit;aspect-ratio:auto}.maston-uptime-matrix__card[data-variant=hero] .maston-uptime-matrix__copy{grid-area:1 / 1;z-index:1;align-self:center;align-items:start;justify-content:center;text-align:start}.maston-uptime-matrix__card[data-variant=support] .maston-uptime-matrix__surface{aspect-ratio:var(--mum-support-ratio)}.maston-uptime-matrix__card:active .maston-uptime-matrix__surface{--mum-press: .985}}@media(min-width:1280px){.maston-uptime-matrix{--mum-gutter: var(--space-token-6xl);--mum-space-block-start: var(--space-token-7xl);--mum-space-block-end: var(--space-token-7xl);--mum-section-gap: var(--space-token-3xl);--mum-header-gap: var(--space-token-l);--mum-heading-font: var(--font-6xl-semibold);--mum-heading-max: 43rem;--mum-description-max: 62.5rem;--mum-description-font: var(--font-lg-semibold);--mum-grid-max: 75rem;--mum-grid-gap: var(--space-token-md);--mum-support-padding: var(--space-token-5xl) 0;--mum-support-min-block: 20.25rem;--mum-copy-inline: var(--space-token-3xl);--mum-title-font: var(--font-5xl-semibold);--mum-title-inline: var(--space-token-3xl);--mum-icon-size: 2.5rem}.maston-uptime-matrix__card[data-variant=support] .maston-uptime-matrix__surface{aspect-ratio:auto}.maston-uptime-matrix__card:active .maston-uptime-matrix__surface{--mum-press: 1}}@media(min-width:1280px)and (hover:hover)and (pointer:fine){.maston-uptime-matrix__card:hover .maston-uptime-matrix__surface{--mum-lift: -4px;--mum-press: 1;transition-duration:var(--mum-lift-duration)}.maston-uptime-matrix__card[data-variant=hero]:hover .maston-uptime-matrix__image{transform:scale(1.025)}.maston-uptime-matrix__card[data-motion-cue=pulse]:hover .maston-uptime-matrix__icon:after{animation:mum-icon-pulse .7s var(--mum-ease) 1}.maston-uptime-matrix__card[data-motion-cue=rotate]:hover .maston-uptime-matrix__icon-image{animation:mum-icon-rotate .4s var(--mum-ease-out) 1}}@keyframes mum-icon-rotate{to{transform:rotate(360deg)}}@keyframes mum-icon-pulse{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(1.85)}}@media(prefers-reduced-motion:reduce){.maston-uptime-matrix__surface,.maston-uptime-matrix__image,.maston-uptime-matrix__icon-image,.maston-uptime-matrix__icon:after{animation:none;transition:none}.maston-uptime-matrix__card:hover .maston-uptime-matrix__surface,.maston-uptime-matrix__card:active .maston-uptime-matrix__surface{--mum-lift: 0px;--mum-press: 1}.maston-uptime-matrix__card[data-variant=hero]:hover .maston-uptime-matrix__image,.maston-uptime-matrix__card[data-motion-cue=rotate]:hover .maston-uptime-matrix__icon-image{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/56/assets/maston-uptime-matrix.css.map */