/** Shopify CDN: Minification failed

Line 27:0 All "@import" rules must come first

**/
/* Volta Charger — Design System Tokens | Brand Deck v1.3 */

@font-face { font-family: "Montserrat"; font-weight: 100; font-style: normal; src: url("//www.voltacharger.com/cdn/shop/t/145/assets/Montserrat-Thin.ttf?v=62423") format("truetype"); font-display: swap; }
@font-face { font-family: "Montserrat"; font-weight: 100; font-style: italic; src: url("//www.voltacharger.com/cdn/shop/t/145/assets/Montserrat-ThinItalic.ttf?v=62423") format("truetype"); font-display: swap; }
@font-face { font-family: "Montserrat"; font-weight: 200; font-style: normal; src: url("//www.voltacharger.com/cdn/shop/t/145/assets/Montserrat-ExtraLight.ttf?v=62423") format("truetype"); font-display: swap; }
@font-face { font-family: "Montserrat"; font-weight: 200; font-style: italic; src: url("//www.voltacharger.com/cdn/shop/t/145/assets/Montserrat-ExtraLightItalic.ttf?v=62423") format("truetype"); font-display: swap; }
@font-face { font-family: "Montserrat"; font-weight: 300; font-style: normal; src: url("//www.voltacharger.com/cdn/shop/t/145/assets/Montserrat-Light.ttf?v=62423") format("truetype"); font-display: swap; }
@font-face { font-family: "Montserrat"; font-weight: 300; font-style: italic; src: url("//www.voltacharger.com/cdn/shop/t/145/assets/Montserrat-LightItalic.ttf?v=62423") format("truetype"); font-display: swap; }
@font-face { font-family: "Montserrat"; font-weight: 400; font-style: normal; src: url("//www.voltacharger.com/cdn/shop/t/145/assets/Montserrat-Regular.ttf?v=137011392581337496651733997414") format("truetype"); font-display: swap; }
@font-face { font-family: "Montserrat"; font-weight: 400; font-style: italic; src: url("//www.voltacharger.com/cdn/shop/t/145/assets/Montserrat-Italic.ttf?v=62423") format("truetype"); font-display: swap; }
@font-face { font-family: "Montserrat"; font-weight: 500; font-style: normal; src: url("//www.voltacharger.com/cdn/shop/t/145/assets/Montserrat-Medium.ttf?v=162689785929272784131733997415") format("truetype"); font-display: swap; }
@font-face { font-family: "Montserrat"; font-weight: 500; font-style: italic; src: url("//www.voltacharger.com/cdn/shop/t/145/assets/Montserrat-MediumItalic.ttf?v=62423") format("truetype"); font-display: swap; }
@font-face { font-family: "Montserrat"; font-weight: 600; font-style: normal; src: url("//www.voltacharger.com/cdn/shop/t/145/assets/Montserrat-SemiBold.ttf?v=99832354065156410121733997415") format("truetype"); font-display: swap; }
@font-face { font-family: "Montserrat"; font-weight: 600; font-style: italic; src: url("//www.voltacharger.com/cdn/shop/t/145/assets/Montserrat-SemiBoldItalic.ttf?v=62423") format("truetype"); font-display: swap; }
@font-face { font-family: "Montserrat"; font-weight: 700; font-style: normal; src: url("//www.voltacharger.com/cdn/shop/t/145/assets/Montserrat-Bold.ttf?v=84239129886175909291733997415") format("truetype"); font-display: swap; }
@font-face { font-family: "Montserrat"; font-weight: 700; font-style: italic; src: url("//www.voltacharger.com/cdn/shop/t/145/assets/Montserrat-BoldItalic.ttf?v=62423") format("truetype"); font-display: swap; }
@font-face { font-family: "Montserrat"; font-weight: 800; font-style: normal; src: url("//www.voltacharger.com/cdn/shop/t/145/assets/Montserrat-ExtraBold.ttf?v=62423") format("truetype"); font-display: swap; }
@font-face { font-family: "Montserrat"; font-weight: 800; font-style: italic; src: url("//www.voltacharger.com/cdn/shop/t/145/assets/Montserrat-ExtraBoldItalic.ttf?v=62423") format("truetype"); font-display: swap; }
@font-face { font-family: "Montserrat"; font-weight: 900; font-style: normal; src: url("//www.voltacharger.com/cdn/shop/t/145/assets/Montserrat-Black.ttf?v=62423") format("truetype"); font-display: swap; }
@font-face { font-family: "Montserrat"; font-weight: 900; font-style: italic; src: url("//www.voltacharger.com/cdn/shop/t/145/assets/Montserrat-BlackItalic.ttf?v=62423") format("truetype"); font-display: swap; }

@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;500;600;700;800&display=swap");

:root {
  --volta-primary:       #EB5017;
  --volta-primary-80:    #EF7345;
  --volta-primary-60:    #F39674;
  --volta-primary-40:    #F7B9A2;
  --volta-primary-20:    #FBDCD1;
  --volta-primary-ink:   #B23D11;
  --volta-primary-tint:  #FFF2EC;

  --volta-black:         #000000;
  --volta-ink:           #141414;
  --volta-mineshaft:     #202020;
  --volta-mineshaft-2:   #2C2C2C;
  --volta-graphite:      #4C4C4C;
  --volta-grey:          #686868;
  --volta-grey-2:        #8A8A8A;
  --volta-grey-3:        #B2B2B2;
  --volta-line:          #D8D8D8;
  --volta-wash:          #EEEEEE;
  --volta-paper:         #F2F2F2;
  --volta-paper-warm:    #F1F0EE;
  --volta-white:         #FFFFFF;

  --volta-success:       #0ACF83;
  --volta-info:          #1ABCFE;
  --volta-warn:          #FF7448;
  --volta-danger:        #FF4848;

  --fg-1:   var(--volta-black);
  --fg-2:   var(--volta-graphite);
  --fg-3:   var(--volta-grey);
  --fg-inv: var(--volta-white);

  --bg-1:   var(--volta-white);
  --bg-2:   var(--volta-paper);
  --bg-3:   var(--volta-paper-warm);
  --bg-inv: var(--volta-black);

  --border-1:   var(--volta-line);
  --border-2:   rgba(0,0,0,0.15);
  --border-inv: rgba(255,255,255,0.15);

  --accent:       var(--volta-primary);
  --accent-hover: var(--volta-primary-ink);
  --on-accent:    var(--volta-white);

  --font-display: "Montserrat", "Helvetica Neue", Arial, sans-serif;
  --font-body:    "Nunito Sans", "Segoe UI", Arial, sans-serif;
  --font-mono:    ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --fw-regular: 400;
  --fw-medium:  500;
  --fw-semi:    600;
  --fw-bold:    700;
  --fw-black:   900;

  --sp-1: 4px;   --sp-2: 8px;   --sp-3: 12px;  --sp-4: 16px;
  --sp-5: 20px;  --sp-6: 24px;  --sp-8: 32px;  --sp-10: 40px;
  --sp-12: 48px; --sp-16: 64px; --sp-20: 80px; --sp-28: 112px;

  --r-xs:   4px;
  --r-sm:   6px;
  --r-md:   12px;
  --r-lg:   16px;
  --r-pill: 999px;

  --shadow-xs:     0 1px 2px rgba(0,0,0,0.04);
  --shadow-sm:     0 2px 4px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
  --shadow-md:     0 4px 12px rgba(0,0,0,0.08), 0 1px 3px rgba(0,0,0,0.04);
  --shadow-lg:     0 12px 28px rgba(0,0,0,0.12), 0 4px 8px rgba(0,0,0,0.06);
  --shadow-xl:     0 24px 48px rgba(0,0,0,0.16), 0 8px 16px rgba(0,0,0,0.08);
  --shadow-xxl:    0 40px 80px rgba(0,0,0,0.22), 0 12px 24px rgba(0,0,0,0.10);
  --shadow-accent: 0 12px 28px rgba(235,80,23,0.30);

  --ease-out:    cubic-bezier(0.2, 0.7, 0.2, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --dur-fast:    140ms;
  --dur-base:    220ms;
  --dur-slow:    420ms;
}