.maston-power-charging{container-type:inline-size;--mpc-gutter: calc(var(--space-token-md) + env(safe-area-inset-left, 0px));--mpc-space-block-start: 0px;--mpc-space-block-end: var(--space-token-4xl);--mpc-section-gap: var(--space-token-l);--mpc-header-gap: var(--space-token-base);--mpc-header-inline: 100%;--mpc-heading-inline: 100%;--mpc-heading-font: var(--font-2xl-semibold);--mpc-description-font: var(--font-base-medium);--mpc-value-font: var(--font-xl-semibold);--mpc-label-font: var(--font-base-medium);--mpc-caption-gap: var(--space-token-xs);--mpc-media-caption-gap: var(--space-token-base);--mpc-media-radius: var(--radius-s);--mpc-media-aspect: 308 / 205;--mpc-slides-per-view: 1.15;--mpc-fade-duration: .4s;--mpc-fade-ease: cubic-bezier(.25, 1, .5, 1);--mpc-slide-ease: cubic-bezier(.16, 1, .3, 1);--mpc-lift-duration: .25s;--mpc-lift-ease: cubic-bezier(.2, .8, .2, 1);--mpc-text-duration: .28s;--mpc-text-ease: cubic-bezier(.33, 1, .68, 1);--mpc-slide-space-mobile: var(--space-token-s);--mpc-slide-space-tablet: var(--space-token-base);color:var(--color-text-white-primary)}.maston-power-charging__component{position:relative;isolation:isolate;display:flex;inline-size:100%;min-inline-size:0;flex-direction:column;gap:var(--mpc-section-gap);padding-block:var(--mpc-space-block-start) var(--mpc-space-block-end);padding-inline:var(--mpc-gutter)}.maston-power-charging__header{display:flex;flex-direction:column;gap:var(--mpc-header-gap)}.maston-power-charging__heading{margin:0;max-inline-size:var(--mpc-heading-inline);color:var(--color-text-white-primary);font:var(--mpc-heading-font);letter-spacing:0;overflow-wrap:break-word}.maston-power-charging__description{margin:0;color:var(--color-text-white-secondary);font:var(--mpc-description-font);letter-spacing:0}.maston-power-charging__track{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:var(--space-token-l)}.maston-power-charging__slide{display:flex;flex-direction:column;gap:var(--mpc-media-caption-gap);min-inline-size:0}.maston-power-charging__figure{position:relative;display:grid;margin:0;overflow:clip;border-radius:var(--mpc-media-radius);background:var(--color-bg-dark-hover);aspect-ratio:var(--mpc-media-aspect)}.maston-power-charging__figure :is(picture,picture-breakpoint){position:absolute;top:0;right:0;bottom:0;left:0;display:block;inline-size:100%;block-size:100%}.maston-power-charging__figure .maston-power-charging__image{display:block;position:absolute;top:0;right:0;bottom:0;left:0;min-inline-size:0;min-block-size:0;max-inline-size:none;inline-size:100%;block-size:100%;height:100%;aspect-ratio:unset;object-fit:cover}.maston-power-charging__scrim{display:none}.maston-power-charging__caption{display:flex;flex-direction:column;gap:var(--mpc-caption-gap)}.maston-power-charging__value{display:block;margin:0;color:var(--color-text-white-primary);font:var(--mpc-value-font);letter-spacing:0}.maston-power-charging__label{display:block;margin:0;color:var(--color-text-white-secondary);font:var(--mpc-label-font);letter-spacing:0}.maston-power-charging__card,.maston-power-charging__footer{display:none}.maston-power-charging__footer-caption{display:flex;flex-direction:column;gap:var(--space-token-s);margin:0;min-inline-size:0}.maston-power-charging__footer-caption .maston-power-charging__value{font:var(--font-2xl-semibold)}.maston-power-charging__footer-caption .maston-power-charging__label{font:var(--font-base-medium)}.maston-power-charging__controls{display:inline-flex;flex:none;align-items:center;gap:var(--space-token-xs);padding:var(--space-token-2xs);border-radius:var(--radius-full);background:var(--mask-light-white-sm)}.maston-power-charging__control{display:grid;place-items:center;inline-size:var(--size-11);block-size:var(--size-11);padding:0;border:0;border-radius:var(--radius-full);background:transparent;color:var(--color-text-white-primary);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color .16s ease,opacity .16s ease,scale var(--mpc-lift-duration) var(--mpc-lift-ease)}.maston-power-charging__control svg{inline-size:var(--size-7);block-size:var(--size-7)}.maston-power-charging__control:hover:not(:disabled){background:var(--mask-light-white)}.maston-power-charging__control:active:not(:disabled){scale:.94}.maston-power-charging__control:focus-visible{outline:var(--stroke-line-2xl) solid var(--color-text-white-primary);outline-offset:2px}.maston-power-charging__control:disabled{opacity:var(--opacity-40);cursor:not-allowed}[data-power-mode=carousel] .maston-power-charging__stage{box-sizing:border-box;inline-size:calc(100% + (2 * var(--mpc-gutter)));min-inline-size:0;max-inline-size:none;margin-inline:calc(-1 * var(--mpc-gutter));padding-inline:var(--mpc-gutter);overflow:clip}[data-power-mode=carousel] .maston-power-charging__track{display:flex;grid-template-columns:none;gap:0;align-items:flex-start}[data-power-mode=carousel] .maston-power-charging__track.swiper-wrapper{transition-timing-function:var(--mpc-slide-ease)}[data-power-mode=carousel] .shopify-block__maston-power-slide{flex:none;inline-size:calc((100cqi - (2 * var(--mpc-gutter))) / var(--mpc-slides-per-view))}[data-power-mode=carousel] .maston-power-charging__footer{display:flex;align-items:flex-start;justify-content:center;gap:var(--space-token-4xl)}[data-power-mode=carousel] .maston-power-charging__footer-caption{display:none}@media(min-width:768px){.maston-power-charging{--mpc-gutter: var(--space-token-xl);--mpc-space-block-start: 0px;--mpc-space-block-end: var(--space-token-5xl);--mpc-section-gap: var(--space-token-xl);--mpc-header-gap: var(--space-token-md);--mpc-header-inline: calc(100cqi - 2 * var(--space-token-4xl));--mpc-heading-inline: 688px;--mpc-heading-font: var(--font-3xl-semibold);--mpc-description-font: var(--font-lg-medium);--mpc-value-font: var(--font-2xl-semibold);--mpc-media-radius: var(--radius--base);--mpc-media-aspect: 2 / 1}.maston-power-charging__header{align-items:center;inline-size:min(100%,var(--mpc-header-inline));max-inline-size:min(100%,var(--mpc-header-inline));margin-inline:auto;text-align:center}.maston-power-charging__heading{margin-inline:auto}.maston-power-charging__description{inline-size:100%}[data-power-mode=carousel] .shopify-block__maston-power-slide{inline-size:min(770px,calc(100cqi - (2 * var(--mpc-gutter))))}[data-power-mode=carousel] .maston-power-charging__footer{justify-content:space-between}[data-power-mode=carousel] .maston-power-charging__footer-caption{display:flex}[data-power-mode=carousel] .maston-power-charging__caption{display:none}[data-power-mode=carousel] .maston-power-charging__slide{gap:0}.maston-power-charging__control{inline-size:var(--size-12);block-size:var(--size-12)}}@media(min-width:1280px){.maston-power-charging{--mpc-gutter: var(--space-token-5xl);--mpc-space-block-start: var(--space-token-6xl);--mpc-space-block-end: var(--space-token-6xl);--mpc-section-gap: var(--space-token-3xl);--mpc-header-gap: var(--space-token-l);--mpc-header-inline: min(1200px, calc(100cqi - (2 * var(--space-token-xl))));--mpc-heading-font: var(--font-6xl-semibold);--mpc-description-font: var(--font-lg-semibold);--mpc-value-font: var(--font-4xl-semibold);--mpc-label-font: var(--font-xl-medium);--mpc-heading-inline: 1200px;--mpc-info-inline: min(950px, 58cqi);--mpc-info-padding: var(--space-token-6xl);--mpc-card-inline: 461px;--mpc-card-block: 126px;--mpc-stage-min-block: 624px;--mpc-desktop-section-block: max(1080px, 56.25vw)}[data-power-mode=autoplay].maston-power-charging__component{padding-inline:0;min-block-size:var(--mpc-desktop-section-block)}[data-power-mode=autoplay] .maston-power-charging__header{position:relative;z-index:1;flex-shrink:0}[data-power-mode=autoplay] .maston-power-charging__heading{margin-inline:auto;text-align:center}[data-power-mode=autoplay] .maston-power-charging__description{text-align:center}[data-power-mode=autoplay] .maston-power-charging__stage,[data-power-mode=autoplay] .maston-power-charging__track,[data-power-mode=autoplay] .shopify-block__maston-power-slide,[data-power-mode=autoplay] .maston-power-charging__slide{position:static;overflow:visible;transform:none;filter:none;contain:none}[data-power-mode=autoplay] .maston-power-charging__stage{display:grid;grid-template-columns:minmax(0,1fr) var(--mpc-info-inline);align-content:center;flex:1 1 auto;min-block-size:var(--mpc-stage-min-block)}[data-power-mode=autoplay] .maston-power-charging__track{display:flex;grid-column:2;grid-template-columns:none;flex-direction:column;gap:var(--space-token-l);align-items:flex-start;padding-inline:var(--mpc-info-padding)}[data-power-mode=autoplay] .shopify-block__maston-power-slide{inline-size:min(100%,var(--mpc-card-inline))}[data-power-mode=autoplay] .maston-power-charging__slide{display:block;gap:0}[data-power-mode=autoplay] .maston-power-charging__figure{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:0;background:transparent;aspect-ratio:auto;opacity:0;visibility:hidden;scale:.98;transition:opacity var(--mpc-fade-duration) var(--mpc-fade-ease),scale var(--mpc-fade-duration) var(--mpc-fade-ease),visibility 0s linear var(--mpc-fade-duration)}[data-power-mode=autoplay] .maston-power-charging__image{object-position:center top}[data-power-mode=autoplay] [data-power-slide-active=true] .maston-power-charging__figure{opacity:1;visibility:visible;scale:1;transition:opacity var(--mpc-fade-duration) var(--mpc-fade-ease),scale var(--mpc-fade-duration) var(--mpc-fade-ease),visibility 0s linear 0s}[data-power-mode=autoplay] .maston-power-charging__card{position:relative;display:flex;align-items:center;-webkit-appearance:none;appearance:none;inline-size:100%;min-block-size:var(--mpc-card-block);padding:var(--space-token-l) var(--space-token-md);border:0;background:transparent;color:inherit;font:inherit;letter-spacing:0;text-align:start;cursor:pointer;transition:background-color var(--mpc-fade-duration) var(--mpc-fade-ease)}[data-power-mode=autoplay] [data-power-slide-active=true] .maston-power-charging__card{background:var(--mask-light-white-sm);-webkit-backdrop-filter:blur(var(--backdrop-blur-md));backdrop-filter:blur(var(--backdrop-blur-md))}[data-power-mode=autoplay] .maston-power-charging__card:focus-visible{outline:var(--stroke-line-2xl) solid var(--color-text-white-primary);outline-offset:2px}[data-power-mode=autoplay] .maston-power-charging__progress{position:absolute;inset-block-start:0;inset-inline:0;display:block;block-size:var(--stroke-line-base);overflow:clip;pointer-events:none;background:transparent;opacity:0}[data-power-mode=autoplay] [data-power-slide-active=true] .maston-power-charging__progress{opacity:1}[data-power-mode=autoplay] .maston-power-charging__card-body{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--space-token-xs);min-inline-size:0}[data-power-mode=autoplay] .maston-power-charging__caption{display:none}}.maston-power-charging__progress-fill{display:block;inline-size:100%;block-size:100%;background:linear-gradient(90deg,var(--mpc-accent, #ffdb99) 0%,#ffa929 100%);transform-origin:left center;scale:0 1}.maston-power-charging__progress-fill[data-power-charging]{animation:maston-power-charge var(--mpc-autoplay, 3s) linear forwards}[data-power-frozen] .maston-power-charging__progress-fill[data-power-charging]{animation-play-state:paused}@keyframes maston-power-charge{0%{scale:0 1}to{scale:1 1}}.maston-power-charging__footer-caption[data-power-caption-enter]{animation:maston-power-caption-enter var(--mpc-text-duration) var(--mpc-text-ease) both}@keyframes maston-power-caption-enter{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:reduce){.maston-power-charging__control,.maston-power-charging__figure,.maston-power-charging__card{transition:none}.maston-power-charging__progress-fill[data-power-charging],.maston-power-charging__footer-caption[data-power-caption-enter]{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/56/assets/maston-power-charging.css.map */