@apolitical/component-library 0.0.4-beta.1 → 0.0.4-beta.11

package/index.d.ts

@@ -1 +1,2 @@
 export * from './demo';
+export * from './layout';

package/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n={};function o(r){return e.jsx("div",{className:n.container,children:e.jsx("h1",{children:"Component library demo!"})})}exports.Demo=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n="_container_a7v7k_1",r={container:n};function i(t){return e.jsxs("div",{className:r.container,children:[e.jsx("small",{className:"pre-title",children:"Component library"}),e.jsx("h1",{children:"Component library demo!"}),e.jsx("h2",{children:"A demo of the component library"}),e.jsxs("p",{children:["Text with ",e.jsx("a",{href:"https://google.com",children:"link"})]}),e.jsx("button",{className:"primary large icon arrow_left left",children:"Button"}),e.jsx("button",{className:"secondary icon pencil right animate",children:"Button"}),e.jsx("button",{className:"tertiary small icon heart_empty hover_heart right",children:"Button"}),e.jsx("hr",{}),e.jsxs("ul",{children:[e.jsx("li",{children:"Item 1"}),e.jsx("li",{children:"Item 2"})]}),e.jsx("p",{children:"More text."}),e.jsxs("ol",{children:[e.jsx("li",{children:"Item 1"}),e.jsx("li",{children:"Item 2"})]}),e.jsx("blockquote",{children:"A quote."})]})}function o({children:t}){return e.jsx("div",{children:t})}exports.Demo=i;exports.Layout=o;

package/index.mjs

@@ -1,8 +1,36 @@
-import { jsx as o } from "react/jsx-runtime";
-const r = {};
-function t(e) {
-  return /* @__PURE__ */ o("div", { className: r.container, children: /* @__PURE__ */ o("h1", { children: "Component library demo!" }) });
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+const r = "_container_a7v7k_1", i = {
+  container: r
+};
+function l(n) {
+  return /* @__PURE__ */ t("div", { className: i.container, children: [
+    /* @__PURE__ */ e("small", { className: "pre-title", children: "Component library" }),
+    /* @__PURE__ */ e("h1", { children: "Component library demo!" }),
+    /* @__PURE__ */ e("h2", { children: "A demo of the component library" }),
+    /* @__PURE__ */ t("p", { children: [
+      "Text with ",
+      /* @__PURE__ */ e("a", { href: "https://google.com", children: "link" })
+    ] }),
+    /* @__PURE__ */ e("button", { className: "primary large icon arrow_left left", children: "Button" }),
+    /* @__PURE__ */ e("button", { className: "secondary icon pencil right animate", children: "Button" }),
+    /* @__PURE__ */ e("button", { className: "tertiary small icon heart_empty hover_heart right", children: "Button" }),
+    /* @__PURE__ */ e("hr", {}),
+    /* @__PURE__ */ t("ul", { children: [
+      /* @__PURE__ */ e("li", { children: "Item 1" }),
+      /* @__PURE__ */ e("li", { children: "Item 2" })
+    ] }),
+    /* @__PURE__ */ e("p", { children: "More text." }),
+    /* @__PURE__ */ t("ol", { children: [
+      /* @__PURE__ */ e("li", { children: "Item 1" }),
+      /* @__PURE__ */ e("li", { children: "Item 2" })
+    ] }),
+    /* @__PURE__ */ e("blockquote", { children: "A quote." })
+  ] });
+}
+function c({ children: n }) {
+  return /* @__PURE__ */ e("div", { children: n });
 }
 export {
-  t as Demo
+  l as Demo,
+  c as Layout
 };

package/layout/index.d.ts

@@ -0,0 +1 @@
+export { default as Layout } from './layout';

package/layout/layout.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export interface ComponentLibraryProps {
+    children: React.ReactNode;
+}
+export declare function Demo({ children }: ComponentLibraryProps): import("react/jsx-runtime").JSX.Element;
+export default Demo;

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@apolitical/component-library",
-  "version": "0.0.4-beta.1",
+  "version": "0.0.4-beta.11",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {
     ".": {
       "import": "./index.mjs",
       "require": "./index.js"
-    }
+    },
+    "./style.css": "./style.css"
   }
 }

package/style.css

@@ -1 +1 @@
-h1{color:#4f43ba}
+._container_a7v7k_1 h1{color:#4f43ba}@layer reset{html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html{font-size:100%}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;--webkit-text-size-adjust: 100%;text-size-adjust:100%;text-rendering:optimizelegibility;line-height:1}ul{list-style:disc}ol{list-style:decimal}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}}@layer base{@font-face{font-family:Moderat;src:url(fonts//Moderat-Medium.woff2) format("woff2"),url(fonts//Moderat-Medium.woff) format("woff");font-display:optional;font-weight:400}@font-face{font-family:Moderat;src:url(fonts//Moderat-Medium-Italic.woff2) format("woff2"),url(fonts//Moderat-Medium-Italic.woff) format("woff");font-display:optional;font-weight:400;font-style:italic}@font-face{font-family:Moderat;src:url(fonts//Moderat-Bold.woff2) format("woff2"),url(fonts//Moderat-Bold.woff) format("woff");font-display:optional;font-weight:600}@font-face{font-family:Moderat;src:url(fonts//Moderat-Bold-Italic.woff2) format("woff2"),url(fonts//Moderat-Bold-Italic.woff) format("woff");font-display:optional;font-weight:600;font-style:italic}@font-face{font-family:Moderat;src:url(fonts//Moderat-Black.woff2) format("woff2"),url(fonts//Moderat-Black.woff) format("woff");font-display:optional;font-weight:900}@font-face{font-family:Moderat;src:url(fonts//Moderat-Black-Italic.woff2) format("woff2"),url(fonts//Moderat-Black-Italic.woff) format("woff");font-display:optional;font-weight:900;font-style:italic}body{font-family:Moderat,sans-serif}}@layer base{a:focus,a:focus-visible,button:focus,button:focus-visible,input:focus,input:focus-visible,textarea:focus,textarea:focus-visible,[role=menu]:focus,[role=menu]:focus-visible,li[tabindex]:focus,li[tabindex]:focus-visible{outline:none;box-shadow:0 0 0 .25rem #dedcfa}a:active,button:active,input:active,textarea:active,[role=menu]:active,li[tabindex]:active{box-shadow:none}[role=menu]:focus,[role=menu]:focus-visible,[role=menu] a:focus,[role=menu] a:focus-visible,li[tabindex]:focus,li[tabindex]:focus-visible{box-shadow:0 0 0 .25rem #dedcfa inset}.hidden{width:0;height:0;display:block;overflow:hidden}}@layer base{blockquote{margin:1.25rem 0 .625rem;padding:.25rem 0 0 1.5rem;font-size:1.125rem;color:#151921;font-weight:700;font-style:italic;line-height:1.75rem;border-left:.375rem solid rgb(124,220,197)}blockquote p:last-of-type{margin-bottom:0}@media only screen and (min-width: 769px){blockquote{margin-top:1.875rem;margin-bottom:1.25rem;font-size:1.25rem}}}@layer base{button,.button{background:rgb(79,67,186);padding:.625rem 1.5rem .75rem;position:relative;text-align:center;font-size:1rem;color:#fff;font-weight:700;text-decoration:none;border-radius:360rem;border:none;cursor:pointer;box-sizing:border-box;display:inline-block}button:hover,.button:hover{background:rgb(124,114,225)}button:active,.button:active{background:rgb(57,45,135)}button:focus,button:focus-visible,.button:focus,.button:focus-visible{background:rgb(101,89,212)}button.large,.button.large{padding:.875rem 1.5rem 1rem;font-size:1.125rem}button.large.icon,.button.large.icon{margin-top:.125rem}button.large.icon.left:before,.button.large.icon.left:before{margin-right:.75rem}button.large.icon.right:before,.button.large.icon.right:before{margin-left:.75rem}button.small,.button.small{padding:.5rem 1rem .625rem;font-size:.875rem}button.small.icon,.button.small.icon{margin-top:.125rem}button.small.icon.left:before,.button.small.icon.left:before{margin-right:.5rem}button.small.icon.right:before,.button.small.icon.right:before{margin-left:.5rem}button.full-width,.button.full-width{width:100%}button.destructive,button.destructive:hover,button.destructive:active,button.destructive:focus,button.destructive:focus-visible,.button.destructive,.button.destructive:hover,.button.destructive:active,.button.destructive:focus,.button.destructive:focus-visible{background:rgb(195,65,65);color:#fff}button.destructive:hover,button.destructive:active,.button.destructive:hover,.button.destructive:active{background:rgb(155,36,36)}button.destructive:focus,button.destructive:focus-visible,.button.destructive:focus,.button.destructive:focus-visible{box-shadow:0 0 0 .25rem #fff2f2}button.secondary,.button.secondary{background:rgb(255,255,255);color:#4f43ba;border:.0625rem solid rgb(79,67,186)}button.secondary:hover,.button.secondary:hover{background:rgb(197,194,245)}button.secondary:active,button.secondary:focus,button.secondary:focus-visible,.button.secondary:active,.button.secondary:focus,.button.secondary:focus-visible{color:#fff;border-color:transparent}button.secondary:active,.button.secondary:active{background:rgb(57,45,135)}button.secondary:focus,button.secondary:focus-visible,.button.secondary:focus,.button.secondary:focus-visible{background:rgb(101,89,212)}button.secondary.muted,.button.secondary.muted{border-color:#c0cbdf}button.secondary.muted,button.secondary.muted:hover,button.secondary.muted:active,button.secondary.muted:focus,button.secondary.muted:focus-visible,.button.secondary.muted,.button.secondary.muted:hover,.button.secondary.muted:active,.button.secondary.muted:focus,.button.secondary.muted:focus-visible{background:rgb(255,255,255);color:#596580}button.secondary.muted:hover,button.secondary.muted:focus,button.secondary.muted:focus-visible,.button.secondary.muted:hover,.button.secondary.muted:focus,.button.secondary.muted:focus-visible{color:#4f43ba}button.secondary.disabled,button.secondary.disabled:hover,button.secondary.disabled:active,button.secondary.disabled:focus,button.secondary.disabled:focus-visible,.button.secondary.disabled,.button.secondary.disabled:hover,.button.secondary.disabled:active,.button.secondary.disabled:focus,.button.secondary.disabled:focus-visible{background:rgb(255,255,255);color:#4f43ba;border-color:#4f43ba}button.tertiary,.button.tertiary{padding:.1rem .5rem .2rem;bottom:.1rem;right:.5rem;text-decoration:underline;text-decoration-color:transparent}@media (prefers-reduced-motion: no-preference){button.tertiary,.button.tertiary{transition:color .2s ease-in-out 0s,text-decoration-color .2s ease-in-out 0s}}button.tertiary,button.tertiary:focus,button.tertiary:focus-visible,.button.tertiary,.button.tertiary:focus,.button.tertiary:focus-visible{background:none;color:#4f43ba;text-decoration-color:transparent}button.tertiary:hover,button.tertiary:active,.button.tertiary:hover,.button.tertiary:active{text-decoration-color:currentcolor}button.tertiary:hover,.button.tertiary:hover{color:#7c72e1}button.tertiary:active,.button.tertiary:active{color:#392d87}button.tertiary.muted,.button.tertiary.muted{color:#596580}button.tertiary.muted:hover,button.tertiary.muted:focus,button.tertiary.muted:focus-visible,.button.tertiary.muted:hover,.button.tertiary.muted:focus,.button.tertiary.muted:focus-visible{color:#7c72e1}button.tertiary.disabled,button.tertiary.disabled:hover,button.tertiary.disabled:active,button.tertiary.disabled:focus,button.tertiary.disabled:focus-visible,.button.tertiary.disabled,.button.tertiary.disabled:hover,.button.tertiary.disabled:active,.button.tertiary.disabled:focus,.button.tertiary.disabled:focus-visible{background:none;color:#4f43ba;text-decoration-color:transparent}button.icon,.button.icon{display:inline-flex;flex-flow:row;align-content:center;justify-content:center}button.icon:before,.button.icon:before{content:"";background:currentcolor;width:1rem;height:1rem;display:block}button.icon.right:before,.button.icon.right:before{order:2}button.icon.hover_arrow_left:hover:before,button.icon.hover_arrow_left:focus:before,button.icon.hover_arrow_left:focus-visible:before,.button.icon.hover_arrow_left:hover:before,.button.icon.hover_arrow_left:focus:before,.button.icon.hover_arrow_left:focus-visible:before,button.icon.arrow_left:before,.button.icon.arrow_left:before{-webkit-mask-image:url(https://storage.googleapis.com/apolitical-assets/icons/arrow_left.svg);mask-image:url(https://storage.googleapis.com/apolitical-assets/icons/arrow_left.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:100% auto;mask-size:100% auto;display:block}button.large.icon.hover_arrow_left:hover:before,button.large.icon.hover_arrow_left:focus:before,button.large.icon.hover_arrow_left:focus-visible:before,.large.button.icon.hover_arrow_left:hover:before,.large.button.icon.hover_arrow_left:focus:before,.large.button.icon.hover_arrow_left:focus-visible:before,button.large.icon.arrow_left:before,.large.button.icon.arrow_left:before{margin-top:.1875rem}button.left.large.icon.hover_arrow_left:hover:before,button.left.large.icon.hover_arrow_left:focus:before,button.left.large.icon.hover_arrow_left:focus-visible:before,.left.large.button.icon.hover_arrow_left:hover:before,.left.large.button.icon.hover_arrow_left:focus:before,.left.large.button.icon.hover_arrow_left:focus-visible:before,button.left.large.icon.arrow_left:before,.left.large.button.icon.arrow_left:before{margin-right:.5rem}button.right.large.icon.hover_arrow_left:hover:before,button.right.large.icon.hover_arrow_left:focus:before,button.right.large.icon.hover_arrow_left:focus-visible:before,.right.large.button.icon.hover_arrow_left:hover:before,.right.large.button.icon.hover_arrow_left:focus:before,.right.large.button.icon.hover_arrow_left:focus-visible:before,button.right.large.icon.arrow_left:before,.right.large.button.icon.arrow_left:before{margin-left:.5rem}button.icon.hover_arrow_left:hover:before,button.icon.hover_arrow_left:focus:before,button.icon.hover_arrow_left:focus-visible:before,.button.icon.hover_arrow_left:hover:before,.button.icon.hover_arrow_left:focus:before,.button.icon.hover_arrow_left:focus-visible:before,button.icon.arrow_left:before,.button.icon.arrow_left:before{margin-top:.1875rem}button.left.icon.hover_arrow_left:hover:before,button.left.icon.hover_arrow_left:focus:before,button.left.icon.hover_arrow_left:focus-visible:before,.left.button.icon.hover_arrow_left:hover:before,.left.button.icon.hover_arrow_left:focus:before,.left.button.icon.hover_arrow_left:focus-visible:before,button.left.icon.arrow_left:before,.left.button.icon.arrow_left:before{margin-right:.5rem}button.right.icon.hover_arrow_left:hover:before,button.right.icon.hover_arrow_left:focus:before,button.right.icon.hover_arrow_left:focus-visible:before,.right.button.icon.hover_arrow_left:hover:before,.right.button.icon.hover_arrow_left:focus:before,.right.button.icon.hover_arrow_left:focus-visible:before,button.right.icon.arrow_left:before,.right.button.icon.arrow_left:before{margin-left:.5rem}button.small.icon.hover_arrow_left:hover:before,button.small.icon.hover_arrow_left:focus:before,button.small.icon.hover_arrow_left:focus-visible:before,.small.button.icon.hover_arrow_left:hover:before,.small.button.icon.hover_arrow_left:focus:before,.small.button.icon.hover_arrow_left:focus-visible:before,button.small.icon.arrow_left:before,.small.button.icon.arrow_left:before{margin-top:.25rem}button.left.small.icon.hover_arrow_left:hover:before,button.left.small.icon.hover_arrow_left:focus:before,button.left.small.icon.hover_arrow_left:focus-visible:before,.left.small.button.icon.hover_arrow_left:hover:before,.left.small.button.icon.hover_arrow_left:focus:before,.left.small.button.icon.hover_arrow_left:focus-visible:before,button.left.small.icon.arrow_left:before,.left.small.button.icon.arrow_left:before{margin-right:.4375rem}button.right.small.icon.hover_arrow_left:hover:before,button.right.small.icon.hover_arrow_left:focus:before,button.right.small.icon.hover_arrow_left:focus-visible:before,.right.small.button.icon.hover_arrow_left:hover:before,.right.small.button.icon.hover_arrow_left:focus:before,.right.small.button.icon.hover_arrow_left:focus-visible:before,button.right.small.icon.arrow_left:before,.right.small.button.icon.arrow_left:before{margin-left:.4375rem}button.icon.hover_arrow_right:hover:before,button.icon.hover_arrow_right:focus:before,button.icon.hover_arrow_right:focus-visible:before,.button.icon.hover_arrow_right:hover:before,.button.icon.hover_arrow_right:focus:before,.button.icon.hover_arrow_right:focus-visible:before,button.icon.arrow_right:before,.button.icon.arrow_right:before{-webkit-mask-image:url(https://storage.googleapis.com/apolitical-assets/icons/arrow_right.svg);mask-image:url(https://storage.googleapis.com/apolitical-assets/icons/arrow_right.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:100% auto;mask-size:100% auto;display:block}button.large.icon.hover_arrow_right:hover:before,button.large.icon.hover_arrow_right:focus:before,button.large.icon.hover_arrow_right:focus-visible:before,.large.button.icon.hover_arrow_right:hover:before,.large.button.icon.hover_arrow_right:focus:before,.large.button.icon.hover_arrow_right:focus-visible:before,button.large.icon.arrow_right:before,.large.button.icon.arrow_right:before{margin-top:.1875rem}button.left.large.icon.hover_arrow_right:hover:before,button.left.large.icon.hover_arrow_right:focus:before,button.left.large.icon.hover_arrow_right:focus-visible:before,.left.large.button.icon.hover_arrow_right:hover:before,.left.large.button.icon.hover_arrow_right:focus:before,.left.large.button.icon.hover_arrow_right:focus-visible:before,button.left.large.icon.arrow_right:before,.left.large.button.icon.arrow_right:before{margin-right:.5rem}button.right.large.icon.hover_arrow_right:hover:before,button.right.large.icon.hover_arrow_right:focus:before,button.right.large.icon.hover_arrow_right:focus-visible:before,.right.large.button.icon.hover_arrow_right:hover:before,.right.large.button.icon.hover_arrow_right:focus:before,.right.large.button.icon.hover_arrow_right:focus-visible:before,button.right.large.icon.arrow_right:before,.right.large.button.icon.arrow_right:before{margin-left:.5rem}button.icon.hover_arrow_right:hover:before,button.icon.hover_arrow_right:focus:before,button.icon.hover_arrow_right:focus-visible:before,.button.icon.hover_arrow_right:hover:before,.button.icon.hover_arrow_right:focus:before,.button.icon.hover_arrow_right:focus-visible:before,button.icon.arrow_right:before,.button.icon.arrow_right:before{margin-top:.1875rem}button.left.icon.hover_arrow_right:hover:before,button.left.icon.hover_arrow_right:focus:before,button.left.icon.hover_arrow_right:focus-visible:before,.left.button.icon.hover_arrow_right:hover:before,.left.button.icon.hover_arrow_right:focus:before,.left.button.icon.hover_arrow_right:focus-visible:before,button.left.icon.arrow_right:before,.left.button.icon.arrow_right:before{margin-right:.5rem}button.right.icon.hover_arrow_right:hover:before,button.right.icon.hover_arrow_right:focus:before,button.right.icon.hover_arrow_right:focus-visible:before,.right.button.icon.hover_arrow_right:hover:before,.right.button.icon.hover_arrow_right:focus:before,.right.button.icon.hover_arrow_right:focus-visible:before,button.right.icon.arrow_right:before,.right.button.icon.arrow_right:before{margin-left:.5rem}button.small.icon.hover_arrow_right:hover:before,button.small.icon.hover_arrow_right:focus:before,button.small.icon.hover_arrow_right:focus-visible:before,.small.button.icon.hover_arrow_right:hover:before,.small.button.icon.hover_arrow_right:focus:before,.small.button.icon.hover_arrow_right:focus-visible:before,button.small.icon.arrow_right:before,.small.button.icon.arrow_right:before{margin-top:.25rem}button.left.small.icon.hover_arrow_right:hover:before,button.left.small.icon.hover_arrow_right:focus:before,button.left.small.icon.hover_arrow_right:focus-visible:before,.left.small.button.icon.hover_arrow_right:hover:before,.left.small.button.icon.hover_arrow_right:focus:before,.left.small.button.icon.hover_arrow_right:focus-visible:before,button.left.small.icon.arrow_right:before,.left.small.button.icon.arrow_right:before{margin-right:.4375rem}button.right.small.icon.hover_arrow_right:hover:before,button.right.small.icon.hover_arrow_right:focus:before,button.right.small.icon.hover_arrow_right:focus-visible:before,.right.small.button.icon.hover_arrow_right:hover:before,.right.small.button.icon.hover_arrow_right:focus:before,.right.small.button.icon.hover_arrow_right:focus-visible:before,button.right.small.icon.arrow_right:before,.right.small.button.icon.arrow_right:before{margin-left:.4375rem}button.icon.hover_arrow_corner-down_right:hover:before,button.icon.hover_arrow_corner-down_right:focus:before,button.icon.hover_arrow_corner-down_right:focus-visible:before,.button.icon.hover_arrow_corner-down_right:hover:before,.button.icon.hover_arrow_corner-down_right:focus:before,.button.icon.hover_arrow_corner-down_right:focus-visible:before,button.icon.arrow_corner-down_right:before,.button.icon.arrow_corner-down_right:before{-webkit-mask-image:url(https://storage.googleapis.com/apolitical-assets/icons/arrow_corner-down_right.svg);mask-image:url(https://storage.googleapis.com/apolitical-assets/icons/arrow_corner-down_right.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:100% auto;mask-size:100% auto;display:block}button.large.icon.hover_arrow_corner-down_right:hover:before,button.large.icon.hover_arrow_corner-down_right:focus:before,button.large.icon.hover_arrow_corner-down_right:focus-visible:before,.large.button.icon.hover_arrow_corner-down_right:hover:before,.large.button.icon.hover_arrow_corner-down_right:focus:before,.large.button.icon.hover_arrow_corner-down_right:focus-visible:before,button.large.icon.arrow_corner-down_right:before,.large.button.icon.arrow_corner-down_right:before{width:.75rem}button.large.icon.hover_arrow_corner-down_right:hover:before,button.large.icon.hover_arrow_corner-down_right:focus:before,button.large.icon.hover_arrow_corner-down_right:focus-visible:before,.large.button.icon.hover_arrow_corner-down_right:hover:before,.large.button.icon.hover_arrow_corner-down_right:focus:before,.large.button.icon.hover_arrow_corner-down_right:focus-visible:before,button.large.icon.arrow_corner-down_right:before,.large.button.icon.arrow_corner-down_right:before{height:.75rem}button.large.icon.hover_arrow_corner-down_right:hover:before,button.large.icon.hover_arrow_corner-down_right:focus:before,button.large.icon.hover_arrow_corner-down_right:focus-visible:before,.large.button.icon.hover_arrow_corner-down_right:hover:before,.large.button.icon.hover_arrow_corner-down_right:focus:before,.large.button.icon.hover_arrow_corner-down_right:focus-visible:before,button.large.icon.arrow_corner-down_right:before,.large.button.icon.arrow_corner-down_right:before{margin-top:.375rem}button.left.large.icon.hover_arrow_corner-down_right:hover:before,button.left.large.icon.hover_arrow_corner-down_right:focus:before,button.left.large.icon.hover_arrow_corner-down_right:focus-visible:before,.left.large.button.icon.hover_arrow_corner-down_right:hover:before,.left.large.button.icon.hover_arrow_corner-down_right:focus:before,.left.large.button.icon.hover_arrow_corner-down_right:focus-visible:before,button.left.large.icon.arrow_corner-down_right:before,.left.large.button.icon.arrow_corner-down_right:before{margin-right:.5rem}button.right.large.icon.hover_arrow_corner-down_right:hover:before,button.right.large.icon.hover_arrow_corner-down_right:focus:before,button.right.large.icon.hover_arrow_corner-down_right:focus-visible:before,.right.large.button.icon.hover_arrow_corner-down_right:hover:before,.right.large.button.icon.hover_arrow_corner-down_right:focus:before,.right.large.button.icon.hover_arrow_corner-down_right:focus-visible:before,button.right.large.icon.arrow_corner-down_right:before,.right.large.button.icon.arrow_corner-down_right:before{margin-left:.5rem}button.icon.hover_arrow_corner-down_right:hover:before,button.icon.hover_arrow_corner-down_right:focus:before,button.icon.hover_arrow_corner-down_right:focus-visible:before,.button.icon.hover_arrow_corner-down_right:hover:before,.button.icon.hover_arrow_corner-down_right:focus:before,.button.icon.hover_arrow_corner-down_right:focus-visible:before,button.icon.arrow_corner-down_right:before,.button.icon.arrow_corner-down_right:before{width:.75rem}button.icon.hover_arrow_corner-down_right:hover:before,button.icon.hover_arrow_corner-down_right:focus:before,button.icon.hover_arrow_corner-down_right:focus-visible:before,.button.icon.hover_arrow_corner-down_right:hover:before,.button.icon.hover_arrow_corner-down_right:focus:before,.button.icon.hover_arrow_corner-down_right:focus-visible:before,button.icon.arrow_corner-down_right:before,.button.icon.arrow_corner-down_right:before{height:.75rem}button.icon.hover_arrow_corner-down_right:hover:before,button.icon.hover_arrow_corner-down_right:focus:before,button.icon.hover_arrow_corner-down_right:focus-visible:before,.button.icon.hover_arrow_corner-down_right:hover:before,.button.icon.hover_arrow_corner-down_right:focus:before,.button.icon.hover_arrow_corner-down_right:focus-visible:before,button.icon.arrow_corner-down_right:before,.button.icon.arrow_corner-down_right:before{margin-top:.25rem}button.left.icon.hover_arrow_corner-down_right:hover:before,button.left.icon.hover_arrow_corner-down_right:focus:before,button.left.icon.hover_arrow_corner-down_right:focus-visible:before,.left.button.icon.hover_arrow_corner-down_right:hover:before,.left.button.icon.hover_arrow_corner-down_right:focus:before,.left.button.icon.hover_arrow_corner-down_right:focus-visible:before,button.left.icon.arrow_corner-down_right:before,.left.button.icon.arrow_corner-down_right:before{margin-right:.75rem}button.right.icon.hover_arrow_corner-down_right:hover:before,button.right.icon.hover_arrow_corner-down_right:focus:before,button.right.icon.hover_arrow_corner-down_right:focus-visible:before,.right.button.icon.hover_arrow_corner-down_right:hover:before,.right.button.icon.hover_arrow_corner-down_right:focus:before,.right.button.icon.hover_arrow_corner-down_right:focus-visible:before,button.right.icon.arrow_corner-down_right:before,.right.button.icon.arrow_corner-down_right:before{margin-left:.75rem}button.icon.hover_arrow_corner-down_left:hover:before,button.icon.hover_arrow_corner-down_left:focus:before,button.icon.hover_arrow_corner-down_left:focus-visible:before,.button.icon.hover_arrow_corner-down_left:hover:before,.button.icon.hover_arrow_corner-down_left:focus:before,.button.icon.hover_arrow_corner-down_left:focus-visible:before,button.icon.arrow_corner-down_left:before,.button.icon.arrow_corner-down_left:before{-webkit-mask-image:url(https://storage.googleapis.com/apolitical-assets/icons/arrow_corner-down_left.svg);mask-image:url(https://storage.googleapis.com/apolitical-assets/icons/arrow_corner-down_left.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:100% auto;mask-size:100% auto;display:block}button.large.icon.hover_arrow_corner-down_left:hover:before,button.large.icon.hover_arrow_corner-down_left:focus:before,button.large.icon.hover_arrow_corner-down_left:focus-visible:before,.large.button.icon.hover_arrow_corner-down_left:hover:before,.large.button.icon.hover_arrow_corner-down_left:focus:before,.large.button.icon.hover_arrow_corner-down_left:focus-visible:before,button.large.icon.arrow_corner-down_left:before,.large.button.icon.arrow_corner-down_left:before{width:.75rem}button.large.icon.hover_arrow_corner-down_left:hover:before,button.large.icon.hover_arrow_corner-down_left:focus:before,button.large.icon.hover_arrow_corner-down_left:focus-visible:before,.large.button.icon.hover_arrow_corner-down_left:hover:before,.large.button.icon.hover_arrow_corner-down_left:focus:before,.large.button.icon.hover_arrow_corner-down_left:focus-visible:before,button.large.icon.arrow_corner-down_left:before,.large.button.icon.arrow_corner-down_left:before{height:.75rem}button.large.icon.hover_arrow_corner-down_left:hover:before,button.large.icon.hover_arrow_corner-down_left:focus:before,button.large.icon.hover_arrow_corner-down_left:focus-visible:before,.large.button.icon.hover_arrow_corner-down_left:hover:before,.large.button.icon.hover_arrow_corner-down_left:focus:before,.large.button.icon.hover_arrow_corner-down_left:focus-visible:before,button.large.icon.arrow_corner-down_left:before,.large.button.icon.arrow_corner-down_left:before{margin-top:.375rem}button.left.large.icon.hover_arrow_corner-down_left:hover:before,button.left.large.icon.hover_arrow_corner-down_left:focus:before,button.left.large.icon.hover_arrow_corner-down_left:focus-visible:before,.left.large.button.icon.hover_arrow_corner-down_left:hover:before,.left.large.button.icon.hover_arrow_corner-down_left:focus:before,.left.large.button.icon.hover_arrow_corner-down_left:focus-visible:before,button.left.large.icon.arrow_corner-down_left:before,.left.large.button.icon.arrow_corner-down_left:before{margin-right:.5rem}button.right.large.icon.hover_arrow_corner-down_left:hover:before,button.right.large.icon.hover_arrow_corner-down_left:focus:before,button.right.large.icon.hover_arrow_corner-down_left:focus-visible:before,.right.large.button.icon.hover_arrow_corner-down_left:hover:before,.right.large.button.icon.hover_arrow_corner-down_left:focus:before,.right.large.button.icon.hover_arrow_corner-down_left:focus-visible:before,button.right.large.icon.arrow_corner-down_left:before,.right.large.button.icon.arrow_corner-down_left:before{margin-left:.5rem}button.icon.hover_arrow_corner-down_left:hover:before,button.icon.hover_arrow_corner-down_left:focus:before,button.icon.hover_arrow_corner-down_left:focus-visible:before,.button.icon.hover_arrow_corner-down_left:hover:before,.button.icon.hover_arrow_corner-down_left:focus:before,.button.icon.hover_arrow_corner-down_left:focus-visible:before,button.icon.arrow_corner-down_left:before,.button.icon.arrow_corner-down_left:before{width:.75rem}button.icon.hover_arrow_corner-down_left:hover:before,button.icon.hover_arrow_corner-down_left:focus:before,button.icon.hover_arrow_corner-down_left:focus-visible:before,.button.icon.hover_arrow_corner-down_left:hover:before,.button.icon.hover_arrow_corner-down_left:focus:before,.button.icon.hover_arrow_corner-down_left:focus-visible:before,button.icon.arrow_corner-down_left:before,.button.icon.arrow_corner-down_left:before{height:.75rem}button.icon.hover_arrow_corner-down_left:hover:before,button.icon.hover_arrow_corner-down_left:focus:before,button.icon.hover_arrow_corner-down_left:focus-visible:before,.button.icon.hover_arrow_corner-down_left:hover:before,.button.icon.hover_arrow_corner-down_left:focus:before,.button.icon.hover_arrow_corner-down_left:focus-visible:before,button.icon.arrow_corner-down_left:before,.button.icon.arrow_corner-down_left:before{margin-top:.25rem}button.left.icon.hover_arrow_corner-down_left:hover:before,button.left.icon.hover_arrow_corner-down_left:focus:before,button.left.icon.hover_arrow_corner-down_left:focus-visible:before,.left.button.icon.hover_arrow_corner-down_left:hover:before,.left.button.icon.hover_arrow_corner-down_left:focus:before,.left.button.icon.hover_arrow_corner-down_left:focus-visible:before,button.left.icon.arrow_corner-down_left:before,.left.button.icon.arrow_corner-down_left:before{margin-right:.75rem}button.right.icon.hover_arrow_corner-down_left:hover:before,button.right.icon.hover_arrow_corner-down_left:focus:before,button.right.icon.hover_arrow_corner-down_left:focus-visible:before,.right.button.icon.hover_arrow_corner-down_left:hover:before,.right.button.icon.hover_arrow_corner-down_left:focus:before,.right.button.icon.hover_arrow_corner-down_left:focus-visible:before,button.right.icon.arrow_corner-down_left:before,.right.button.icon.arrow_corner-down_left:before{margin-left:.75rem}button.icon.hover_arrow-down:hover:before,button.icon.hover_arrow-down:focus:before,button.icon.hover_arrow-down:focus-visible:before,.button.icon.hover_arrow-down:hover:before,.button.icon.hover_arrow-down:focus:before,.button.icon.hover_arrow-down:focus-visible:before,button.icon.arrow-down:before,.button.icon.arrow-down:before{-webkit-mask-image:url(https://storage.googleapis.com/apolitical-assets/icons/arrow-down.svg);mask-image:url(https://storage.googleapis.com/apolitical-assets/icons/arrow-down.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:100% auto;mask-size:100% auto;display:block}button.large.icon.hover_arrow-down:hover:before,button.large.icon.hover_arrow-down:focus:before,button.large.icon.hover_arrow-down:focus-visible:before,.large.button.icon.hover_arrow-down:hover:before,.large.button.icon.hover_arrow-down:focus:before,.large.button.icon.hover_arrow-down:focus-visible:before,button.large.icon.arrow-down:before,.large.button.icon.arrow-down:before{margin-top:.25rem}button.left.large.icon.hover_arrow-down:hover:before,button.left.large.icon.hover_arrow-down:focus:before,button.left.large.icon.hover_arrow-down:focus-visible:before,.left.large.button.icon.hover_arrow-down:hover:before,.left.large.button.icon.hover_arrow-down:focus:before,.left.large.button.icon.hover_arrow-down:focus-visible:before,button.left.large.icon.arrow-down:before,.left.large.button.icon.arrow-down:before{margin-right:.625rem}button.right.large.icon.hover_arrow-down:hover:before,button.right.large.icon.hover_arrow-down:focus:before,button.right.large.icon.hover_arrow-down:focus-visible:before,.right.large.button.icon.hover_arrow-down:hover:before,.right.large.button.icon.hover_arrow-down:focus:before,.right.large.button.icon.hover_arrow-down:focus-visible:before,button.right.large.icon.arrow-down:before,.right.large.button.icon.arrow-down:before{margin-left:.625rem}button.icon.hover_arrow-down:hover:before,button.icon.hover_arrow-down:focus:before,button.icon.hover_arrow-down:focus-visible:before,.button.icon.hover_arrow-down:hover:before,.button.icon.hover_arrow-down:focus:before,.button.icon.hover_arrow-down:focus-visible:before,button.icon.arrow-down:before,.button.icon.arrow-down:before{margin-top:.1875rem}button.left.icon.hover_arrow-down:hover:before,button.left.icon.hover_arrow-down:focus:before,button.left.icon.hover_arrow-down:focus-visible:before,.left.button.icon.hover_arrow-down:hover:before,.left.button.icon.hover_arrow-down:focus:before,.left.button.icon.hover_arrow-down:focus-visible:before,button.left.icon.arrow-down:before,.left.button.icon.arrow-down:before{margin-right:.5rem}button.right.icon.hover_arrow-down:hover:before,button.right.icon.hover_arrow-down:focus:before,button.right.icon.hover_arrow-down:focus-visible:before,.right.button.icon.hover_arrow-down:hover:before,.right.button.icon.hover_arrow-down:focus:before,.right.button.icon.hover_arrow-down:focus-visible:before,button.right.icon.arrow-down:before,.right.button.icon.arrow-down:before{margin-left:.5rem}button.small.icon.hover_arrow-down:hover:before,button.small.icon.hover_arrow-down:focus:before,button.small.icon.hover_arrow-down:focus-visible:before,.small.button.icon.hover_arrow-down:hover:before,.small.button.icon.hover_arrow-down:focus:before,.small.button.icon.hover_arrow-down:focus-visible:before,button.small.icon.arrow-down:before,.small.button.icon.arrow-down:before{margin-top:.25rem}button.icon.hover_chevron_left:hover:before,button.icon.hover_chevron_left:focus:before,button.icon.hover_chevron_left:focus-visible:before,.button.icon.hover_chevron_left:hover:before,.button.icon.hover_chevron_left:focus:before,.button.icon.hover_chevron_left:focus-visible:before,button.icon.chevron_left:before,.button.icon.chevron_left:before{-webkit-mask-image:url(https://storage.googleapis.com/apolitical-assets/icons/chevron_left.svg);mask-image:url(https://storage.googleapis.com/apolitical-assets/icons/chevron_left.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:100% auto;mask-size:100% auto;display:block}button.large.icon.hover_chevron_left:hover:before,button.large.icon.hover_chevron_left:focus:before,button.large.icon.hover_chevron_left:focus-visible:before,.large.button.icon.hover_chevron_left:hover:before,.large.button.icon.hover_chevron_left:focus:before,.large.button.icon.hover_chevron_left:focus-visible:before,button.large.icon.chevron_left:before,.large.button.icon.chevron_left:before{width:1rem}button.large.icon.hover_chevron_left:hover:before,button.large.icon.hover_chevron_left:focus:before,button.large.icon.hover_chevron_left:focus-visible:before,.large.button.icon.hover_chevron_left:hover:before,.large.button.icon.hover_chevron_left:focus:before,.large.button.icon.hover_chevron_left:focus-visible:before,button.large.icon.chevron_left:before,.large.button.icon.chevron_left:before{height:1rem}button.large.icon.hover_chevron_left:hover:before,button.large.icon.hover_chevron_left:focus:before,button.large.icon.hover_chevron_left:focus-visible:before,.large.button.icon.hover_chevron_left:hover:before,.large.button.icon.hover_chevron_left:focus:before,.large.button.icon.hover_chevron_left:focus-visible:before,button.large.icon.chevron_left:before,.large.button.icon.chevron_left:before{margin-top:.25rem}button.left.large.icon.hover_chevron_left:hover:before,button.left.large.icon.hover_chevron_left:focus:before,button.left.large.icon.hover_chevron_left:focus-visible:before,.left.large.button.icon.hover_chevron_left:hover:before,.left.large.button.icon.hover_chevron_left:focus:before,.left.large.button.icon.hover_chevron_left:focus-visible:before,button.left.large.icon.chevron_left:before,.left.large.button.icon.chevron_left:before{margin-right:.5rem}button.right.large.icon.hover_chevron_left:hover:before,button.right.large.icon.hover_chevron_left:focus:before,button.right.large.icon.hover_chevron_left:focus-visible:before,.right.large.button.icon.hover_chevron_left:hover:before,.right.large.button.icon.hover_chevron_left:focus:before,.right.large.button.icon.hover_chevron_left:focus-visible:before,button.right.large.icon.chevron_left:before,.right.large.button.icon.chevron_left:before{margin-left:.5rem}button.icon.hover_chevron_left:hover:before,button.icon.hover_chevron_left:focus:before,button.icon.hover_chevron_left:focus-visible:before,.button.icon.hover_chevron_left:hover:before,.button.icon.hover_chevron_left:focus:before,.button.icon.hover_chevron_left:focus-visible:before,button.icon.chevron_left:before,.button.icon.chevron_left:before{width:.875rem}button.icon.hover_chevron_left:hover:before,button.icon.hover_chevron_left:focus:before,button.icon.hover_chevron_left:focus-visible:before,.button.icon.hover_chevron_left:hover:before,.button.icon.hover_chevron_left:focus:before,.button.icon.hover_chevron_left:focus-visible:before,button.icon.chevron_left:before,.button.icon.chevron_left:before{height:.875rem}button.icon.hover_chevron_left:hover:before,button.icon.hover_chevron_left:focus:before,button.icon.hover_chevron_left:focus-visible:before,.button.icon.hover_chevron_left:hover:before,.button.icon.hover_chevron_left:focus:before,.button.icon.hover_chevron_left:focus-visible:before,button.icon.chevron_left:before,.button.icon.chevron_left:before{margin-top:.1875rem}button.left.icon.hover_chevron_left:hover:before,button.left.icon.hover_chevron_left:focus:before,button.left.icon.hover_chevron_left:focus-visible:before,.left.button.icon.hover_chevron_left:hover:before,.left.button.icon.hover_chevron_left:focus:before,.left.button.icon.hover_chevron_left:focus-visible:before,button.left.icon.chevron_left:before,.left.button.icon.chevron_left:before{margin-right:.5rem}button.right.icon.hover_chevron_left:hover:before,button.right.icon.hover_chevron_left:focus:before,button.right.icon.hover_chevron_left:focus-visible:before,.right.button.icon.hover_chevron_left:hover:before,.right.button.icon.hover_chevron_left:focus:before,.right.button.icon.hover_chevron_left:focus-visible:before,button.right.icon.chevron_left:before,.right.button.icon.chevron_left:before{margin-left:.5rem}button.small.icon.hover_chevron_left:hover:before,button.small.icon.hover_chevron_left:focus:before,button.small.icon.hover_chevron_left:focus-visible:before,.small.button.icon.hover_chevron_left:hover:before,.small.button.icon.hover_chevron_left:focus:before,.small.button.icon.hover_chevron_left:focus-visible:before,button.small.icon.chevron_left:before,.small.button.icon.chevron_left:before{width:.875rem}button.small.icon.hover_chevron_left:hover:before,button.small.icon.hover_chevron_left:focus:before,button.small.icon.hover_chevron_left:focus-visible:before,.small.button.icon.hover_chevron_left:hover:before,.small.button.icon.hover_chevron_left:focus:before,.small.button.icon.hover_chevron_left:focus-visible:before,button.small.icon.chevron_left:before,.small.button.icon.chevron_left:before{height:.875rem}button.icon.hover_chevron_right:hover:before,button.icon.hover_chevron_right:focus:before,button.icon.hover_chevron_right:focus-visible:before,.button.icon.hover_chevron_right:hover:before,.button.icon.hover_chevron_right:focus:before,.button.icon.hover_chevron_right:focus-visible:before,button.icon.chevron_right:before,.button.icon.chevron_right:before{-webkit-mask-image:url(https://storage.googleapis.com/apolitical-assets/icons/chevron_right.svg);mask-image:url(https://storage.googleapis.com/apolitical-assets/icons/chevron_right.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:100% auto;mask-size:100% auto;display:block}button.large.icon.hover_chevron_right:hover:before,button.large.icon.hover_chevron_right:focus:before,button.large.icon.hover_chevron_right:focus-visible:before,.large.button.icon.hover_chevron_right:hover:before,.large.button.icon.hover_chevron_right:focus:before,.large.button.icon.hover_chevron_right:focus-visible:before,button.large.icon.chevron_right:before,.large.button.icon.chevron_right:before{width:1rem}button.large.icon.hover_chevron_right:hover:before,button.large.icon.hover_chevron_right:focus:before,button.large.icon.hover_chevron_right:focus-visible:before,.large.button.icon.hover_chevron_right:hover:before,.large.button.icon.hover_chevron_right:focus:before,.large.button.icon.hover_chevron_right:focus-visible:before,button.large.icon.chevron_right:before,.large.button.icon.chevron_right:before{height:1rem}button.large.icon.hover_chevron_right:hover:before,button.large.icon.hover_chevron_right:focus:before,button.large.icon.hover_chevron_right:focus-visible:before,.large.button.icon.hover_chevron_right:hover:before,.large.button.icon.hover_chevron_right:focus:before,.large.button.icon.hover_chevron_right:focus-visible:before,button.large.icon.chevron_right:before,.large.button.icon.chevron_right:before{margin-top:.25rem}button.left.large.icon.hover_chevron_right:hover:before,button.left.large.icon.hover_chevron_right:focus:before,button.left.large.icon.hover_chevron_right:focus-visible:before,.left.large.button.icon.hover_chevron_right:hover:before,.left.large.button.icon.hover_chevron_right:focus:before,.left.large.button.icon.hover_chevron_right:focus-visible:before,button.left.large.icon.chevron_right:before,.left.large.button.icon.chevron_right:before{margin-right:.5rem}button.right.large.icon.hover_chevron_right:hover:before,button.right.large.icon.hover_chevron_right:focus:before,button.right.large.icon.hover_chevron_right:focus-visible:before,.right.large.button.icon.hover_chevron_right:hover:before,.right.large.button.icon.hover_chevron_right:focus:before,.right.large.button.icon.hover_chevron_right:focus-visible:before,button.right.large.icon.chevron_right:before,.right.large.button.icon.chevron_right:before{margin-left:.5rem}button.icon.hover_chevron_right:hover:before,button.icon.hover_chevron_right:focus:before,button.icon.hover_chevron_right:focus-visible:before,.button.icon.hover_chevron_right:hover:before,.button.icon.hover_chevron_right:focus:before,.button.icon.hover_chevron_right:focus-visible:before,button.icon.chevron_right:before,.button.icon.chevron_right:before{width:.875rem}button.icon.hover_chevron_right:hover:before,button.icon.hover_chevron_right:focus:before,button.icon.hover_chevron_right:focus-visible:before,.button.icon.hover_chevron_right:hover:before,.button.icon.hover_chevron_right:focus:before,.button.icon.hover_chevron_right:focus-visible:before,button.icon.chevron_right:before,.button.icon.chevron_right:before{height:.875rem}button.icon.hover_chevron_right:hover:before,button.icon.hover_chevron_right:focus:before,button.icon.hover_chevron_right:focus-visible:before,.button.icon.hover_chevron_right:hover:before,.button.icon.hover_chevron_right:focus:before,.button.icon.hover_chevron_right:focus-visible:before,button.icon.chevron_right:before,.button.icon.chevron_right:before{margin-top:.1875rem}button.left.icon.hover_chevron_right:hover:before,button.left.icon.hover_chevron_right:focus:before,button.left.icon.hover_chevron_right:focus-visible:before,.left.button.icon.hover_chevron_right:hover:before,.left.button.icon.hover_chevron_right:focus:before,.left.button.icon.hover_chevron_right:focus-visible:before,button.left.icon.chevron_right:before,.left.button.icon.chevron_right:before{margin-right:.5rem}button.right.icon.hover_chevron_right:hover:before,button.right.icon.hover_chevron_right:focus:before,button.right.icon.hover_chevron_right:focus-visible:before,.right.button.icon.hover_chevron_right:hover:before,.right.button.icon.hover_chevron_right:focus:before,.right.button.icon.hover_chevron_right:focus-visible:before,button.right.icon.chevron_right:before,.right.button.icon.chevron_right:before{margin-left:.5rem}button.small.icon.hover_chevron_right:hover:before,button.small.icon.hover_chevron_right:focus:before,button.small.icon.hover_chevron_right:focus-visible:before,.small.button.icon.hover_chevron_right:hover:before,.small.button.icon.hover_chevron_right:focus:before,.small.button.icon.hover_chevron_right:focus-visible:before,button.small.icon.chevron_right:before,.small.button.icon.chevron_right:before{width:.875rem}button.small.icon.hover_chevron_right:hover:before,button.small.icon.hover_chevron_right:focus:before,button.small.icon.hover_chevron_right:focus-visible:before,.small.button.icon.hover_chevron_right:hover:before,.small.button.icon.hover_chevron_right:focus:before,.small.button.icon.hover_chevron_right:focus-visible:before,button.small.icon.chevron_right:before,.small.button.icon.chevron_right:before{height:.875rem}button.icon.hover_heart:hover:before,button.icon.hover_heart:focus:before,button.icon.hover_heart:focus-visible:before,.button.icon.hover_heart:hover:before,.button.icon.hover_heart:focus:before,.button.icon.hover_heart:focus-visible:before,button.icon.heart:before,.button.icon.heart:before{-webkit-mask-image:url(https://storage.googleapis.com/apolitical-assets/icons/heart.svg);mask-image:url(https://storage.googleapis.com/apolitical-assets/icons/heart.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:100% auto;mask-size:100% auto;display:block}button.large.icon.hover_heart:hover:before,button.large.icon.hover_heart:focus:before,button.large.icon.hover_heart:focus-visible:before,.large.button.icon.hover_heart:hover:before,.large.button.icon.hover_heart:focus:before,.large.button.icon.hover_heart:focus-visible:before,button.large.icon.heart:before,.large.button.icon.heart:before{width:1.375rem}button.large.icon.hover_heart:hover:before,button.large.icon.hover_heart:focus:before,button.large.icon.hover_heart:focus-visible:before,.large.button.icon.hover_heart:hover:before,.large.button.icon.hover_heart:focus:before,.large.button.icon.hover_heart:focus-visible:before,button.large.icon.heart:before,.large.button.icon.heart:before{height:1.375rem}button.large.icon.hover_heart:hover:before,button.large.icon.hover_heart:focus:before,button.large.icon.hover_heart:focus-visible:before,.large.button.icon.hover_heart:hover:before,.large.button.icon.hover_heart:focus:before,.large.button.icon.hover_heart:focus-visible:before,button.large.icon.heart:before,.large.button.icon.heart:before{margin-top:0rem}button.left.large.icon.hover_heart:hover:before,button.left.large.icon.hover_heart:focus:before,button.left.large.icon.hover_heart:focus-visible:before,.left.large.button.icon.hover_heart:hover:before,.left.large.button.icon.hover_heart:focus:before,.left.large.button.icon.hover_heart:focus-visible:before,button.left.large.icon.heart:before,.left.large.button.icon.heart:before{margin-right:.625rem}button.right.large.icon.hover_heart:hover:before,button.right.large.icon.hover_heart:focus:before,button.right.large.icon.hover_heart:focus-visible:before,.right.large.button.icon.hover_heart:hover:before,.right.large.button.icon.hover_heart:focus:before,.right.large.button.icon.hover_heart:focus-visible:before,button.right.large.icon.heart:before,.right.large.button.icon.heart:before{margin-left:.625rem}button.icon.hover_heart:hover:before,button.icon.hover_heart:focus:before,button.icon.hover_heart:focus-visible:before,.button.icon.hover_heart:hover:before,.button.icon.hover_heart:focus:before,.button.icon.hover_heart:focus-visible:before,button.icon.heart:before,.button.icon.heart:before{width:1.125rem}button.icon.hover_heart:hover:before,button.icon.hover_heart:focus:before,button.icon.hover_heart:focus-visible:before,.button.icon.hover_heart:hover:before,.button.icon.hover_heart:focus:before,.button.icon.hover_heart:focus-visible:before,button.icon.heart:before,.button.icon.heart:before{height:1.125rem}button.icon.hover_heart:hover:before,button.icon.hover_heart:focus:before,button.icon.hover_heart:focus-visible:before,.button.icon.hover_heart:hover:before,.button.icon.hover_heart:focus:before,.button.icon.hover_heart:focus-visible:before,button.icon.heart:before,.button.icon.heart:before{margin-top:.0625rem}button.small.icon.hover_heart:hover:before,button.small.icon.hover_heart:focus:before,button.small.icon.hover_heart:focus-visible:before,.small.button.icon.hover_heart:hover:before,.small.button.icon.hover_heart:focus:before,.small.button.icon.hover_heart:focus-visible:before,button.small.icon.heart:before,.small.button.icon.heart:before{margin-top:.1875rem}button.left.small.icon.hover_heart:hover:before,button.left.small.icon.hover_heart:focus:before,button.left.small.icon.hover_heart:focus-visible:before,.left.small.button.icon.hover_heart:hover:before,.left.small.button.icon.hover_heart:focus:before,.left.small.button.icon.hover_heart:focus-visible:before,button.left.small.icon.heart:before,.left.small.button.icon.heart:before{margin-right:.625rem}button.right.small.icon.hover_heart:hover:before,button.right.small.icon.hover_heart:focus:before,button.right.small.icon.hover_heart:focus-visible:before,.right.small.button.icon.hover_heart:hover:before,.right.small.button.icon.hover_heart:focus:before,.right.small.button.icon.hover_heart:focus-visible:before,button.right.small.icon.heart:before,.right.small.button.icon.heart:before{margin-left:.625rem}button.icon.hover_heart_empty:hover:before,button.icon.hover_heart_empty:focus:before,button.icon.hover_heart_empty:focus-visible:before,.button.icon.hover_heart_empty:hover:before,.button.icon.hover_heart_empty:focus:before,.button.icon.hover_heart_empty:focus-visible:before,button.icon.heart_empty:before,.button.icon.heart_empty:before{-webkit-mask-image:url(https://storage.googleapis.com/apolitical-assets/icons/heart_empty.svg);mask-image:url(https://storage.googleapis.com/apolitical-assets/icons/heart_empty.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:100% auto;mask-size:100% auto;display:block}button.large.icon.hover_heart_empty:hover:before,button.large.icon.hover_heart_empty:focus:before,button.large.icon.hover_heart_empty:focus-visible:before,.large.button.icon.hover_heart_empty:hover:before,.large.button.icon.hover_heart_empty:focus:before,.large.button.icon.hover_heart_empty:focus-visible:before,button.large.icon.heart_empty:before,.large.button.icon.heart_empty:before{width:1.375rem}button.large.icon.hover_heart_empty:hover:before,button.large.icon.hover_heart_empty:focus:before,button.large.icon.hover_heart_empty:focus-visible:before,.large.button.icon.hover_heart_empty:hover:before,.large.button.icon.hover_heart_empty:focus:before,.large.button.icon.hover_heart_empty:focus-visible:before,button.large.icon.heart_empty:before,.large.button.icon.heart_empty:before{height:1.375rem}button.large.icon.hover_heart_empty:hover:before,button.large.icon.hover_heart_empty:focus:before,button.large.icon.hover_heart_empty:focus-visible:before,.large.button.icon.hover_heart_empty:hover:before,.large.button.icon.hover_heart_empty:focus:before,.large.button.icon.hover_heart_empty:focus-visible:before,button.large.icon.heart_empty:before,.large.button.icon.heart_empty:before{margin-top:0rem}button.left.large.icon.hover_heart_empty:hover:before,button.left.large.icon.hover_heart_empty:focus:before,button.left.large.icon.hover_heart_empty:focus-visible:before,.left.large.button.icon.hover_heart_empty:hover:before,.left.large.button.icon.hover_heart_empty:focus:before,.left.large.button.icon.hover_heart_empty:focus-visible:before,button.left.large.icon.heart_empty:before,.left.large.button.icon.heart_empty:before{margin-right:.625rem}button.right.large.icon.hover_heart_empty:hover:before,button.right.large.icon.hover_heart_empty:focus:before,button.right.large.icon.hover_heart_empty:focus-visible:before,.right.large.button.icon.hover_heart_empty:hover:before,.right.large.button.icon.hover_heart_empty:focus:before,.right.large.button.icon.hover_heart_empty:focus-visible:before,button.right.large.icon.heart_empty:before,.right.large.button.icon.heart_empty:before{margin-left:.625rem}button.icon.hover_heart_empty:hover:before,button.icon.hover_heart_empty:focus:before,button.icon.hover_heart_empty:focus-visible:before,.button.icon.hover_heart_empty:hover:before,.button.icon.hover_heart_empty:focus:before,.button.icon.hover_heart_empty:focus-visible:before,button.icon.heart_empty:before,.button.icon.heart_empty:before{width:1.125rem}button.icon.hover_heart_empty:hover:before,button.icon.hover_heart_empty:focus:before,button.icon.hover_heart_empty:focus-visible:before,.button.icon.hover_heart_empty:hover:before,.button.icon.hover_heart_empty:focus:before,.button.icon.hover_heart_empty:focus-visible:before,button.icon.heart_empty:before,.button.icon.heart_empty:before{height:1.125rem}button.icon.hover_heart_empty:hover:before,button.icon.hover_heart_empty:focus:before,button.icon.hover_heart_empty:focus-visible:before,.button.icon.hover_heart_empty:hover:before,.button.icon.hover_heart_empty:focus:before,.button.icon.hover_heart_empty:focus-visible:before,button.icon.heart_empty:before,.button.icon.heart_empty:before{margin-top:.0625rem}button.small.icon.hover_heart_empty:hover:before,button.small.icon.hover_heart_empty:focus:before,button.small.icon.hover_heart_empty:focus-visible:before,.small.button.icon.hover_heart_empty:hover:before,.small.button.icon.hover_heart_empty:focus:before,.small.button.icon.hover_heart_empty:focus-visible:before,button.small.icon.heart_empty:before,.small.button.icon.heart_empty:before{margin-top:.1875rem}button.left.small.icon.hover_heart_empty:hover:before,button.left.small.icon.hover_heart_empty:focus:before,button.left.small.icon.hover_heart_empty:focus-visible:before,.left.small.button.icon.hover_heart_empty:hover:before,.left.small.button.icon.hover_heart_empty:focus:before,.left.small.button.icon.hover_heart_empty:focus-visible:before,button.left.small.icon.heart_empty:before,.left.small.button.icon.heart_empty:before{margin-right:.625rem}button.right.small.icon.hover_heart_empty:hover:before,button.right.small.icon.hover_heart_empty:focus:before,button.right.small.icon.hover_heart_empty:focus-visible:before,.right.small.button.icon.hover_heart_empty:hover:before,.right.small.button.icon.hover_heart_empty:focus:before,.right.small.button.icon.hover_heart_empty:focus-visible:before,button.right.small.icon.heart_empty:before,.right.small.button.icon.heart_empty:before{margin-left:.625rem}button.icon.hover_navigation_arrow:hover:before,button.icon.hover_navigation_arrow:focus:before,button.icon.hover_navigation_arrow:focus-visible:before,.button.icon.hover_navigation_arrow:hover:before,.button.icon.hover_navigation_arrow:focus:before,.button.icon.hover_navigation_arrow:focus-visible:before,button.icon.navigation_arrow:before,.button.icon.navigation_arrow:before{-webkit-mask-image:url(https://storage.googleapis.com/apolitical-assets/icons/navigation_arrow.svg);mask-image:url(https://storage.googleapis.com/apolitical-assets/icons/navigation_arrow.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:100% auto;mask-size:100% auto;display:block}button.large.icon.hover_navigation_arrow:hover:before,button.large.icon.hover_navigation_arrow:focus:before,button.large.icon.hover_navigation_arrow:focus-visible:before,.large.button.icon.hover_navigation_arrow:hover:before,.large.button.icon.hover_navigation_arrow:focus:before,.large.button.icon.hover_navigation_arrow:focus-visible:before,button.large.icon.navigation_arrow:before,.large.button.icon.navigation_arrow:before{margin-top:.25rem}button.left.large.icon.hover_navigation_arrow:hover:before,button.left.large.icon.hover_navigation_arrow:focus:before,button.left.large.icon.hover_navigation_arrow:focus-visible:before,.left.large.button.icon.hover_navigation_arrow:hover:before,.left.large.button.icon.hover_navigation_arrow:focus:before,.left.large.button.icon.hover_navigation_arrow:focus-visible:before,button.left.large.icon.navigation_arrow:before,.left.large.button.icon.navigation_arrow:before{margin-right:.625rem}button.right.large.icon.hover_navigation_arrow:hover:before,button.right.large.icon.hover_navigation_arrow:focus:before,button.right.large.icon.hover_navigation_arrow:focus-visible:before,.right.large.button.icon.hover_navigation_arrow:hover:before,.right.large.button.icon.hover_navigation_arrow:focus:before,.right.large.button.icon.hover_navigation_arrow:focus-visible:before,button.right.large.icon.navigation_arrow:before,.right.large.button.icon.navigation_arrow:before{margin-left:.625rem}button.small.icon.hover_navigation_arrow:hover:before,button.small.icon.hover_navigation_arrow:focus:before,button.small.icon.hover_navigation_arrow:focus-visible:before,.small.button.icon.hover_navigation_arrow:hover:before,.small.button.icon.hover_navigation_arrow:focus:before,.small.button.icon.hover_navigation_arrow:focus-visible:before,button.small.icon.navigation_arrow:before,.small.button.icon.navigation_arrow:before{width:.875rem}button.small.icon.hover_navigation_arrow:hover:before,button.small.icon.hover_navigation_arrow:focus:before,button.small.icon.hover_navigation_arrow:focus-visible:before,.small.button.icon.hover_navigation_arrow:hover:before,.small.button.icon.hover_navigation_arrow:focus:before,.small.button.icon.hover_navigation_arrow:focus-visible:before,button.small.icon.navigation_arrow:before,.small.button.icon.navigation_arrow:before{height:.875rem}button.left.small.icon.hover_navigation_arrow:hover:before,button.left.small.icon.hover_navigation_arrow:focus:before,button.left.small.icon.hover_navigation_arrow:focus-visible:before,.left.small.button.icon.hover_navigation_arrow:hover:before,.left.small.button.icon.hover_navigation_arrow:focus:before,.left.small.button.icon.hover_navigation_arrow:focus-visible:before,button.left.small.icon.navigation_arrow:before,.left.small.button.icon.navigation_arrow:before{margin-right:.625rem}button.right.small.icon.hover_navigation_arrow:hover:before,button.right.small.icon.hover_navigation_arrow:focus:before,button.right.small.icon.hover_navigation_arrow:focus-visible:before,.right.small.button.icon.hover_navigation_arrow:hover:before,.right.small.button.icon.hover_navigation_arrow:focus:before,.right.small.button.icon.hover_navigation_arrow:focus-visible:before,button.right.small.icon.navigation_arrow:before,.right.small.button.icon.navigation_arrow:before{margin-left:.625rem}button.icon.hover_pencil:hover:before,button.icon.hover_pencil:focus:before,button.icon.hover_pencil:focus-visible:before,.button.icon.hover_pencil:hover:before,.button.icon.hover_pencil:focus:before,.button.icon.hover_pencil:focus-visible:before,button.icon.pencil:before,.button.icon.pencil:before{-webkit-mask-image:url(https://storage.googleapis.com/apolitical-assets/icons/pencil.svg);mask-image:url(https://storage.googleapis.com/apolitical-assets/icons/pencil.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:100% auto;mask-size:100% auto;display:block}button.left.icon.hover_pencil:hover:before,button.left.icon.hover_pencil:focus:before,button.left.icon.hover_pencil:focus-visible:before,.left.button.icon.hover_pencil:hover:before,.left.button.icon.hover_pencil:focus:before,.left.button.icon.hover_pencil:focus-visible:before,button.left.icon.pencil:before,.left.button.icon.pencil:before{margin-right:.6875rem}button.right.icon.hover_pencil:hover:before,button.right.icon.hover_pencil:focus:before,button.right.icon.hover_pencil:focus-visible:before,.right.button.icon.hover_pencil:hover:before,.right.button.icon.hover_pencil:focus:before,.right.button.icon.hover_pencil:focus-visible:before,button.right.icon.pencil:before,.right.button.icon.pencil:before{margin-left:.6875rem}button.small.icon.hover_pencil:hover:before,button.small.icon.hover_pencil:focus:before,button.small.icon.hover_pencil:focus-visible:before,.small.button.icon.hover_pencil:hover:before,.small.button.icon.hover_pencil:focus:before,.small.button.icon.hover_pencil:focus-visible:before,button.small.icon.pencil:before,.small.button.icon.pencil:before{margin-top:.1875rem}button.left.small.icon.hover_pencil:hover:before,button.left.small.icon.hover_pencil:focus:before,button.left.small.icon.hover_pencil:focus-visible:before,.left.small.button.icon.hover_pencil:hover:before,.left.small.button.icon.hover_pencil:focus:before,.left.small.button.icon.hover_pencil:focus-visible:before,button.left.small.icon.pencil:before,.left.small.button.icon.pencil:before{margin-right:.5625rem}button.right.small.icon.hover_pencil:hover:before,button.right.small.icon.hover_pencil:focus:before,button.right.small.icon.hover_pencil:focus-visible:before,.right.small.button.icon.hover_pencil:hover:before,.right.small.button.icon.hover_pencil:focus:before,.right.small.button.icon.hover_pencil:focus-visible:before,button.right.small.icon.pencil:before,.right.small.button.icon.pencil:before{margin-left:.5625rem}button.icon.hover_speech-bubble_square_thick:hover:before,button.icon.hover_speech-bubble_square_thick:focus:before,button.icon.hover_speech-bubble_square_thick:focus-visible:before,.button.icon.hover_speech-bubble_square_thick:hover:before,.button.icon.hover_speech-bubble_square_thick:focus:before,.button.icon.hover_speech-bubble_square_thick:focus-visible:before,button.icon.speech-bubble_square_thick:before,.button.icon.speech-bubble_square_thick:before{-webkit-mask-image:url(https://storage.googleapis.com/apolitical-assets/icons/speech-bubble_square_thick.svg);mask-image:url(https://storage.googleapis.com/apolitical-assets/icons/speech-bubble_square_thick.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:100% auto;mask-size:100% auto;display:block}button.large.icon.hover_speech-bubble_square_thick:hover:before,button.large.icon.hover_speech-bubble_square_thick:focus:before,button.large.icon.hover_speech-bubble_square_thick:focus-visible:before,.large.button.icon.hover_speech-bubble_square_thick:hover:before,.large.button.icon.hover_speech-bubble_square_thick:focus:before,.large.button.icon.hover_speech-bubble_square_thick:focus-visible:before,button.large.icon.speech-bubble_square_thick:before,.large.button.icon.speech-bubble_square_thick:before{width:1.375rem}button.large.icon.hover_speech-bubble_square_thick:hover:before,button.large.icon.hover_speech-bubble_square_thick:focus:before,button.large.icon.hover_speech-bubble_square_thick:focus-visible:before,.large.button.icon.hover_speech-bubble_square_thick:hover:before,.large.button.icon.hover_speech-bubble_square_thick:focus:before,.large.button.icon.hover_speech-bubble_square_thick:focus-visible:before,button.large.icon.speech-bubble_square_thick:before,.large.button.icon.speech-bubble_square_thick:before{height:1.375rem}button.large.icon.hover_speech-bubble_square_thick:hover:before,button.large.icon.hover_speech-bubble_square_thick:focus:before,button.large.icon.hover_speech-bubble_square_thick:focus-visible:before,.large.button.icon.hover_speech-bubble_square_thick:hover:before,.large.button.icon.hover_speech-bubble_square_thick:focus:before,.large.button.icon.hover_speech-bubble_square_thick:focus-visible:before,button.large.icon.speech-bubble_square_thick:before,.large.button.icon.speech-bubble_square_thick:before{margin-top:0rem}button.left.large.icon.hover_speech-bubble_square_thick:hover:before,button.left.large.icon.hover_speech-bubble_square_thick:focus:before,button.left.large.icon.hover_speech-bubble_square_thick:focus-visible:before,.left.large.button.icon.hover_speech-bubble_square_thick:hover:before,.left.large.button.icon.hover_speech-bubble_square_thick:focus:before,.left.large.button.icon.hover_speech-bubble_square_thick:focus-visible:before,button.left.large.icon.speech-bubble_square_thick:before,.left.large.button.icon.speech-bubble_square_thick:before{margin-right:.625rem}button.right.large.icon.hover_speech-bubble_square_thick:hover:before,button.right.large.icon.hover_speech-bubble_square_thick:focus:before,button.right.large.icon.hover_speech-bubble_square_thick:focus-visible:before,.right.large.button.icon.hover_speech-bubble_square_thick:hover:before,.right.large.button.icon.hover_speech-bubble_square_thick:focus:before,.right.large.button.icon.hover_speech-bubble_square_thick:focus-visible:before,button.right.large.icon.speech-bubble_square_thick:before,.right.large.button.icon.speech-bubble_square_thick:before{margin-left:.625rem}button.icon.hover_speech-bubble_square_thick:hover:before,button.icon.hover_speech-bubble_square_thick:focus:before,button.icon.hover_speech-bubble_square_thick:focus-visible:before,.button.icon.hover_speech-bubble_square_thick:hover:before,.button.icon.hover_speech-bubble_square_thick:focus:before,.button.icon.hover_speech-bubble_square_thick:focus-visible:before,button.icon.speech-bubble_square_thick:before,.button.icon.speech-bubble_square_thick:before{width:1.125rem}button.icon.hover_speech-bubble_square_thick:hover:before,button.icon.hover_speech-bubble_square_thick:focus:before,button.icon.hover_speech-bubble_square_thick:focus-visible:before,.button.icon.hover_speech-bubble_square_thick:hover:before,.button.icon.hover_speech-bubble_square_thick:focus:before,.button.icon.hover_speech-bubble_square_thick:focus-visible:before,button.icon.speech-bubble_square_thick:before,.button.icon.speech-bubble_square_thick:before{height:1.125rem}button.icon.hover_speech-bubble_square_thick:hover:before,button.icon.hover_speech-bubble_square_thick:focus:before,button.icon.hover_speech-bubble_square_thick:focus-visible:before,.button.icon.hover_speech-bubble_square_thick:hover:before,.button.icon.hover_speech-bubble_square_thick:focus:before,.button.icon.hover_speech-bubble_square_thick:focus-visible:before,button.icon.speech-bubble_square_thick:before,.button.icon.speech-bubble_square_thick:before{margin-top:.0625rem}button.small.icon.hover_speech-bubble_square_thick:hover:before,button.small.icon.hover_speech-bubble_square_thick:focus:before,button.small.icon.hover_speech-bubble_square_thick:focus-visible:before,.small.button.icon.hover_speech-bubble_square_thick:hover:before,.small.button.icon.hover_speech-bubble_square_thick:focus:before,.small.button.icon.hover_speech-bubble_square_thick:focus-visible:before,button.small.icon.speech-bubble_square_thick:before,.small.button.icon.speech-bubble_square_thick:before{margin-top:.1875rem}button.left.small.icon.hover_speech-bubble_square_thick:hover:before,button.left.small.icon.hover_speech-bubble_square_thick:focus:before,button.left.small.icon.hover_speech-bubble_square_thick:focus-visible:before,.left.small.button.icon.hover_speech-bubble_square_thick:hover:before,.left.small.button.icon.hover_speech-bubble_square_thick:focus:before,.left.small.button.icon.hover_speech-bubble_square_thick:focus-visible:before,button.left.small.icon.speech-bubble_square_thick:before,.left.small.button.icon.speech-bubble_square_thick:before{margin-right:.625rem}button.right.small.icon.hover_speech-bubble_square_thick:hover:before,button.right.small.icon.hover_speech-bubble_square_thick:focus:before,button.right.small.icon.hover_speech-bubble_square_thick:focus-visible:before,.right.small.button.icon.hover_speech-bubble_square_thick:hover:before,.right.small.button.icon.hover_speech-bubble_square_thick:focus:before,.right.small.button.icon.hover_speech-bubble_square_thick:focus-visible:before,button.right.small.icon.speech-bubble_square_thick:before,.right.small.button.icon.speech-bubble_square_thick:before{margin-left:.625rem}button.icon.hover_star:hover:before,button.icon.hover_star:focus:before,button.icon.hover_star:focus-visible:before,.button.icon.hover_star:hover:before,.button.icon.hover_star:focus:before,.button.icon.hover_star:focus-visible:before,button.icon.star:before,.button.icon.star:before{-webkit-mask-image:url(https://storage.googleapis.com/apolitical-assets/icons/star.svg);mask-image:url(https://storage.googleapis.com/apolitical-assets/icons/star.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:100% auto;mask-size:100% auto;display:block}button.large.icon.hover_star:hover:before,button.large.icon.hover_star:focus:before,button.large.icon.hover_star:focus-visible:before,.large.button.icon.hover_star:hover:before,.large.button.icon.hover_star:focus:before,.large.button.icon.hover_star:focus-visible:before,button.large.icon.star:before,.large.button.icon.star:before{width:1rem}button.large.icon.hover_star:hover:before,button.large.icon.hover_star:focus:before,button.large.icon.hover_star:focus-visible:before,.large.button.icon.hover_star:hover:before,.large.button.icon.hover_star:focus:before,.large.button.icon.hover_star:focus-visible:before,button.large.icon.star:before,.large.button.icon.star:before{height:1rem}button.large.icon.hover_star:hover:before,button.large.icon.hover_star:focus:before,button.large.icon.hover_star:focus-visible:before,.large.button.icon.hover_star:hover:before,.large.button.icon.hover_star:focus:before,.large.button.icon.hover_star:focus-visible:before,button.large.icon.star:before,.large.button.icon.star:before{margin-top:0rem}button.left.large.icon.hover_star:hover:before,button.left.large.icon.hover_star:focus:before,button.left.large.icon.hover_star:focus-visible:before,.left.large.button.icon.hover_star:hover:before,.left.large.button.icon.hover_star:focus:before,.left.large.button.icon.hover_star:focus-visible:before,button.left.large.icon.star:before,.left.large.button.icon.star:before{margin-right:0rem}button.right.large.icon.hover_star:hover:before,button.right.large.icon.hover_star:focus:before,button.right.large.icon.hover_star:focus-visible:before,.right.large.button.icon.hover_star:hover:before,.right.large.button.icon.hover_star:focus:before,.right.large.button.icon.hover_star:focus-visible:before,button.right.large.icon.star:before,.right.large.button.icon.star:before{margin-left:0rem}button.icon.hover_star:hover:before,button.icon.hover_star:focus:before,button.icon.hover_star:focus-visible:before,.button.icon.hover_star:hover:before,.button.icon.hover_star:focus:before,.button.icon.hover_star:focus-visible:before,button.icon.star:before,.button.icon.star:before{margin-top:0rem}button.left.icon.hover_star:hover:before,button.left.icon.hover_star:focus:before,button.left.icon.hover_star:focus-visible:before,.left.button.icon.hover_star:hover:before,.left.button.icon.hover_star:focus:before,.left.button.icon.hover_star:focus-visible:before,button.left.icon.star:before,.left.button.icon.star:before{margin-right:0rem}button.right.icon.hover_star:hover:before,button.right.icon.hover_star:focus:before,button.right.icon.hover_star:focus-visible:before,.right.button.icon.hover_star:hover:before,.right.button.icon.hover_star:focus:before,.right.button.icon.hover_star:focus-visible:before,button.right.icon.star:before,.right.button.icon.star:before{margin-left:0rem}button.small.icon.hover_star:hover:before,button.small.icon.hover_star:focus:before,button.small.icon.hover_star:focus-visible:before,.small.button.icon.hover_star:hover:before,.small.button.icon.hover_star:focus:before,.small.button.icon.hover_star:focus-visible:before,button.small.icon.star:before,.small.button.icon.star:before{width:1rem}button.small.icon.hover_star:hover:before,button.small.icon.hover_star:focus:before,button.small.icon.hover_star:focus-visible:before,.small.button.icon.hover_star:hover:before,.small.button.icon.hover_star:focus:before,.small.button.icon.hover_star:focus-visible:before,button.small.icon.star:before,.small.button.icon.star:before{height:1rem}button.small.icon.hover_star:hover:before,button.small.icon.hover_star:focus:before,button.small.icon.hover_star:focus-visible:before,.small.button.icon.hover_star:hover:before,.small.button.icon.hover_star:focus:before,.small.button.icon.hover_star:focus-visible:before,button.small.icon.star:before,.small.button.icon.star:before{margin-top:0rem}button.left.small.icon.hover_star:hover:before,button.left.small.icon.hover_star:focus:before,button.left.small.icon.hover_star:focus-visible:before,.left.small.button.icon.hover_star:hover:before,.left.small.button.icon.hover_star:focus:before,.left.small.button.icon.hover_star:focus-visible:before,button.left.small.icon.star:before,.left.small.button.icon.star:before{margin-right:0rem}button.right.small.icon.hover_star:hover:before,button.right.small.icon.hover_star:focus:before,button.right.small.icon.hover_star:focus-visible:before,.right.small.button.icon.hover_star:hover:before,.right.small.button.icon.hover_star:focus:before,.right.small.button.icon.hover_star:focus-visible:before,button.right.small.icon.star:before,.right.small.button.icon.star:before{margin-left:0rem}button.icon.hover_star_empty:hover:before,button.icon.hover_star_empty:focus:before,button.icon.hover_star_empty:focus-visible:before,.button.icon.hover_star_empty:hover:before,.button.icon.hover_star_empty:focus:before,.button.icon.hover_star_empty:focus-visible:before,button.icon.star_empty:before,.button.icon.star_empty:before{-webkit-mask-image:url(https://storage.googleapis.com/apolitical-assets/icons/star_empty.svg);mask-image:url(https://storage.googleapis.com/apolitical-assets/icons/star_empty.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:100% auto;mask-size:100% auto;display:block}button.large.icon.hover_star_empty:hover:before,button.large.icon.hover_star_empty:focus:before,button.large.icon.hover_star_empty:focus-visible:before,.large.button.icon.hover_star_empty:hover:before,.large.button.icon.hover_star_empty:focus:before,.large.button.icon.hover_star_empty:focus-visible:before,button.large.icon.star_empty:before,.large.button.icon.star_empty:before{width:1rem}button.large.icon.hover_star_empty:hover:before,button.large.icon.hover_star_empty:focus:before,button.large.icon.hover_star_empty:focus-visible:before,.large.button.icon.hover_star_empty:hover:before,.large.button.icon.hover_star_empty:focus:before,.large.button.icon.hover_star_empty:focus-visible:before,button.large.icon.star_empty:before,.large.button.icon.star_empty:before{height:1rem}button.large.icon.hover_star_empty:hover:before,button.large.icon.hover_star_empty:focus:before,button.large.icon.hover_star_empty:focus-visible:before,.large.button.icon.hover_star_empty:hover:before,.large.button.icon.hover_star_empty:focus:before,.large.button.icon.hover_star_empty:focus-visible:before,button.large.icon.star_empty:before,.large.button.icon.star_empty:before{margin-top:0rem}button.left.large.icon.hover_star_empty:hover:before,button.left.large.icon.hover_star_empty:focus:before,button.left.large.icon.hover_star_empty:focus-visible:before,.left.large.button.icon.hover_star_empty:hover:before,.left.large.button.icon.hover_star_empty:focus:before,.left.large.button.icon.hover_star_empty:focus-visible:before,button.left.large.icon.star_empty:before,.left.large.button.icon.star_empty:before{margin-right:0rem}button.right.large.icon.hover_star_empty:hover:before,button.right.large.icon.hover_star_empty:focus:before,button.right.large.icon.hover_star_empty:focus-visible:before,.right.large.button.icon.hover_star_empty:hover:before,.right.large.button.icon.hover_star_empty:focus:before,.right.large.button.icon.hover_star_empty:focus-visible:before,button.right.large.icon.star_empty:before,.right.large.button.icon.star_empty:before{margin-left:0rem}button.icon.hover_star_empty:hover:before,button.icon.hover_star_empty:focus:before,button.icon.hover_star_empty:focus-visible:before,.button.icon.hover_star_empty:hover:before,.button.icon.hover_star_empty:focus:before,.button.icon.hover_star_empty:focus-visible:before,button.icon.star_empty:before,.button.icon.star_empty:before{margin-top:0rem}button.left.icon.hover_star_empty:hover:before,button.left.icon.hover_star_empty:focus:before,button.left.icon.hover_star_empty:focus-visible:before,.left.button.icon.hover_star_empty:hover:before,.left.button.icon.hover_star_empty:focus:before,.left.button.icon.hover_star_empty:focus-visible:before,button.left.icon.star_empty:before,.left.button.icon.star_empty:before{margin-right:0rem}button.right.icon.hover_star_empty:hover:before,button.right.icon.hover_star_empty:focus:before,button.right.icon.hover_star_empty:focus-visible:before,.right.button.icon.hover_star_empty:hover:before,.right.button.icon.hover_star_empty:focus:before,.right.button.icon.hover_star_empty:focus-visible:before,button.right.icon.star_empty:before,.right.button.icon.star_empty:before{margin-left:0rem}button.small.icon.hover_star_empty:hover:before,button.small.icon.hover_star_empty:focus:before,button.small.icon.hover_star_empty:focus-visible:before,.small.button.icon.hover_star_empty:hover:before,.small.button.icon.hover_star_empty:focus:before,.small.button.icon.hover_star_empty:focus-visible:before,button.small.icon.star_empty:before,.small.button.icon.star_empty:before{width:1rem}button.small.icon.hover_star_empty:hover:before,button.small.icon.hover_star_empty:focus:before,button.small.icon.hover_star_empty:focus-visible:before,.small.button.icon.hover_star_empty:hover:before,.small.button.icon.hover_star_empty:focus:before,.small.button.icon.hover_star_empty:focus-visible:before,button.small.icon.star_empty:before,.small.button.icon.star_empty:before{height:1rem}button.small.icon.hover_star_empty:hover:before,button.small.icon.hover_star_empty:focus:before,button.small.icon.hover_star_empty:focus-visible:before,.small.button.icon.hover_star_empty:hover:before,.small.button.icon.hover_star_empty:focus:before,.small.button.icon.hover_star_empty:focus-visible:before,button.small.icon.star_empty:before,.small.button.icon.star_empty:before{margin-top:0rem}button.left.small.icon.hover_star_empty:hover:before,button.left.small.icon.hover_star_empty:focus:before,button.left.small.icon.hover_star_empty:focus-visible:before,.left.small.button.icon.hover_star_empty:hover:before,.left.small.button.icon.hover_star_empty:focus:before,.left.small.button.icon.hover_star_empty:focus-visible:before,button.left.small.icon.star_empty:before,.left.small.button.icon.star_empty:before{margin-right:0rem}button.right.small.icon.hover_star_empty:hover:before,button.right.small.icon.hover_star_empty:focus:before,button.right.small.icon.hover_star_empty:focus-visible:before,.right.small.button.icon.hover_star_empty:hover:before,.right.small.button.icon.hover_star_empty:focus:before,.right.small.button.icon.hover_star_empty:focus-visible:before,button.right.small.icon.star_empty:before,.right.small.button.icon.star_empty:before{margin-left:0rem}button.icon.hover_tick:hover:before,button.icon.hover_tick:focus:before,button.icon.hover_tick:focus-visible:before,.button.icon.hover_tick:hover:before,.button.icon.hover_tick:focus:before,.button.icon.hover_tick:focus-visible:before,button.icon.tick:before,.button.icon.tick:before{-webkit-mask-image:url(https://storage.googleapis.com/apolitical-assets/icons/tick.svg);mask-image:url(https://storage.googleapis.com/apolitical-assets/icons/tick.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:100% auto;mask-size:100% auto;display:block}button.large.icon.hover_tick:hover:before,button.large.icon.hover_tick:focus:before,button.large.icon.hover_tick:focus-visible:before,.large.button.icon.hover_tick:hover:before,.large.button.icon.hover_tick:focus:before,.large.button.icon.hover_tick:focus-visible:before,button.large.icon.tick:before,.large.button.icon.tick:before{width:.875rem}button.large.icon.hover_tick:hover:before,button.large.icon.hover_tick:focus:before,button.large.icon.hover_tick:focus-visible:before,.large.button.icon.hover_tick:hover:before,.large.button.icon.hover_tick:focus:before,.large.button.icon.hover_tick:focus-visible:before,button.large.icon.tick:before,.large.button.icon.tick:before{height:.6875rem}button.large.icon.hover_tick:hover:before,button.large.icon.hover_tick:focus:before,button.large.icon.hover_tick:focus-visible:before,.large.button.icon.hover_tick:hover:before,.large.button.icon.hover_tick:focus:before,.large.button.icon.hover_tick:focus-visible:before,button.large.icon.tick:before,.large.button.icon.tick:before{margin-top:.5rem}button.left.large.icon.hover_tick:hover:before,button.left.large.icon.hover_tick:focus:before,button.left.large.icon.hover_tick:focus-visible:before,.left.large.button.icon.hover_tick:hover:before,.left.large.button.icon.hover_tick:focus:before,.left.large.button.icon.hover_tick:focus-visible:before,button.left.large.icon.tick:before,.left.large.button.icon.tick:before{margin-right:.625rem}button.right.large.icon.hover_tick:hover:before,button.right.large.icon.hover_tick:focus:before,button.right.large.icon.hover_tick:focus-visible:before,.right.large.button.icon.hover_tick:hover:before,.right.large.button.icon.hover_tick:focus:before,.right.large.button.icon.hover_tick:focus-visible:before,button.right.large.icon.tick:before,.right.large.button.icon.tick:before{margin-left:.625rem}button.icon.hover_tick:hover:before,button.icon.hover_tick:focus:before,button.icon.hover_tick:focus-visible:before,.button.icon.hover_tick:hover:before,.button.icon.hover_tick:focus:before,.button.icon.hover_tick:focus-visible:before,button.icon.tick:before,.button.icon.tick:before{width:.75rem}button.icon.hover_tick:hover:before,button.icon.hover_tick:focus:before,button.icon.hover_tick:focus-visible:before,.button.icon.hover_tick:hover:before,.button.icon.hover_tick:focus:before,.button.icon.hover_tick:focus-visible:before,button.icon.tick:before,.button.icon.tick:before{height:.5625rem}button.icon.hover_tick:hover:before,button.icon.hover_tick:focus:before,button.icon.hover_tick:focus-visible:before,.button.icon.hover_tick:hover:before,.button.icon.hover_tick:focus:before,.button.icon.hover_tick:focus-visible:before,button.icon.tick:before,.button.icon.tick:before{margin-top:.4375rem}button.left.icon.hover_tick:hover:before,button.left.icon.hover_tick:focus:before,button.left.icon.hover_tick:focus-visible:before,.left.button.icon.hover_tick:hover:before,.left.button.icon.hover_tick:focus:before,.left.button.icon.hover_tick:focus-visible:before,button.left.icon.tick:before,.left.button.icon.tick:before{margin-right:.5rem}button.right.icon.hover_tick:hover:before,button.right.icon.hover_tick:focus:before,button.right.icon.hover_tick:focus-visible:before,.right.button.icon.hover_tick:hover:before,.right.button.icon.hover_tick:focus:before,.right.button.icon.hover_tick:focus-visible:before,button.right.icon.tick:before,.right.button.icon.tick:before{margin-left:.5rem}button.small.icon.hover_tick:hover:before,button.small.icon.hover_tick:focus:before,button.small.icon.hover_tick:focus-visible:before,.small.button.icon.hover_tick:hover:before,.small.button.icon.hover_tick:focus:before,.small.button.icon.hover_tick:focus-visible:before,button.small.icon.tick:before,.small.button.icon.tick:before{width:.5625rem}button.small.icon.hover_tick:hover:before,button.small.icon.hover_tick:focus:before,button.small.icon.hover_tick:focus-visible:before,.small.button.icon.hover_tick:hover:before,.small.button.icon.hover_tick:focus:before,.small.button.icon.hover_tick:focus-visible:before,button.small.icon.tick:before,.small.button.icon.tick:before{height:.4375rem}button.small.icon.hover_tick:hover:before,button.small.icon.hover_tick:focus:before,button.small.icon.hover_tick:focus-visible:before,.small.button.icon.hover_tick:hover:before,.small.button.icon.hover_tick:focus:before,.small.button.icon.hover_tick:focus-visible:before,button.small.icon.tick:before,.small.button.icon.tick:before{margin-top:.375rem}button.left.small.icon.hover_tick:hover:before,button.left.small.icon.hover_tick:focus:before,button.left.small.icon.hover_tick:focus-visible:before,.left.small.button.icon.hover_tick:hover:before,.left.small.button.icon.hover_tick:focus:before,.left.small.button.icon.hover_tick:focus-visible:before,button.left.small.icon.tick:before,.left.small.button.icon.tick:before{margin-right:.375rem}button.right.small.icon.hover_tick:hover:before,button.right.small.icon.hover_tick:focus:before,button.right.small.icon.hover_tick:focus-visible:before,.right.small.button.icon.hover_tick:hover:before,.right.small.button.icon.hover_tick:focus:before,.right.small.button.icon.hover_tick:focus-visible:before,button.right.small.icon.tick:before,.right.small.button.icon.tick:before{margin-left:.375rem}@media (prefers-reduced-motion: no-preference){@keyframes bounce{0%,to{transform:scale(1)}70%{transform:scale(1.1)}}button.icon.animate:focus:before,button.icon.animate:active:before,button.icon.animate.do-animation:before,.button.icon.animate:focus:before,.button.icon.animate:active:before,.button.icon.animate.do-animation:before{animation:bounce .5s 1}}button.disabled,.button.disabled{cursor:not-allowed;opacity:.3}}@layer base{hr{width:100%;height:.0625rem;background:rgb(215,224,239);margin:2.5rem auto;border:none}}@layer base{a{color:#4f43ba;text-decoration:underline;font-weight:900}a:hover,a:focus,a:active{color:#392d87}}@layer base{ol,ul{margin:0 0 1rem;padding-left:2.5rem;display:block}li{margin-bottom:1.125rem}.text-small li{margin-bottom:.75rem}.text-medium li{margin-bottom:1rem}li:last-child{margin-bottom:0}li:last-child p:last-child{margin-bottom:0}}@layer base{p,li,small{color:#151921;font-weight:500}p,li{font-size:1rem;line-height:1.5rem}.text-small p,.text-small li{font-size:.75rem;line-height:1rem;letter-spacing:.01rem}.text-medium p,.text-medium li{font-size:.875rem;line-height:1rem}@media only screen and (min-width: 769px){p,li{font-size:1.125rem;line-height:1.75rem}.text-small p,.text-small li{font-size:.875rem}.text-medium p,.text-medium li{font-size:1rem;line-height:1.25rem}}p{margin-bottom:1.25rem}.text-small p{margin-bottom:1rem}.text-medium p{margin-bottom:1.125rem}small{font-size:.75rem;line-height:1rem}@media only screen and (min-width: 769px){small{font-size:.875rem}}strong{font-weight:900}em,i{font-style:italic}sup,sub{font-size:.625rem;line-height:normal}sup{vertical-align:super}sub{vertical-align:sub}}@layer base{.pre-title,h5,h6{color:#151921;text-transform:uppercase;font-weight:700}.title,h1,h2,h3,h4{color:#151921;font-weight:900}.pre-title{margin-bottom:1.5rem;font-size:.875rem;line-height:1rem;letter-spacing:.08rem;text-transform:uppercase}@media only screen and (min-width: 769px){.pre-title{font-size:1rem;line-height:4rem}}.title{margin-bottom:1rem;font-size:2rem;line-height:2.5rem;letter-spacing:-.01rem}@media only screen and (min-width: 769px){.title{font-size:3.25rem;line-height:4rem}}h1{margin-bottom:1rem;font-size:1.75rem;line-height:2rem;letter-spacing:-.01rem}@media only screen and (min-width: 769px){h1{font-size:2.5rem;line-height:3rem}}h2{margin:2.5rem 0 1rem;font-size:1.5rem;line-height:2rem}@media only screen and (min-width: 769px){h2{font-size:1.75rem;line-height:2.5rem}}h3{margin:3.75rem 0 1.25rem;font-size:1.25rem;line-height:1.75rem}@media only screen and (min-width: 769px){h3{font-size:1.5rem;line-height:2rem}}h4{margin:2.5rem 0 1.25rem;font-size:1.125rem;line-height:1.5rem}@media only screen and (min-width: 769px){h4{font-size:1.25rem;line-height:1.75rem}}h5{margin:1rem 0;font-size:.75rem;line-height:1rem}@media only screen and (min-width: 769px){h5{font-size:.875rem}}h6{font-size:.75rem;line-height:1rem}@media only screen and (min-width: 769px){h6{font-size:.6875rem}}.subtitle{margin-bottom:1.25rem;font-size:1.25rem;color:#2a3141;font-weight:400;line-height:1.75rem}@media only screen and (min-width: 769px){.subtitle{font-size:1.5rem;line-height:2rem}}}@layer reset,base,components,overrides;

package/styles/README.md

@@ -0,0 +1,35 @@
+# Styles
+
+## `@layer`
+
+We're using [CSS cascade layers (`@layer`)](https://www.smashingmagazine.com/2022/01/introduction-css-cascade-layers/) to organise our styles, to help us avoid specificity issues and to make it easier to find and update styles.
+
+The `public/styles/index.scss` file defines the order of our layers, with the browser reset as the lowest.
+
+If you need to overwrite CSS, you don't need to create an overly specific (and less performant) rule or add an `!important` (as an aside: please, please [never add an `!important`](https://dev.to/alvaromontoro/using-important-in-css-75c)) - just put the styling in a higher layer.
+
+---
+
+## `button` styling
+
+We handle button styling through classes.
+
+### Variations
+
+By default, buttons have `primary` styling (a purple background and white text) and don't need a `primary` class to be styled. Buttons can also be `secondary` (a ghost button with a purple border) or `tertiary` (no border or background color). There are additional variations for `destructive` (only available on primary buttons), `muted` (only available on secondary and tertiary buttons), and `disabled`.
+
+### Sizes
+
+By default, buttons are `medium`. They don't need a class to be styled. Buttons can also be `small` or `large`.
+
+### Icons
+
+Buttons can have an icon but - because we can't mix pre-processing and data passed into CSS for file names, like CSS variables or data attributes - icons on buttons need to be set up in advance with classes. The list of available icons is maintained in `base-styles/buttons/_icons.scss`. To add a new icon, add a new item to the list with arguments for the sizes on large, medium, and small buttons.
+
+To add an icon to a button, add the class name `icon [file name of icon without file extension]`, e.g. `icon heart_empty`.
+
+The icon file, with a matching name, should be uploaded to the `apolitical-assets` bucket on Google Cloud Platform. (Referred to as `$assets-bucket` in the styling.)
+
+You can also pass `left` or `right` to position the icon - this will add margin between the text and the icon. e.g. `icon heart_empty right`.
+
+You can change the icon on hover by adding a second file name, prepended with `hover_`, e.g. `icon heart_empty hover_heart` will change the heart icon from an outline to a filled in heart on hover.

package/styles/base-styles/_accessibility.scss

@@ -0,0 +1,26 @@
+@use 'sass:map';
+@import './../functions',
+        './../mixins',
+        './../variables';
+
+@layer base {
+  a, button, input, textarea, [role="menu"], li[tabindex] {
+    &:focus, &:focus-visible {
+      outline: none;
+      box-shadow: $outline map.get($theme, 'default_focus');
+    }
+    &:active { box-shadow: none; }
+  }
+
+  [role="menu"], [role="menu"] a, li[tabindex] {
+    &:focus, &:focus-visible { box-shadow: $outline map.get($theme, 'default_focus') inset; }
+  }
+
+  .hidden {
+    width: 0;
+    height: 0;
+    display: block;
+    overflow: hidden;
+  }
+}
+

package/styles/base-styles/_blockquotes.scss

@@ -0,0 +1,29 @@
+@use 'sass:map';
+@import './../functions',
+        './../mixins',
+        './../variables';
+
+$blockquote: ('margin-top': 20, 'margin-top_md': 30, 'margin-bottom': 10, 'margin-bottom_md': 20, 'padding-vertical': 4, 'padding-left': 24, 'font-size': 18, 'font-size_md': 20, 'line-height': 28, 'border-width': 6);
+
+@layer base {
+  blockquote {
+    margin: px-to-rem(map.get($blockquote, 'margin-top')) 0 px-to-rem(map.get($blockquote, 'margin-bottom')) 0;
+    padding: px-to-rem(map.get($blockquote, 'padding-vertical')) 0 0 px-to-rem(map.get($blockquote, 'padding-left'));
+    font-size: px-to-rem(map.get($blockquote, 'font-size'));
+    color: map.get($theme, 'blockquote');
+    font-weight: 700;
+    font-style: italic;
+    line-height: px-to-rem(map.get($blockquote, 'line-height'));
+    border-left: px-to-rem(map.get($blockquote, 'border-width')) solid map.get($theme, 'blockquote_border');
+
+      p:last-of-type {
+        margin-bottom: 0;
+      }
+
+      @include breakpoint('min-width', 'md') {
+        margin-top: px-to-rem(map.get($blockquote, 'margin-top_md'));
+        margin-bottom: px-to-rem(map.get($blockquote, 'margin-bottom_md'));
+        font-size: px-to-rem(map.get($blockquote, 'font-size_md'));
+      }
+  }
+}

package/styles/base-styles/_fonts.scss

@@ -0,0 +1,42 @@
+$font-path: 'fonts/';
+$font-name: 'Moderat';
+
+@mixin font-styling($weight: 400, $style: normal) {
+  $font-file: 'Medium';
+
+  @if $weight == 600 {
+    $font-file: 'Bold';
+  } @else if $weight == 900 {
+    $font-file: 'Black';
+  }
+
+  @if $style == italic {
+    $font-file: '#{$font-file}-Italic';
+  }
+
+  @font-face {
+    font-family: #{$font-name};
+    src: url('#{$font-path}/#{$font-name}-#{$font-file}.woff2') format('woff2'),
+    url('#{$font-path}/#{$font-name}-#{$font-file}.woff') format('woff');
+    font-display: optional;
+    font-weight: $weight;
+
+    @if $style == italic {
+      font-style: italic;
+    }
+  }
+}
+
+$font-family: (400, normal), (400, italic), (600, normal), (600, italic), (900, normal), (900, italic);
+
+
+@layer base {
+  @each $weight, $style in $font-family {
+    @include font-styling($weight, $style);
+  }
+
+  body {
+    font-family: #{$font-name}, sans-serif;
+  }
+
+}

package/styles/base-styles/_hr.scss

@@ -0,0 +1,15 @@
+@use 'sass:map';
+@import './../functions',
+        './../variables';
+
+$hr: ('height': 1, 'margin-vertical': 40);
+
+@layer base {
+  hr {
+    width: 100%;
+    height: px-to-rem(map.get($hr, 'height'));
+    background: map.get($theme, 'divider');
+    margin: px-to-rem(map.get($hr, 'margin-vertical')) auto;
+    border: none;
+  }
+}

package/styles/base-styles/_index.scss

@@ -0,0 +1,10 @@
+@import 'fonts',
+
+        'accessibility',
+        'blockquotes',
+        'buttons',
+        'hr',
+        'links',
+        'lists',
+        'text',
+        'titles';

package/styles/base-styles/_links.scss

@@ -0,0 +1,16 @@
+@use 'sass:map';
+@import './../variables';
+
+@layer base {
+  a {
+      color: map.get($theme, 'link');
+      text-decoration: underline;
+      font-weight: 900;
+
+      &:hover,
+      &:focus,
+      &:active {
+        color: map.get($theme, 'link_hover');
+      }
+  }
+}

package/styles/base-styles/_lists.scss

@@ -0,0 +1,27 @@
+@use 'sass:map';
+@import './../functions';
+
+$ul: ('margin-bottom': 16, 'padding-left': 40);
+$li: ('margin-bottom': 18, 'margin-bottom_sm': 12, 'margin-bottom_md': 16);
+
+@layer base {
+  ol, ul {
+    margin: 0 0 px-to-rem(map.get($ul, 'margin-bottom')) 0;
+    padding-left: px-to-rem(map.get($ul, 'padding-left'));
+    display: block;
+  }
+
+  li {
+    margin-bottom: px-to-rem(map.get($li, 'margin-bottom'));
+
+      .text-small & { margin-bottom: px-to-rem(map.get($li, 'margin-bottom_sm')); }
+
+      .text-medium & { margin-bottom: px-to-rem(map.get($li, 'margin-bottom_md')); }
+
+      &:last-child {
+        margin-bottom: 0;
+
+          p:last-child { margin-bottom: 0; }
+      }
+  }
+}

package/styles/base-styles/_text.scss

@@ -0,0 +1,80 @@
+@use 'sass:map';
+@import './../functions',
+        './../mixins',
+        './../variables';
+
+$default: ('font-size': 16, 'font-size_md': 18, 'line-height': 24, 'line-height_md': 28, 'margin-bottom': 20); // The default size is the 'large paragraph' in Figma
+$small: ('font-size': 12, 'font-size_md': 14, 'letter-spacing': 0.16, 'line-height': 16, 'margin-bottom': 16);
+$medium: ('font-size': 14, 'font-size_md': 16, 'line-height': 16, 'line-height_md': 20, 'margin-bottom': 18);
+$sup: ('font-size': 10);
+
+@layer base {
+  p, li, small {
+    color: map.get($theme, 'text');
+    font-weight: 500;
+  }
+
+  p, li {
+    font-size: px-to-rem(map.get($default, 'font-size'));
+    line-height: px-to-rem(map.get($default, 'line-height'));
+
+      .text-small & {
+        font-size: px-to-rem(map.get($small, 'font-size'));
+        line-height: px-to-rem(map.get($small, 'line-height'));
+        letter-spacing: px-to-rem(map.get($small, 'letter-spacing'));
+      }
+
+      .text-medium & {
+        font-size: px-to-rem(map.get($medium, 'font-size'));
+        line-height: px-to-rem(map.get($medium, 'line-height'));
+      }
+
+      @include breakpoint('min-width', 'md') {
+        font-size: px-to-rem(map.get($default, 'font-size_md'));
+        line-height: px-to-rem(map.get($default, 'line-height_md'));
+
+          .text-small & {
+            font-size: px-to-rem(map.get($small, 'font-size_md'));
+          }
+
+          .text-medium & {
+            font-size: px-to-rem(map.get($medium, 'font-size_md'));
+            line-height: px-to-rem(map.get($medium, 'line-height_md'));
+          }
+      }
+  }
+
+  p {
+    margin-bottom: px-to-rem(map.get($default, 'margin-bottom'));
+
+      .text-small & { margin-bottom: px-to-rem(map.get($small, 'margin-bottom')); }
+
+      .text-medium & { margin-bottom: px-to-rem(map.get($medium, 'margin-bottom')); }
+  }
+
+  small {
+    font-size: px-to-rem(map.get($small, 'font-size'));
+    line-height: px-to-rem(map.get($small, 'line-height'));
+
+      @include breakpoint('min-width', 'md') {
+        font-size: px-to-rem(map.get($small, 'font-size_md'));
+      }
+  }
+
+  strong { font-weight: 900; }
+  em, i { font-style: italic; }
+
+  sup, sub {
+    font-size: px-to-rem(map.get($sup, 'font-size'));
+    line-height: normal;
+  }
+
+  sup {
+    vertical-align: super;
+  }
+
+  sub {
+    vertical-align: sub;
+  }
+
+}