/** Shopify CDN: Minification failed

Line 339:25 Unexpected ")"
Line 393:74 Unexpected ")"

**/
/* Strap page base — generado desde speediance.eu (Dawn base), scoped a .strap-scope */
@font-face{font-family:"Helvetica Now Var";src:url("//www.speediance.com.mx/cdn/shop/t/60/assets/HelveticaNowVar.woff2?v=63237994004629848731791312951") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Helvetica Now Var";src:url("//www.speediance.com.mx/cdn/shop/t/60/assets/HelveticaNowVarItalic.woff2?v=26754627529937807841791312951") format("woff2");font-weight:100 900;font-style:italic;font-display:swap}
@font-face{font-family:"HNV Fallback";src:local("Arial"),local("Helvetica Neue"),local("Helvetica");size-adjust:109.63%;ascent-override:101.25%;descent-override:32.84%;line-gap-override:0%}
.strap-scope{--inputs-shadow-opacity:0.0;--header-height:81px;--color-sec-button:255,255,255;--color-outline:220,220,220;--buttons-shadow-horizontal-offset:0px;--collection-card-shadow-opacity:0.0;--focused-base-box-shadow:0 0 0 3px rgb(255,255,255), 0 0 5px 4px rgba(30,30,30, .3);--color-input-text:30,30,30;--witb-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--drawer-shadow-opacity:0.0;--blog-card-border-opacity:0.1;--text-boxes-shadow-visible:0;--drawer-shadow-blur-radius:5px;--font-heading-style:normal;--alpha-link:.85;--media-border-width:1px;--sparkle:url(./sparkle.gif);--color-button-h:17,102,255;--variant-pills-border-width:1px;--color-sec-button-text-h:255,255,255;--blog-card-shadow-visible:0;--blog-card-corner-radius:0px;--buttons-border-opacity:1.0;--color-input-placeholder:125,125,125;--color-input-border:220,220,220;--collection-card-border-opacity:0.1;--color-input-border-f:17,102,255;--duration-long:.5s;--page-width-margin:0px;--buttons-radius-outset:33px;--spacing-sections-desktop:0px;--witb-width:clamp(340px,42vw,560px);--inputs-border-width:1px;--clr-error:#ff5733;--variant-pills-shadow-vertical-offset:4px;--color-badge-foreground:30,30,30;--inputs-border-opacity:0.55;--grid-mobile-vertical-spacing:4px;--swiper-theme-color:#007aff;--fw-h3:700;--font-body-family:'Helvetica Now Var', 'HNV Fallback', Assistant, sans-serif;--collection-card-shadow-visible:0;--buttons-radius:32px;--buttons-shadow-opacity:0.0;--witb-accent:#ff6500;--color-accent:255,87,51;--drawer-border-width:1px;--inputs-shadow-horizontal-offset:0px;--buttons-border-offset:0.3px;--collection-card-shadow-horizontal-offset:0px;--variant-pills-shadow-blur-radius:5px;--product-card-shadow-vertical-offset:4px;--color-background:255,255,255;--color-input:255,255,255;--color-badge-background:255,255,255;--product-card-image-padding:0px;--popup-shadow-vertical-offset:4px;--page-width:1600px;--popup-shadow-opacity:0.05;--drawer-shadow-horizontal-offset:0px;--popup-border-opacity:0.1;--color-button-text:255,255,255;--color-foreground-sec:70,70,70;--collection-card-shadow-blur-radius:5px;--witb-radius:18px 0 0 18px;--inputs-shadow-blur-radius:5px;--buttons-shadow-blur-radius:0px;--focused-base-outline-offset:3px;--animation-fade-in:fadeIn .6s cubic-bezier(0, 0, .3, 1);--color-out-button-text:255,255,255;--color-button-text-h:255,255,255;--spacing-sections-mobile:0px;--fw-h2:700;--fz-h3:20px;--collection-card-image-padding:0px;--duration-default:.2s;--color-button:17,102,255;--witb-text:#1d1d1f;--color-button-border:17,102,255;--media-shadow-blur-radius:5px;--witb-tick:#0080ff;--font-body-weight-bold:700;--collection-card-border-width:0px;--buttons-border-width:1px;--collection-card-shadow-vertical-offset:4px;--badge-corner-radius:8px;--variant-pills-shadow-opacity:0.0;--duration-extended:3s;--font-heading-scale:1.0;--fz-h2:26px;--drawer-shadow-vertical-offset:4px;--collection-card-corner-radius:0px;--alpha-button-border:1;--blog-card-shadow-opacity:0.0;--popup-shadow-blur-radius:5px;--witb-bg:#fff;--color-out-button-border-h:17,102,255;--text-boxes-border-width:0px;--blog-card-shadow-vertical-offset:4px;--grid-desktop-vertical-spacing:8px;--inputs-radius:0px;--blog-card-border-width:0px;--grid-mobile-horizontal-spacing:4px;--color-shadow:30,30,30;--blog-card-image-padding:0px;--grid-desktop-horizontal-spacing:8px;--color-background-contrast:191,191,191;--media-shadow-horizontal-offset:0px;--media-padding:px;--color-sec-button-text:17,102,255;--product-card-text-alignment:center;--media-radius:0px;--color-button-grad-h:linear-gradient(90deg, rgba(17, 102, 255, 1), rgba(0, 74, 136, 1) 100%);--text-boxes-shadow-blur-radius:5px;--lh-h3:27px;--product-card-shadow-visible:0;--alpha-button-background:1;--text-boxes-radius:0px;--inputs-radius-outset:0px;--lh-h2:34px;--media-shadow-opacity:0.0;--font-body-style:normal;--product-card-shadow-blur-radius:5px;--duration-extra-longer:.75s;--fz-h1:38px;--popup-shadow-horizontal-offset:0px;--font-body-weight:400;--color-button-border-h:17,102,255;--variant-pills-border-opacity:0.55;--text-boxes-shadow-horizontal-offset:0px;--variant-pills-shadow-horizontal-offset:0px;--blog-card-shadow-blur-radius:5px;--witb-border:#e5e5e7;--text-boxes-shadow-vertical-offset:4px;--media-border-opacity:0.05;--blog-card-text-alignment:left;--product-card-border-opacity:0.1;--ease-out-slow:cubic-bezier(0, 0, .3, 1);--witb-shadow:0 12px 40px rgba(0,0,0,.16);--fw-h4:500;--swiper-navigation-size:44px;--focused-base-outline:2px solid rgba(30,30,30, .5);--easter-egg:none;--fw-h1:700;--lh-h4:1.45;--color-out-button-text-h:255,255,255;--drawer-border-opacity:0.1;--buttons-shadow-vertical-offset:0px;--font-heading-family:'Helvetica Now Var', 'HNV Fallback', Assistant, sans-serif;--duration-announcement-bar:.25s;--color-sec-button-border-h:17,102,255;--color-sec-button-h:17,102, 255;--inputs-margin-offset:0px;--fz-h4:18px;--product-card-shadow-opacity:0.0;--container-paddings:16px;--animation-slide-in:slideIn .6s cubic-bezier(0, 0, .3, 1) forwards;--blog-card-shadow-horizontal-offset:0px;--lh-h1:44px;--variant-pills-radius:40px;--duration-extra-long:.6s;--payment-terms-background-color:rgb(255 255 255);--color-heading:10,10,10;--color-foreground:30,30,30;--font-body-scale:1.0;--duration-medium:.3s;--media-shadow-visible:0;--text-boxes-shadow-opacity:0.0;--font-heading-weight:400;--buttons-shadow-visible:0;--product-card-shadow-horizontal-offset:0px;--popup-corner-radius:0px;--collection-card-text-alignment:left;--color-sec-button-border:17,102,255;--text-boxes-border-opacity:0.1;--popup-border-width:1px;--inputs-shadow-vertical-offset:4px;--duration-short:.1s;--alpha-badge-border:.1;--product-card-corner-radius:0px;--color-link:17,102,255;--product-card-border-width:0px;--media-shadow-vertical-offset:4px;--gradient-background:#ffffff;--color-badge-border:30,30,30;--color-out-button-border:255,255,255;font-family:var(--font-body-family);color:rgb(var(--color-foreground));-webkit-font-smoothing:antialiased;line-height:calc(1 + .8/var(--font-body-scale));letter-spacing:0.6px}
:where(.strap-scope) :is(h1,h2,h3,h4,h5,h6){font-family:var(--font-heading-family);text-transform:none;margin-top:0}
:where(.strap-scope) :is(p,ul,ol){margin-top:0}
:where(.strap-scope) img{max-width:100%}
:where(.strap-scope) button{font:inherit;color:inherit}
.strap-scope .strap-story{font-family:inherit}

/* head color schemes */
.strap-scope, :where(.strap-scope) .section-header:not(.scrolled-past-header) .transparent-header-scheme-1, :where(.strap-scope) .section-header:not(.scrolled-past-header) .header-transparent.color-scheme-1:has(.header-menu--mega-menu[open]), :where(.strap-scope) .section-header:not(.scrolled-past-header) .header-transparent.color-scheme-1:has(.mega-menu[open]), :where(.strap-scope) .section-header:not(.scrolled-past-header) .header-transparent.color-scheme-1:hover, :where(.strap-scope) .color-scheme-1{
        --color-background: 255,255,255;

  --gradient-background: #ffffff;




--color-heading: 10,10,10;
--color-foreground: 30,30,30;
--color-foreground-sec: 70,70,70;
--color-accent: 255,87,51;

--color-outline: 220,220,220;

--color-background-contrast: 191,191,191;
--color-shadow: 30,30,30;

--color-button: 17,102,255;
--color-button-text: 255,255,255;
--color-button-border: 17,102,255;
--color-button-h: 17,102,255;
--color-button-grad-h: linear-gradient(90deg, rgba(17, 102, 255, 1), rgba(0, 74, 136, 1) 100%);
--color-button-text-h: 255,255,255;
--color-button-border-h: 17,102,255;


--color-sec-button: 255,255,255;
--color-sec-button-text: 17,102,255;
--color-sec-button-border: 17,102,255;
--color-sec-button-h: 17,102, 255;
--color-sec-button-text-h: 255,255,255;
--color-sec-button-border-h: 17,102,255;


--color-out-button-text: 255,255,255;
--color-out-button-border: 255,255,255;
--color-out-button-text-h: 255,255,255;
--color-out-button-border-h: 17,102,255;

--color-link: 17,102,255;


--color-input: 255,255,255;
--color-input-text: 30,30,30;
--color-input-placeholder: 125,125,125;
--color-input-border: 220,220,220;
--color-input-border-f: 17,102,255;

--color-badge-foreground: 30,30,30;
--color-badge-background: 255,255,255;
--color-badge-border: 30,30,30;
--payment-terms-background-color: rgb(255 255 255);

      }
:where(.strap-scope) .section-header:not(.scrolled-past-header) .transparent-header-scheme-3, :where(.strap-scope) .section-header:not(.scrolled-past-header) .header-transparent.color-scheme-3:has(.header-menu--mega-menu[open]), :where(.strap-scope) .section-header:not(.scrolled-past-header) .header-transparent.color-scheme-3:has(.mega-menu[open]), :where(.strap-scope) .section-header:not(.scrolled-past-header) .header-transparent.color-scheme-3:hover, :where(.strap-scope) .color-scheme-3{
        --color-background: 30,30,30;

  --gradient-background: #1e1e1e;




--color-heading: 255,255,255;
--color-foreground: 255,255,255;
--color-foreground-sec: 240,240,240;
--color-accent: 119,255,51;

--color-outline: 125,125,125;

--color-background-contrast: 43,43,43;
--color-shadow: 255,255,255;

--color-button: 17,102,255;
--color-button-text: 255,255,255;
--color-button-border: 17,102,255;
--color-button-h: 17,102,255;
--color-button-grad-h: linear-gradient(90deg, rgba(17, 102, 255, 1), rgba(0, 74, 136, 1) 100%);
--color-button-text-h: 255,255,255;
--color-button-border-h: 17,102,255;


--color-sec-button: 255,255,255;
--color-sec-button-text: 17,102,255;
--color-sec-button-border: 17,102,255;
--color-sec-button-h: 17,102, 255;
--color-sec-button-text-h: 255,255,255;
--color-sec-button-border-h: 17,102,255;


--color-out-button-text: 255,255,255;
--color-out-button-border: 255,255,255;
--color-out-button-text-h: 255,255,255;
--color-out-button-border-h: 17,102,255;

--color-link: 17,102,255;


--color-input: 255,255,255;
--color-input-text: 30,30,30;
--color-input-placeholder: 125,125,125;
--color-input-border: 220,220,220;
--color-input-border-f: 17,102,255;

--color-badge-foreground: 255,255,255;
--color-badge-background: 30,30,30;
--color-badge-border: 255,255,255;
--payment-terms-background-color: rgb(30 30 30);

      }
:where(.strap-scope) .section-header:not(.scrolled-past-header) .transparent-header-scheme-7, :where(.strap-scope) .section-header:not(.scrolled-past-header) .header-transparent.color-scheme-7:has(.header-menu--mega-menu[open]), :where(.strap-scope) .section-header:not(.scrolled-past-header) .header-transparent.color-scheme-7:has(.mega-menu[open]), :where(.strap-scope) .section-header:not(.scrolled-past-header) .header-transparent.color-scheme-7:hover, :where(.strap-scope) .color-scheme-7{
        --color-background: 255,87,51;

  --gradient-background: linear-gradient(90deg, #FF5733 0%, #FF2F33 100%);




--color-heading: 250,250,250;
--color-foreground: 255,255,255;
--color-foreground-sec: 240,240,240;
--color-accent: 119,255,51;

--color-outline: 125,125,125;

--color-background-contrast: 179,31,0;
--color-shadow: 255,255,255;

--color-button: 17,102,255;
--color-button-text: 255,255,255;
--color-button-border: 17,102,255;
--color-button-h: 17,102,255;
--color-button-grad-h: linear-gradient(90deg, rgba(17, 102, 255, 1), rgba(0, 74, 136, 1) 100%);
--color-button-text-h: 255,255,255;
--color-button-border-h: 17,102,255;


--color-sec-button: 255,255,255;
--color-sec-button-text: 17,102,255;
--color-sec-button-border: 17,102,255;
--color-sec-button-h: 17,102, 255;
--color-sec-button-text-h: 255,255,255;
--color-sec-button-border-h: 17,102,255;


--color-out-button-text: 255,255,255;
--color-out-button-border: 255,255,255;
--color-out-button-text-h: 255,255,255;
--color-out-button-border-h: 17,102,255;

--color-link: 17,102,255;


--color-input: 255,255,255;
--color-input-text: 30,30,30;
--color-input-placeholder: 125,125,125;
--color-input-border: 220,220,220;
--color-input-border-f: 17,102,255;

--color-badge-foreground: 255,255,255;
--color-badge-background: 255,87,51;
--color-badge-border: 255,255,255;
--payment-terms-background-color: rgb(255 87 51);

      }
.strap-scope, :where(.strap-scope) .color-scheme-1, :where(.strap-scope) .color-scheme-2, :where(.strap-scope) .color-scheme-3, :where(.strap-scope) .color-scheme-5, :where(.strap-scope) .color-scheme-6, :where(.strap-scope) .color-scheme-7{
        color: rgba(var(--color-foreground), 1);
        background-color: rgb(var(--color-background));
      }
.strap-scope{
        --font-body-family: "Helvetica Now Var", "HNV Fallback", Assistant, sans-serif;
        --font-body-style: normal;
        --font-body-weight: 400;
        --font-body-weight-bold: 700;

        --font-heading-family: "Helvetica Now Var", "HNV Fallback", Assistant, sans-serif;
        --font-heading-style: normal;
        --font-heading-weight: 400;

        --font-body-scale: 1.0;
        --font-heading-scale: 1.0;

        --media-padding: px;
        --media-border-opacity: 0.05;
        --media-border-width: 1px;
        --media-radius: 0px;
        --media-shadow-opacity: 0.0;
        --media-shadow-horizontal-offset: 0px;
        --media-shadow-vertical-offset: 4px;
        --media-shadow-blur-radius: 5px;
        --media-shadow-visible: 0;

        --page-width: 1600px;
        --page-width-margin: 0px;

        --product-card-image-padding: 0px;
        --product-card-corner-radius: 0px;
        --product-card-text-alignment: center;
        --product-card-border-width: 0px;
        --product-card-border-opacity: 0.1;
        --product-card-shadow-opacity: 0.0;
        --product-card-shadow-visible: 0;
        --product-card-shadow-horizontal-offset: 0px;
        --product-card-shadow-vertical-offset: 4px;
        --product-card-shadow-blur-radius: 5px;

        --collection-card-image-padding: 0px;
        --collection-card-corner-radius: 0px;
        --collection-card-text-alignment: left;
        --collection-card-border-width: 0px;
        --collection-card-border-opacity: 0.1;
        --collection-card-shadow-opacity: 0.0;
        --collection-card-shadow-visible: 0;
        --collection-card-shadow-horizontal-offset: 0px;
        --collection-card-shadow-vertical-offset: 4px;
        --collection-card-shadow-blur-radius: 5px;

        --blog-card-image-padding: 0px;
        --blog-card-corner-radius: 0px;
        --blog-card-text-alignment: left;
        --blog-card-border-width: 0px;
        --blog-card-border-opacity: 0.1;
        --blog-card-shadow-opacity: 0.0;
        --blog-card-shadow-visible: 0;
        --blog-card-shadow-horizontal-offset: 0px;
        --blog-card-shadow-vertical-offset: 4px;
        --blog-card-shadow-blur-radius: 5px;

        --badge-corner-radius: 8px;

        --popup-border-width: 1px;
        --popup-border-opacity: 0.1;
        --popup-corner-radius: 0px;
        --popup-shadow-opacity: 0.05;
        --popup-shadow-horizontal-offset: 0px;
        --popup-shadow-vertical-offset: 4px;
        --popup-shadow-blur-radius: 5px;

        --drawer-border-width: 1px;
        --drawer-border-opacity: 0.1;
        --drawer-shadow-opacity: 0.0;
        --drawer-shadow-horizontal-offset: 0px;
        --drawer-shadow-vertical-offset: 4px;
        --drawer-shadow-blur-radius: 5px;

        --spacing-sections-desktop: 0px;
        --spacing-sections-mobile: 0px;

        --grid-desktop-vertical-spacing: 8px;
        --grid-desktop-horizontal-spacing: 8px;
        --grid-mobile-vertical-spacing: 4px;
        --grid-mobile-horizontal-spacing: 4px;

        --text-boxes-border-opacity: 0.1;
        --text-boxes-border-width: 0px;
        --text-boxes-radius: 0px;
        --text-boxes-shadow-opacity: 0.0;
        --text-boxes-shadow-visible: 0;
        --text-boxes-shadow-horizontal-offset: 0px;
        --text-boxes-shadow-vertical-offset: 4px;
        --text-boxes-shadow-blur-radius: 5px;

        --buttons-radius: 32px;
        --buttons-radius-outset: 33px;
        --buttons-border-width: 1px;
        --buttons-border-opacity: 1.0;
        --buttons-shadow-opacity: 0.0;
        --buttons-shadow-visible: 0;
        --buttons-shadow-horizontal-offset: 0px;
        --buttons-shadow-vertical-offset: 0px;
        --buttons-shadow-blur-radius: 0px;
        --buttons-border-offset: 0.3px;

        --inputs-radius: 0px;
        --inputs-border-width: 1px;
        --inputs-border-opacity: 0.55;
        --inputs-shadow-opacity: 0.0;
        --inputs-shadow-horizontal-offset: 0px;
        --inputs-margin-offset: 0px;
        --inputs-shadow-vertical-offset: 4px;
        --inputs-shadow-blur-radius: 5px;
        --inputs-radius-outset: 0px;

        --variant-pills-radius: 40px;
        --variant-pills-border-width: 1px;
        --variant-pills-border-opacity: 0.55;
        --variant-pills-shadow-opacity: 0.0;
        --variant-pills-shadow-horizontal-offset: 0px;
        --variant-pills-shadow-vertical-offset: 4px;
        --variant-pills-shadow-blur-radius: 5px;
      }
:where(.strap-scope) *, :where(.strap-scope) *::before, :where(.strap-scope) *::after{
        box-sizing: inherit;
      }
.strap-scope{
        box-sizing: border-box;
        font-size: calc(var(--font-body-scale) * 62.5%);
        height: 100%;
      }
.strap-scope{
        display: grid;
        grid-template-rows: auto auto 1fr auto;
        grid-template-columns: 100%;
        min-height: 100%;
        margin: 0;
        font-size: 16px;
        letter-spacing: 0;
        line-height: 1.5;
        font-family: var(--font-body-family);
        font-style: var(--font-body-style);
        font-weight: var(--font-body-weight);
      }
/* base.css */
.strap-scope{--alpha-button-background: 1;--alpha-button-border: 1;--alpha-link: .85;--alpha-badge-border: .1;--focused-base-outline: 2px solid rgba(var(--color-foreground), .5);--focused-base-outline-offset: 3px;--focused-base-box-shadow: 0 0 0 3px rgb(var(--color-background)), 0 0 5px 4px rgba(var(--color-foreground), .3);--container-paddings: 16px;--fz-h1: 38px;--fz-h2: 26px;--fz-h3: 20px;--fz-h4: 18px;--lh-h1: 44px;--lh-h2: 34px;--lh-h3: 27px;--lh-h4: 1.45;--fw-h1: 700;--fw-h2: 700;--fw-h3: 700;--fw-h4: 500;--clr-error: #ff5733;interpolate-size:allow-keywords}
@media (min-width:750px){.strap-scope{--fz-h1: 44px;--fz-h2: 32px;--fz-h3: 22px;--fz-h4: 18px;--lh-h1: 54px;--lh-h2: 40px;--lh-h3: 32px;--container-paddings: 24px}}
@media (min-width:990px){.strap-scope{--fz-h1: 54px;--fz-h2: 38px;--fz-h3: 24px;--fz-h4: 20px;--lh-h1: 64px;--lh-h2: 48px;--lh-h3: 35px;--container-paddings: 56px}}
:where(.strap-scope) .contains-media, :where(.strap-scope) .global-media-settings{--border-radius: var(--media-radius);--border-width: var(--media-border-width);--border-opacity: var(--media-border-opacity);--shadow-horizontal-offset: var(--media-shadow-horizontal-offset);--shadow-vertical-offset: var(--media-shadow-vertical-offset);--shadow-blur-radius: var(--media-shadow-blur-radius);--shadow-opacity: var(--media-shadow-opacity);--shadow-visible: var(--media-shadow-visible)}
:where(.strap-scope) .page-width{max-width:var(--page-width);margin:0 auto;padding:0 var(--container-paddings)}
.strap-scope{scroll-behavior:smooth}
.strap-scope{overflow:hidden}
.strap-scope .drawer-menu) .announcement-bar-section .page-width{max-width:100%}
:where(.strap-scope) .rte{--heading-mt: 16px;--heading-mb: 8px;--paragraph-mb: 4px;--li-mb: 4px}
@media (min-width:750px){:where(.strap-scope) .rte{--heading-mt: 24px;--heading-mb: 16px}}
:where(.strap-scope) .hidden{display:none!important}
:where(.strap-scope) .visually-hidden{position:absolute!important;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);word-wrap:normal!important}
:where(.strap-scope) .visually-hidden--inline{margin:0;height:1em}
:where(.strap-scope) .overflow-hidden{overflow:hidden}
:where(.strap-scope) .skip-to-content-link:focus{z-index:9999;position:inherit;overflow:auto;width:auto;height:auto;clip:auto}
:where(.strap-scope) ::selection{background-color:rgba(var(--color-foreground),.2)}
:where(.strap-scope) h1, :where(.strap-scope) h2, :where(.strap-scope) h3, :where(.strap-scope) h4, :where(.strap-scope) h5, :where(.strap-scope) .h0, :where(.strap-scope) .h1, :where(.strap-scope) .h2, :where(.strap-scope) .h3, :where(.strap-scope) .h4, :where(.strap-scope) .h5{font-family:var(--font-heading-family);letter-spacing:0;line-height:calc(1 + .2/max(1,var(--font-heading-scale)));word-break:break-word}
:where(.strap-scope) h1, :where(.strap-scope) .h1{font-size:var(--fz-h1);font-weight:var(--fw-h1);line-height:var(--lh-h1)}
:where(.strap-scope) h2, :where(.strap-scope) .h2{font-size:var(--fz-h2);font-weight:var(--fw-h2);line-height:var(--lh-h2)}
:where(.strap-scope) h3, :where(.strap-scope) .h3{font-size:var(--fz-h3);font-weight:var(--fw-h3);line-height:var(--lh-h3)}
:where(.strap-scope) h4, :where(.strap-scope) .h4{font-size:var(--fz-h4);font-weight:var(--fw-h4);line-height:var(--lh-h4)}
:where(.strap-scope) .caption-large, :where(.strap-scope) .customer .field input, :where(.strap-scope) .customer select, :where(.strap-scope) .field__input, :where(.strap-scope) .form__label, :where(.strap-scope) .select__select{font-size:13px;line-height:calc(1 + .5 / var(--font-body-scale));letter-spacing:0.4px}
:where(.strap-scope) .fw-700{font-weight:700}
:where(.strap-scope) .fw-400{font-weight:400}
:where(.strap-scope) .color-foreground{color:rgb(var(--color-foreground))}
:where(.strap-scope) .color-foreground-sec{color:rgb(var(--color-foreground-sec))}
:where(.strap-scope) .mt-0{margin-top:0}
:where(.strap-scope) .mb-0{margin-bottom:0}
:where(.strap-scope) .content-grid>:not(.breakout,.full-width-grid), :where(.strap-scope) .full-width-grid>:not(.breakout,.full-width-grid){grid-column:content}
:where(.strap-scope) a:empty, :where(.strap-scope) ul:empty, :where(.strap-scope) dl:empty, :where(.strap-scope) div:empty, :where(.strap-scope) section:empty, :where(.strap-scope) article:empty, :where(.strap-scope) p:empty, :where(.strap-scope) h1:empty, :where(.strap-scope) h2:empty, :where(.strap-scope) h3:empty, :where(.strap-scope) h4:empty, :where(.strap-scope) h5:empty, :where(.strap-scope) h6:empty{display:none}
:where(.strap-scope) a:not([href]){cursor:not-allowed}
:where(.strap-scope) details>*{box-sizing:border-box}
.strap-scope{--duration-short: .1s;--duration-default: .2s;--duration-announcement-bar: .25s;--duration-medium: .3s;--duration-long: .5s;--duration-extra-long: .6s;--duration-extra-longer: .75s;--duration-extended: 3s;--ease-out-slow: cubic-bezier(0, 0, .3, 1);--animation-slide-in: slideIn var(--duration-extra-long) var(--ease-out-slow) forwards;--animation-fade-in: fadeIn var(--duration-extra-long) var(--ease-out-slow)}
:where(.strap-scope) .svg-wrapper{display:inline-flex;justify-content:center;align-items:center;width:20px;height:20px}
:where(.strap-scope) .svg-wrapper>svg{height:100%;width:100%}
:where(.strap-scope) summary{cursor:pointer;list-style:none;position:relative}
:where(.strap-scope) summary::-webkit-details-marker{display:none}
:where(.strap-scope) *:focus{outline:0;box-shadow:none}
:where(.strap-scope) *:focus-visible{outline:var(--focused-base-outline);outline-offset:var(--focused-base-outline-offset);box-shadow:var(--focused-base-box-shadow)}
:where(.strap-scope) .media{display:block;background-color:rgba(var(--color-foreground),.1);position:relative;overflow:hidden}
:where(.strap-scope) .media--transparent{background-color:transparent}
:where(.strap-scope) .media>*:not(.zoom):not(.deferred-media__poster-button), :where(.strap-scope) .media model-viewer{display:block;max-width:100%;position:absolute;top:0;left:0;height:100%;width:100%}
:where(.strap-scope) .media>svg, :where(.strap-scope) .media>img{object-fit:cover;object-position:center center;transition:opacity .4s cubic-bezier(.25,.46,.45,.94)}
:where(.strap-scope) .media--adapt-to-image{padding-bottom:var(--image-height)}
:where(.strap-scope) .media--square{padding-bottom:100%}
:where(.strap-scope) button{font-family:var(--font-body-family)}
:where(.strap-scope) .button, :where(.strap-scope) .shopify-challenge__button, :where(.strap-scope) .customer button, :where(.strap-scope) button.shopify-payment-button__button--unbranded{--shadow-horizontal-offset: var(--buttons-shadow-horizontal-offset);--shadow-vertical-offset: var(--buttons-shadow-vertical-offset);--shadow-blur-radius: var(--buttons-shadow-blur-radius);--shadow-opacity: var(--buttons-shadow-opacity);--shadow-visible: var(--buttons-shadow-visible);--border-offset: var( --buttons-border-offset );--border-opacity: calc(1 - var(--buttons-border-opacity));border-radius:var(--buttons-radius-outset);position:relative}
:where(.strap-scope) .button, :where(.strap-scope) .shopify-challenge__button, :where(.strap-scope) .customer button, :where(.strap-scope) button.shopify-payment-button__button--unbranded{min-width:calc(120px + var(--buttons-border-width) * 2);min-height:calc(45px + var(--buttons-border-width) * 2)}
:where(.strap-scope) .button, :where(.strap-scope) .shopify-challenge__button, :where(.strap-scope) .customer button{--_clr-bg: var(--color-button);--_clr-text: var(--color-button-text);--_clr-border: var(--color-button-border);--_clr-bg-h: var(--color-button-h);--_clr-text-h: var(--color-button-text-h);--_clr-border-h: var(--color-button-border-h);display:inline-flex;justify-content:center;align-items:center;padding:11px 32px;border:var(--buttons-border-width) solid rgb(var(--_clr-border));border-radius:var(--buttons-radius-outset);cursor:pointer;font:inherit;font-weight:500;font-size:16px;line-height:1.5;text-decoration:none;color:rgb(var(--_clr-text));transition:box-shadow var(--duration-medium) ease-out,color var(--duration-medium) ease-out,border-color var(--duration-medium) ease-out;-webkit-appearance:none;appearance:none;background-color:rgba(var(--_clr-bg),var(--alpha-button-background));box-shadow:var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow),var(--shadow-opacity))}
:where(.strap-scope) .button:hover, :where(.strap-scope) .button:focus-visible, :where(.strap-scope) .shopify-challenge__button:hover, :where(.strap-scope) .customer button:hover, :where(.strap-scope) .shopify-payment-button__button--unbranded:hover{border-color:rgb(var(--_clr-border-h));color:rgb(var(--_clr-text-h));background:rgb(var(--_clr-bg-h))}
:where(.strap-scope) .button--gradient{position:relative;overflow:clip;background:rgb(var(--_clr-bg))}
:where(.strap-scope) .button--gradient>span{z-index:1}
:where(.strap-scope) .button--gradient:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-button-grad-h);opacity:0;transition:opacity var(--duration-medium) ease-out}
:where(.strap-scope) .button--gradient:hover:before, :where(.strap-scope) .button--gradient:focus-visible:before{opacity:1}
:where(.strap-scope) .button:disabled, :where(.strap-scope) .button[aria-disabled=true], :where(.strap-scope) .button.disabled, :where(.strap-scope) .customer button:disabled, :where(.strap-scope) .customer button[aria-disabled=true], :where(.strap-scope) .customer button.disabled, :where(.strap-scope) .quantity__button.disabled{cursor:not-allowed;opacity:.5}
:where(.strap-scope) .button--full-width{display:flex;width:100%}
:where(.strap-scope) .select::picker-icon{color:red;transition:.4s rotate}
:where(.strap-scope) input[type=checkbox]{display:inline-block}
:where(.strap-scope) .form__label{display:block;margin-bottom:6px}
:where(.strap-scope) .form-status-list .link:first-letter{text-transform:capitalize}
:where(.strap-scope) .media-modal{cursor:zoom-out}
@media screen and (min-width:990px){.strap-scope .header:not(.drawer-menu)) .utility-bar .page-width{padding-left:50px;padding-right:50px}}
@keyframes translateAnnouncementSlideIn{0%{opacity:0;transform:translate(var(--announcement-translate-from))}to{opacity:1;transform:translate(0)}}
@keyframes translateAnnouncementSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(var(--announcement-translate-to))}}
@keyframes animateMenuOpen{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}
:where(.strap-scope) .badge{border:1px solid transparent;border-radius:var(--badge-corner-radius);display:inline-block;font-size:15px;line-height:22px;font-weight:500;padding:3px 10px;background-color:rgb(var(--color-badge-background));border-color:rgba(var(--color-badge-border),var(--alpha-badge-border));color:rgb(var(--color-badge-foreground));word-break:break-word;text-align:center}
:where(.strap-scope) .gradient{background:rgb(var(--color-background));background:var(--gradient-background);background-attachment:fixed}
@media screen and (forced-colors:active){:where(.strap-scope) .icon{color:CanvasText;fill:CanvasText!important}}
:where(.strap-scope) .global-media-settings{position:relative;border:var(--media-border-width) solid rgba(var(--color-foreground),var(--media-border-opacity));border-radius:var(--media-radius);overflow:visible!important;background-color:rgb(var(--color-background))}
:where(.strap-scope) .global-media-settings:after{content:"";position:absolute;top:calc(var(--media-border-width) * -1);right:calc(var(--media-border-width) * -1);bottom:calc(var(--media-border-width) * -1);left:calc(var(--media-border-width) * -1);border-radius:var(--media-radius);box-shadow:var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow),var(--media-shadow-opacity));z-index:-1;pointer-events:none}
:where(.strap-scope) .global-media-settings--no-shadow{overflow:hidden!important}
:where(.strap-scope) .global-media-settings--no-shadow:after{content:none}
:where(.strap-scope) .global-media-settings img, :where(.strap-scope) .global-media-settings iframe, :where(.strap-scope) .global-media-settings model-viewer, :where(.strap-scope) .global-media-settings video, :where(.strap-scope) .global-media-settings .placeholder-svg{border-radius:calc(var(--media-radius) - var(--media-border-width))}
@media (forced-colors:active){:where(.strap-scope) .button, :where(.strap-scope) .shopify-challenge__button, :where(.strap-scope) .customer button{border:transparent solid 1px}
:where(.strap-scope) .button:focus-visible, :where(.strap-scope) .button:focus, :where(.strap-scope) .button.focused, :where(.strap-scope) .shopify-payment-button__button--unbranded:focus-visible, :where(.strap-scope) .shopify-payment-button [role=button]:focus-visible, :where(.strap-scope) .shopify-payment-button__button--unbranded:focus, :where(.strap-scope) .shopify-payment-button [role=button]:focus{outline:solid transparent 1px}}
:where(.strap-scope) .metafield-rich_text_field:after, :where(.strap-scope) .rte:after{clear:both;content:"";display:block}
:where(.strap-scope) .rte p:not(:last-child), :where(.strap-scope) .metafield-rich_text_field p+p, :where(.strap-scope) .rte p+p{margin-bottom:var(--paragraph-mb)}
:where(.strap-scope) .metafield-rich_text_field>*:first-child, :where(.strap-scope) .rte>*:first-child{margin-top:0}
:where(.strap-scope) .rte p:last-child, :where(.strap-scope) .metafield-rich_text_field>*:last-child, :where(.strap-scope) .rte>*:last-child{margin-bottom:0}
:where(.strap-scope) .rte p{margin-top:0}
@media (prefers-reduced-motion:no-preference){@keyframes animateAmbient{0%{transform:rotate(0) translate(1em) rotate(0) scale(1.2)}to{transform:rotate(360deg) translate(1em) rotate(-360deg) scale(1.2)}}
:where(.strap-scope) .scroll-trigger.animate--fade-in, :where(.strap-scope) .scroll-trigger.animate--slide-in{opacity:0}
:where(.strap-scope) .scroll-trigger.animate--slide-in{transform:translateY(20px)}
:where(.strap-scope) .scroll-trigger:not(.scroll-trigger--offscreen).animate--slide-in{animation:var(--animation-slide-in);animation-delay:calc(var(--animation-order) * 75ms)}
@keyframes slideIn{0%{transform:translateY(20px);opacity:.01}to{transform:translateY(0);opacity:1}}
@keyframes fadeIn{0%{opacity:.01}to{opacity:1}}}
@media (prefers-reduced-motion:no-preference)and (hover:hover){.strap-scope{--easter-egg: none;--sparkle: url(./sparkle.gif)}}
:where(.strap-scope) .loading__spinner{position:absolute;z-index:1;width:18px}
:where(.strap-scope) .loading__spinner{width:18px;display:inline-block}
:where(.strap-scope) .spinner{animation:rotator 1.4s linear infinite}
@keyframes rotator{0%{transform:rotate(0)}to{transform:rotate(270deg)}}
:where(.strap-scope) .path{stroke-dasharray:280;stroke-dashoffset:0;transform-origin:center;stroke:rgb(var(--color-foreground));animation:dash 1.4s ease-in-out infinite}
@media screen and (forced-colors:active){:where(.strap-scope) .path{stroke:CanvasText}}
@keyframes dash{0%{stroke-dashoffset:280}50%{stroke-dashoffset:75;transform:rotate(135deg)}to{stroke-dashoffset:280;transform:rotate(450deg)}}
@keyframes indeterminateAnimation{0%{transform:translate(-20%) scaleX(0)}40%{transform:translate(30%) scaleX(.7)}to{transform:translate(100%) scaleX(0)}}
:where(.strap-scope) .section-responsive-padding{padding-block:var(--p-tp-mb) var(--p-bt-mb)}
@media (min-width:750px)and (max-width:989px){:where(.strap-scope) .section-responsive-padding{padding-block:calc((var(--p-tp-mb) + var(--p-tp)) / 2) calc((var(--p-bt-mb) + var(--p-bt)) / 2)}}
@media (min-width:990px){:where(.strap-scope) .section-responsive-padding{padding-block:var(--p-tp) var(--p-bt)}}
/* extra */

#strap-hightlight .ch-item__heading strong{
  font-size:1.83em;
}
 .cus-item-2  .common_info__tooltip{
    top: -22%;
    width: 100%;
    right: -80%;
    padding: 16px 20px;
    text-align: left;
    max-width: 345px;
    font-size: clamp(14px, 1vw, 16px);
}
div  .cus-item-2{
  overflow:visible;
}
.cus-strap-con{
max-width:600px;
  line-height:1.3;  border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.50);
    background: rgba(18, 27, 38, 0.30);
    backdrop-filter: blur(25px);
    padding: 24px 20px;
}
.cus-strap-con  .con{
    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
    padding-bottom: 20px;
    margin-bottom: 20px;
    font-size: 1.14em;
}
.cus-strap-con strong{
    font-weight: 700;
    font-size: 1.25em;
    margin-bottom: 8px;
}
.cus-strap-con ul{
    margin-bottom: 0;
 margin-top:20px;opacity:0.8;
}
.strap-item2 .c-width{
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}
@media (max-width:768px){
#strap-hightlight .ch-item__heading strong{
 font-size:1.42em;
}
.cus-item-2  .common_info__tooltip{
    width: 140%;
    top: -115%;
    right: -112%;
}
}