/* line 2, app/assets/stylesheets/reset.scss */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* line 10, app/assets/stylesheets/reset.scss */
ul,
ol {
  list-style: none;
  padding: 0;
}

/* line 17, app/assets/stylesheets/reset.scss */
body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}

/* line 35, app/assets/stylesheets/reset.scss */
body {
  line-height: 1.35;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
}

/* line 42, app/assets/stylesheets/reset.scss */
img {
  display: block;
  max-width: 100%;
}

/* line 48, app/assets/stylesheets/reset.scss */
article > * + * {
  margin-top: 1em;
}

/* line 53, app/assets/stylesheets/reset.scss */
input,
button,
textarea,
select {
  font: inherit;
}

@media (prefers-reduced-motion: reduce) {
  /* line 62, app/assets/stylesheets/reset.scss */
  * {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}
@font-face {
  font-family: tiempos-headline;
  src: url(/assets/TiemposHeadline-Semibold-f883841baa731207a6a42d34320e092c08f83f102209537c427b1f073cbfdd54.woff) format("woff");
  font-weight: 800;
  font-display: block;
}

@font-face {
  font-family: tiempos-headline;
  src: url(/assets/TiemposHeadline-Regular-eb9f39287542e3dd67ddbaf59b56fce586c21999127025b5caa7a94c687c7abd.woff) format("woff");
  font-weight: 400;
  font-display: block;
}

@font-face {
  font-family: tiempos-text;
  src: url(/assets/TiemposText-Semibold-b9c25f7c4925b34811a1933731dd505d3c2ddc10b5b7ee18d140ba2bc44847cf.woff) format("woff");
  font-weight: 800;
  font-display: block;
}

@font-face {
  font-family: tiempos-text;
  src: url(/assets/TiemposText-Regular-8e7a926798631aa14d3a24fe20109ea65d9bf1d1076752c94061ad19440a33dd.woff) format("woff");
  font-weight: 400;
  font-display: block;
}

@font-face {
  font-family: hkgrotesk;
  src: url(/assets/HKGrotesk-Regular-512d789940d7a4f1066eaa4e5ce99d9d0483bebc5c517690a1fff1de9fdda60f.woff) format("woff");
  font-weight: 400;
  font-display: block;
}

@font-face {
  font-family: hkgrotesk;
  src: url(/assets/HKGrotesk-SemiBold-426459589453c4dea1cc26aa69a91645b125c829eca9624d909771ee73c4d318.woff) format("woff");
  font-weight: 600;
  font-display: block;
}

@font-face {
  font-family: hkgrotesk;
  src: url(/assets/HKGrotesk-Bold-c52e2453aa038b0a05feef5585def87877d8f708150c8353c72ee906e66f56b4.woff) format("woff");
  font-weight: 800;
  font-display: block;
}
/* line 1, app/assets/stylesheets/vars.scss */
:root {
  --color-text-primary: #000;
  --color-text-inverse: #fff;
  --color-text-supporting: #666;
  --color-text-link-hover: magenta;
  --color-background-primary: #fff;
  --color-background-inverse: #000;
  --color-background-placeholder: #f1f1f1;
  --color-background-ad-placeholder: #ff0;
  --color-border-primary: #000;
  --color-border-inverse: #222;
  --color-border-link: cyan;
  --color-border-link-hover: magenta;
  --neutral0: #000;
  --neutral5: #222;
  --neutral10: #aaa;
  --neutral90: #f1f1f1;
  --neutral100: #fff;
  --neutral-alpha: rgba(255,255,255,0.8);
  --magenta100: magenta;
  --blue100: blue;
  --cyan100: cyan;
  --peach100: #ea995a;
  --mint100: #22ff98;
  --headline-font-family: tiempos-headline;
  --serif-font-family: tiempos-text;
  --sans-serif-font-family: hkgrotesk;
  --font-size-h0: 1px;
  --font-size-h1: 1px;
  --font-size-h2: 24px;
  --font-size-h3: 20px;
  --font-size-h4: 17px;
  --font-size-h5: 15px;
  --font-size-h6: 12px;
  --font-size-p1: 1px;
  --font-size-p2: 1px;
  --line-height-loose: 1.5;
  --line-height-normal: 1.35;
  --line-height-tight: 1.15;
  --spacer-1: 4px;
  --spacer-2: 8px;
  --spacer-3: 12px;
  --spacer-4: 16px;
  --spacer-5: 20px;
  --spacer-6: 24px;
  --spacer-9: 36px;
  --spacer-12: 48px;
}

@media (min-width: 740px) {
  /* line 1, app/assets/stylesheets/vars.scss */
  :root {
    --font-size-h2: 28px;
  }
}

@media (min-width: 980px) {
  /* line 1, app/assets/stylesheets/vars.scss */
  :root {
    --font-size-h2: 34px;
  }
}

@media (min-width: 1300px) {
  /* line 1, app/assets/stylesheets/vars.scss */
  :root {
    --font-size-h2: 42px;
  }
}
/* line 1, app/assets/stylesheets/brand.scss */
* {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

/* line 6, app/assets/stylesheets/brand.scss */
body {
  background: var(--color-background-inverse);
}

/* line 10, app/assets/stylesheets/brand.scss */
.social__link--instagram::before {
  background: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEyIDBDOC43NCAwIDguMzMzLjAxNSA3LjA1My4wNzIgNS43NzUuMTMyIDQuOTA1LjMzMyA0LjE0LjYzYy0uNzg5LjMwNi0xLjQ1OS43MTctMi4xMjYgMS4zODRTLjkzNSAzLjM1LjYzIDQuMTRDLjMzMyA0LjkwNS4xMzEgNS43NzUuMDcyIDcuMDUzLjAxMiA4LjMzMyAwIDguNzQgMCAxMnMuMDE1IDMuNjY3LjA3MiA0Ljk0N2MuMDYgMS4yNzcuMjYxIDIuMTQ4LjU1OCAyLjkxMy4zMDYuNzg4LjcxNyAxLjQ1OSAxLjM4NCAyLjEyNi42NjcuNjY2IDEuMzM2IDEuMDc5IDIuMTI2IDEuMzg0Ljc2Ni4yOTYgMS42MzYuNDk5IDIuOTEzLjU1OEM4LjMzMyAyMy45ODggOC43NCAyNCAxMiAyNHMzLjY2Ny0uMDE1IDQuOTQ3LS4wNzJjMS4yNzctLjA2IDIuMTQ4LS4yNjIgMi45MTMtLjU1OC43ODgtLjMwNiAxLjQ1OS0uNzE4IDIuMTI2LTEuMzg0LjY2Ni0uNjY3IDEuMDc5LTEuMzM1IDEuMzg0LTIuMTI2LjI5Ni0uNzY1LjQ5OS0xLjYzNi41NTgtMi45MTMuMDYtMS4yOC4wNzItMS42ODcuMDcyLTQuOTQ3cy0uMDE1LTMuNjY3LS4wNzItNC45NDdjLS4wNi0xLjI3Ny0uMjYyLTIuMTQ5LS41NTgtMi45MTMtLjMwNi0uNzg5LS43MTgtMS40NTktMS4zODQtMi4xMjZDMjEuMzE5IDEuMzQ3IDIwLjY1MS45MzUgMTkuODYuNjNjLS43NjUtLjI5Ny0xLjYzNi0uNDk5LTIuOTEzLS41NThDMTUuNjY3LjAxMiAxNS4yNiAwIDEyIDB6bTAgMi4xNmMzLjIwMyAwIDMuNTg1LjAxNiA0Ljg1LjA3MSAxLjE3LjA1NSAxLjgwNS4yNDkgMi4yMjcuNDE1LjU2Mi4yMTcuOTYuNDc3IDEuMzgyLjg5Ni40MTkuNDIuNjc5LjgxOS44OTYgMS4zODEuMTY0LjQyMi4zNiAxLjA1Ny40MTMgMi4yMjcuMDU3IDEuMjY2LjA3IDEuNjQ2LjA3IDQuODVzLS4wMTUgMy41ODUtLjA3NCA0Ljg1Yy0uMDYxIDEuMTctLjI1NiAxLjgwNS0uNDIxIDIuMjI3LS4yMjQuNTYyLS40NzkuOTYtLjg5OSAxLjM4Mi0uNDE5LjQxOS0uODI0LjY3OS0xLjM4Ljg5Ni0uNDIuMTY0LTEuMDY1LjM2LTIuMjM1LjQxMy0xLjI3NC4wNTctMS42NDkuMDctNC44NTkuMDctMy4yMTEgMC0zLjU4Ni0uMDE1LTQuODU5LS4wNzQtMS4xNzEtLjA2MS0xLjgxNi0uMjU2LTIuMjM2LS40MjEtLjU2OS0uMjI0LS45Ni0uNDc5LTEuMzc5LS44OTktLjQyMS0uNDE5LS42OS0uODI0LS45LTEuMzgtLjE2NS0uNDItLjM1OS0xLjA2NS0uNDItMi4yMzUtLjA0NS0xLjI2LS4wNjEtMS42NDktLjA2MS00Ljg0NCAwLTMuMTk2LjAxNi0zLjU4Ni4wNjEtNC44NjEuMDYxLTEuMTcuMjU1LTEuODE0LjQyLTIuMjM0LjIxLS41Ny40NzktLjk2LjktMS4zODEuNDE5LS40MTkuODEtLjY4OSAxLjM3OS0uODk4LjQyLS4xNjYgMS4wNTEtLjM2MSAyLjIyMS0uNDIxIDEuMjc1LS4wNDUgMS42NS0uMDYgNC44NTktLjA2bC4wNDUuMDN6bTAgMy42NzhjLTMuNDA1IDAtNi4xNjIgMi43Ni02LjE2MiA2LjE2MiAwIDMuNDA1IDIuNzYgNi4xNjIgNi4xNjIgNi4xNjIgMy40MDUgMCA2LjE2Mi0yLjc2IDYuMTYyLTYuMTYyIDAtMy40MDUtMi43Ni02LjE2Mi02LjE2Mi02LjE2MnpNMTIgMTZjLTIuMjEgMC00LTEuNzktNC00czEuNzktNCA0LTQgNCAxLjc5IDQgNC0xLjc5IDQtNCA0em03Ljg0Ni0xMC40MDVjMCAuNzk1LS42NDYgMS40NC0xLjQ0IDEuNDQtLjc5NSAwLTEuNDQtLjY0Ni0xLjQ0LTEuNDQgMC0uNzk0LjY0Ni0xLjQzOSAxLjQ0LTEuNDM5Ljc5My0uMDAxIDEuNDQuNjQ1IDEuNDQgMS40Mzl6Ii8+PC9zdmc+Cg==") center center no-repeat;
}

/* line 14, app/assets/stylesheets/brand.scss */
.social__link--facebook:before {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTI0IDEyLjA3M2MwLTYuNjI3LTUuMzczLTEyLTEyLTEycy0xMiA1LjM3My0xMiAxMmMwIDUuOTkgNC4zODggMTAuOTU0IDEwLjEyNSAxMS44NTR2LTguMzg1SDcuMDc4di0zLjQ3aDMuMDQ3VjkuNDNjMC0zLjAwNyAxLjc5Mi00LjY2OSA0LjUzMy00LjY2OSAxLjMxMiAwIDIuNjg2LjIzNSAyLjY4Ni4yMzV2Mi45NTNIMTUuODNjLTEuNDkxIDAtMS45NTYuOTI1LTEuOTU2IDEuODc0djIuMjVoMy4zMjhsLS41MzIgMy40N2gtMi43OTZ2OC4zODVDMTkuNjEyIDIzLjAyNyAyNCAxOC4wNjIgMjQgMTIuMDczeiIvPjwvc3ZnPgo=") center center no-repeat;
}

/* line 18, app/assets/stylesheets/brand.scss */
.social__link--twitter:before {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIzLjk1MyA0LjU3YTEwIDEwIDAgMDEtMi44MjUuNzc1IDQuOTU4IDQuOTU4IDAgMDAyLjE2My0yLjcyM2MtLjk1MS41NTUtMi4wMDUuOTU5LTMuMTI3IDEuMTg0YTQuOTIgNC45MiAwIDAwLTguMzg0IDQuNDgyQzcuNjkgOC4wOTUgNC4wNjcgNi4xMyAxLjY0IDMuMTYyYTQuODIyIDQuODIyIDAgMDAtLjY2NiAyLjQ3NWMwIDEuNzEuODcgMy4yMTMgMi4xODggNC4wOTZhNC45MDQgNC45MDQgMCAwMS0yLjIyOC0uNjE2di4wNmE0LjkyMyA0LjkyMyAwIDAwMy45NDYgNC44MjcgNC45OTYgNC45OTYgMCAwMS0yLjIxMi4wODUgNC45MzYgNC45MzYgMCAwMDQuNjA0IDMuNDE3IDkuODY3IDkuODY3IDAgMDEtNi4xMDIgMi4xMDVjLS4zOSAwLS43NzktLjAyMy0xLjE3LS4wNjdhMTMuOTk1IDEzLjk5NSAwIDAwNy41NTcgMi4yMDljOS4wNTMgMCAxMy45OTgtNy40OTYgMTMuOTk4LTEzLjk4NSAwLS4yMSAwLS40Mi0uMDE1LS42M0E5LjkzNSA5LjkzNSAwIDAwMjQgNC41OXoiLz48L3N2Zz4K") center center no-repeat;
}
/* line 1, app/assets/stylesheets/profile.scss */
.message {
  font-family: var(--sans-serif-font-family);
  font-size: 14px;
  margin: 0 0 var(--spacer-5);
}

/* line 6, app/assets/stylesheets/profile.scss */
.message svg {
  margin: 0 var(--spacer-1) 0 0;
}

/* line 11, app/assets/stylesheets/profile.scss */
.message--alert {
  color: red;
}

/* line 14, app/assets/stylesheets/profile.scss */
.message--alert svg {
  fill: red;
}

/* line 17, app/assets/stylesheets/profile.scss */
.profile-controls {
  color: var(--color-text-primary);
  font-family: var(--sans-serif-font-family);
  font-size: 14px;
  margin: 0 0 20px;
  text-align: right;
}

/* line 24, app/assets/stylesheets/profile.scss */
.profile-controls a {
  color: var(--color-text-primary);
  font-weight: 600;
}

/* line 30, app/assets/stylesheets/profile.scss */
dl {
  color: var(--color-text-primary);
  display: flex;
  flex-flow: row wrap;
  font-family: var(--sans-serif-font-family);
  font-size: 16px;
}

/* line 37, app/assets/stylesheets/profile.scss */
dl dt {
  flex-grow: 1;
  font-weight: 600;
  margin: 0 0 5px;
  width: 20%;
}

/* line 44, app/assets/stylesheets/profile.scss */
dl dd {
  flex-grow: 2;
  margin: 0 0 5px;
  width: 80%;
}

/* line 51, app/assets/stylesheets/profile.scss */
ul.profile-nav {
  color: var(--color-text-primary);
  font-family: var(--sans-serif-font-family);
  font-size: 16px;
}

/* line 56, app/assets/stylesheets/profile.scss */
ul.profile-nav li {
  margin: 0 0 5px;
}

/* line 58, app/assets/stylesheets/profile.scss */
ul.profile-nav a {
  color: var(--color-text-primary);
  font-weight: 600;
}

/* line 64, app/assets/stylesheets/profile.scss */
h1.signup {
  font-family: var(--sans-serif-font-family);
  font-size: 24px;
  font-weight: 600;
  margin: 0 0 20px;
}

/* line 71, app/assets/stylesheets/profile.scss */
h2.signin {
  font-family: var(--sans-serif-font-family);
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 20px;
  text-transform: uppercase;
}

/* line 79, app/assets/stylesheets/profile.scss */
ul.benefits {
  font-family: var(--sans-serif-font-family);
  list-style: none;
  margin: 0 0 20px;
}

/* line 84, app/assets/stylesheets/profile.scss */
ul.benefits li {
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 5px 27px;
  position: relative;
}

/* line 91, app/assets/stylesheets/profile.scss */
ul.benefits li:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3Cpolyline points='12 5 19 12 12 19'%3E%3C/polyline%3E%3C/svg%3E%0A");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  content: '';
  display: inline-block;
  height: 18px;
  top: 4px;
  left: -27px;
  position: absolute;
  width: 18px;
}

/* line 106, app/assets/stylesheets/profile.scss */
p.register {
  font-family: var(--sans-serif-font-family);
  font-size: 16px;
  font-weight: 600;
}

/* line 111, app/assets/stylesheets/profile.scss */
p.register a {
  color: var(--color-text-primary);
  text-decoration: none;
  border-bottom: 1px solid var(--color-border-link);
}

/* line 117, app/assets/stylesheets/profile.scss */
p.register a:hover {
  color: var(--color-text-link-hover);
  border-bottom: 1px solid var(--color-border-link-hover);
}

/* line 123, app/assets/stylesheets/profile.scss */
h2.plans {
  font-family: var(--headline-font-family);
  font-size: 20px;
  font-weight: 400;
  margin: 0 0 10px;
}

/* line 130, app/assets/stylesheets/profile.scss */
h3.plan-title {
  font-family: var(--headline-font-family);
  font-size: 17px;
  font-weight: 600;
  margin: 0 0 10px;
}

/* line 137, app/assets/stylesheets/profile.scss */
p.plan-description {
  font-family: var(--sans-serif-font-family);
  font-size: 16px;
  font-weight: 400;
  margin: 0 0 4px;
}

/* line 144, app/assets/stylesheets/profile.scss */
a.subscribe-button {
  background: var(--color-background-inverse);
  border: 1px solid var(--color-border-primary);
  color: var(--color-text-inverse);
  cursor: pointer;
  display: inline-block;
  font-family: var(--sans-serif-font-family);
  font-weight: 600;
  margin: 0 0 var(--spacer-5) 0;
  padding: var(--spacer-2) var(--spacer-4);
  text-decoration: none;
}

/* line 157, app/assets/stylesheets/profile.scss */
a.subscribe-button:hover {
  background: var(--color-background-primary);
  color: var(--color-text-primary);
}

/* line 162, app/assets/stylesheets/profile.scss */
fieldset {
  border: 0;
  padding: 0;
}

/* line 167, app/assets/stylesheets/profile.scss */
legend {
  font-family: var(--headline-font-family);
  font-size: 17px;
  font-weight: 600;
  margin: 0 0 10px;
  padding: 0;
}
/* line 1, app/assets/stylesheets/extras.scss */
.tag_list {
  margin: 0 0 20px;
}

/* line 5, app/assets/stylesheets/extras.scss */
.tag_list__header {
  align-items: center;
  border-top: 1px solid black;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  padding: 4px 0;
}

/* line 13, app/assets/stylesheets/extras.scss */
.tag_list__header h1 {
  font-family: var(--sans-serif-font-family);
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
}

/* line 21, app/assets/stylesheets/extras.scss */
.tag_list ul li {
  margin: 0 0 4px 0;
}

/* line 24, app/assets/stylesheets/extras.scss */
.tag_list ul li a {
  color: var(--magenta100);
  font-family: var(--sans-serif-font-family);
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
}

/* line 32, app/assets/stylesheets/extras.scss */
.tag_list ul li a:hover {
  color: var(--cyan100);
}

/* line 37, app/assets/stylesheets/extras.scss */
.tag_list ul li a.tag--active {
  color: var(--cyan100);
}

/* line 42, app/assets/stylesheets/extras.scss */
.archive-month {
  display: inline-block;
  margin: 0 10px 4px 0 !important;
}

/* line 46, app/assets/stylesheets/extras.scss */
.archive-month a {
  color: blue !important;
}

/* line 49, app/assets/stylesheets/extras.scss */
.archive-month a:hover {
  color: var(--cyan100) !important;
}

/* line 54, app/assets/stylesheets/extras.scss */
.archive-month a.archive-month--active {
  color: var(--cyan100) !important;
}

/* line 59, app/assets/stylesheets/extras.scss */
.toggle {
  background-size: 14px;
  cursor: pointer;
  width: 18px;
  height: 18px;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
}

/* line 69, app/assets/stylesheets/extras.scss */
.toggle--open {
  background: url(/assets/icons/select_down_arrow-513ee898757b0becf69e1d29499d46d0041c24edcef431e01cb3d97d9721fed5.svg) no-repeat center center;
}

/* line 73, app/assets/stylesheets/extras.scss */
.toggle--closed {
  background: url(/assets/icons/select_up_arrow-fb039a33ee9a06dfb0c47fcc5b4aa2c709422005f0a7326de6b4f3509a83975d.svg) no-repeat center center;
}

/* line 77, app/assets/stylesheets/extras.scss */
.horz_tag_list {
  display: flex;
  flex-flow: row wrap;
  margin: 0 0 20px;
}

/* line 82, app/assets/stylesheets/extras.scss */
.horz_tag_list li {
  padding: 4px 12px;
}

/* line 85, app/assets/stylesheets/extras.scss */
.horz_tag_list li a {
  color: var(--magenta100);
  font-family: var(--sans-serif-font-family);
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
}

/* line 93, app/assets/stylesheets/extras.scss */
.horz_tag_list li a:hover {
  color: var(--cyan100);
}

/* line 98, app/assets/stylesheets/extras.scss */
.horz_tag_list li a.tag--active {
  color: var(--cyan100);
}

/* line 104, app/assets/stylesheets/extras.scss */
.static_header {
  color: #aaa;
  font-family: var(--sans-serif-font-family);
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 40px;
  text-transform: uppercase;
}

/* line 113, app/assets/stylesheets/extras.scss */
.static_subheader {
  font-family: var(--serif-font-family);
  font-size: 16px;
  margin: 0 0 20px;
  line-height: var(--line-height-loose);
  font-weight: 700;
}

/* line 121, app/assets/stylesheets/extras.scss */
.static_header--spread {
  margin: 20px 0 40px;
}

/* line 125, app/assets/stylesheets/extras.scss */
.static_para {
  font-family: var(--serif-font-family);
  font-size: 16px;
  margin: 0 0 20px;
  line-height: var(--line-height-loose);
}

/* line 132, app/assets/stylesheets/extras.scss */
.static_para--small {
  font-family: var(--serif-font-family);
  font-size: 14px;
  margin: 0 0 20px;
  line-height: var(--line-height-loose);
}

/* line 139, app/assets/stylesheets/extras.scss */
.static_para + .static_header,
.static_para--small + .static_header,
.static_address + .static_header {
  margin: 40px 0;
}

/* line 145, app/assets/stylesheets/extras.scss */
.static_address {
  font-family: var(--sans-serif-font-family);
  font-size: 14px;
  margin: 0 0 20px;
  line-height: var(--line-height-loose);
  font-style: normal;
  font-weight: 500;
}

/* line 155, app/assets/stylesheets/extras.scss */
.static_dl dt {
  font-family: var(--serif-font-family);
  font-size: 14px;
  font-weight: 700;
  display: block;
  width: 100%;
}

/* line 163, app/assets/stylesheets/extras.scss */
.static_dl dd {
  font-family: var(--serif-font-family);
  font-size: 14px;
  font-weight: 400;
  display: block;
  width: 100%;
  margin: 0 0 20px;
}

/* line 173, app/assets/stylesheets/extras.scss */
.static_dl_inline {
  display: block;
}

/* line 176, app/assets/stylesheets/extras.scss */
.static_dl_inline dt {
  font-family: var(--serif-font-family);
  font-size: 14px;
  font-weight: 700;
  display: inline;
}

/* line 183, app/assets/stylesheets/extras.scss */
.static_dl_inline dd {
  font-family: var(--serif-font-family);
  font-size: 14px;
  font-weight: 400;
  display: inline;
}

/* line 191, app/assets/stylesheets/extras.scss */
.search_header {
  font-family: var(--sans-serif-font-family);
  font-size: 40px;
  text-transform: uppercase;
  margin: 0 0 20px;
}

/* line 198, app/assets/stylesheets/extras.scss */
.search_category_header {
  font-family: var(--sans-serif-font-family);
  font-size: 14px;
  text-transform: uppercase;
  margin: 0 0 20px;
}

/* line 205, app/assets/stylesheets/extras.scss */
.reset_instructions {
  font-family: var(--sans-serif-font-family);
  font-size: 14px;
  margin: 0 0 20px;
}

/* line 211, app/assets/stylesheets/extras.scss */
.cart_title {
  font-family: var(--sans-serif-font-family);
  color: #aaa;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  margin: 0 0 20px;
}

/* line 220, app/assets/stylesheets/extras.scss */
.cart_item {
  display: flex;
  flex-flow: row nowrap;
  margin: 0 0 20px;
  width: 100%;
}

/* line 227, app/assets/stylesheets/extras.scss */
.cart_item__image {
  background: #f1f1f1;
  margin: 0 20px 0 0;
  text-align: center;
  width: 25%;
}

/* line 234, app/assets/stylesheets/extras.scss */
.cart_item__details {
  display: flex;
  flex-flow: column nowrap;
  flex-grow: 1;
}

/* line 240, app/assets/stylesheets/extras.scss */
.cart_item__product_name {
  font-family: var(--sans-serif-font-family);
  font-size: 20px;
  font-weight: 600;
  margin: 0 0 40px;
  width: 100%;
}

/* line 247, app/assets/stylesheets/extras.scss */
.cart_item__product_name a {
  color: #000;
  text-decoration: none;
}

/* line 251, app/assets/stylesheets/extras.scss */
.cart_item__product_name a:hover {
  color: cyan;
}

/* line 257, app/assets/stylesheets/extras.scss */
.cart_item__controls {
  align-items: center;
  display: flex;
  font-family: var(--sans-serif-font-family);
  font-size: 14px;
  font-weight: 600;
  color: #aaa;
  text-transform: uppercase;
  flex-flow: row nowrap;
  width: 100%;
}

/* line 270, app/assets/stylesheets/extras.scss */
.cart_item__quantity input {
  margin: 0 10px;
  width: 35px;
}

/* line 276, app/assets/stylesheets/extras.scss */
.cart_item__total_price {
  flex-grow: 1;
  text-align: right;
}

/* line 281, app/assets/stylesheets/extras.scss */
.cart__total {
  text-align: right;
}

/* line 285, app/assets/stylesheets/extras.scss */
.cart__total-label {
  font-family: var(--sans-serif-font-family);
  font-size: 14px;
  font-weight: 600;
  color: #aaa;
  text-transform: uppercase;
  margin: 0 0 20px;
}

/* line 293, app/assets/stylesheets/extras.scss */
.cart__total-label span {
  color: blue;
}

/* line 298, app/assets/stylesheets/extras.scss */
.cart__total-checkout {
  margin: 0 0 40px;
}

/* line 302, app/assets/stylesheets/extras.scss */
.aux_links {
  background: #9dffff;
  border-top: 1px solid #000;
  text-align: center;
  padding: 50px 0;
}

/* line 309, app/assets/stylesheets/extras.scss */
.plan_name {
  font-family: var(--sans-serif-font-family);
  font-size: 24px;
  font-weight: 600;
}

/* line 315, app/assets/stylesheets/extras.scss */
.plan_features {
  font-family: var(--sans-serif-font-family);
  font-size: 16px;
  font-weight: 600;
  margin: var(--spacer-3) 0;
}

/* line 321, app/assets/stylesheets/extras.scss */
.plan_features li {
  margin: 0 0 5px 27px;
  position: relative;
}

/* line 326, app/assets/stylesheets/extras.scss */
.plan_features li:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3Cpolyline points='12 5 19 12 12 19'%3E%3C/polyline%3E%3C/svg%3E%0A");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  content: '';
  display: inline-block;
  height: 18px;
  top: 4px;
  left: -27px;
  position: absolute;
  width: 18px;
}

/* line 341, app/assets/stylesheets/extras.scss */
.subscribe-select {
  border: 1px solid var(--color-border-primary);
  color: var(--color-text-primary);
  display: inline-block;
  font-family: var(--sans-serif-font-family);
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 0 15px;
  padding: 4px 10px;
  text-decoration: none;
  text-transform: uppercase;
}

/* line 353, app/assets/stylesheets/extras.scss */
.subscribe-select:hover {
  background: var(--color-border-primary);
  color: var(--color-text-inverse);
}

/* line 359, app/assets/stylesheets/extras.scss */
.price_label {
  font-family: var(--sans-serif-font-family);
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 var(--spacer-3);
}

/* line 365, app/assets/stylesheets/extras.scss */
.price_label span {
  font-size: 12px;
  text-transform: uppercase;
}

/* line 371, app/assets/stylesheets/extras.scss */
.form_header,
.subscription_header {
  font-family: var(--sans-serif-font-family);
  font-size: 20px;
  font-weight: 600;
  margin: 0 0 var(--spacer-3);
}

/* line 379, app/assets/stylesheets/extras.scss */
.subs, .freebie {
  font-family: var(--sans-serif-font-family);
  font-size: 16px;
  font-weight: 500;
  margin: 0 0 var(--spacer-3);
}

/* line 385, app/assets/stylesheets/extras.scss */
.subs a, .freebie a {
  border-bottom: 2px solid cyan;
  color: inherit;
  text-decoration: none;
}

/* line 390, app/assets/stylesheets/extras.scss */
.subs a:hover, .freebie a:hover {
  border-bottom: 2px solid magenta;
  color: magenta;
}

/* line 397, app/assets/stylesheets/extras.scss */
.freebie {
  margin: var(--spacer-5) 0;
}

/* line 401, app/assets/stylesheets/extras.scss */
.subscribe-success {
  font-family: var(--sans-serif-font-family);
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 var(--spacer-3);
  text-align: center;
}

/* line 402, app/assets/stylesheets/extras.scss */
.subscribe-success img {
  width: 50%;
}

/* line 412, app/assets/stylesheets/extras.scss */
.subscribe-success a {
  border-bottom: 2px solid cyan;
  color: inherit;
  text-decoration: none;
}

/* line 417, app/assets/stylesheets/extras.scss */
.subscribe-success a:hover {
  border-bottom: 2px solid magenta;
  color: magenta;
}
/* line 1, app/assets/stylesheets/pagy.scss */
.pagy-nav {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  margin: 0 0 40px 0;
  font-family: var(--sans-serif-font-family);
  text-transform: uppercase;
  font-size: var(--font-size-h4);
  font-weight: 600;
  justify-content: center;
}

/* line 12, app/assets/stylesheets/pagy.scss */
.pagy-nav .page {
  display: none;
  margin: 0 5px;
}

/* line 16, app/assets/stylesheets/pagy.scss */
.pagy-nav .page a {
  color: var(--neutral0);
  text-decoration: none;
}

/* line 21, app/assets/stylesheets/pagy.scss */
.pagy-nav .page a:hover {
  color: var(--magenta100);
}

/* line 26, app/assets/stylesheets/pagy.scss */
.pagy-nav .prev, .pagy-nav .next {
  display: block;
}

/* line 30, app/assets/stylesheets/pagy.scss */
.pagy-nav .disabled {
  color: var(--neutral10);
}

/* line 34, app/assets/stylesheets/pagy.scss */
.pagy-nav .active {
  border-bottom: 1px solid cyan;
}

@media (min-width: 660px) {
  /* line 41, app/assets/stylesheets/pagy.scss */
  .pagy-nav .page {
    display: block;
  }
}
/* line 1, app/assets/stylesheets/component/admin_component.scss */
.admin {
  background: blue;
  display: block;
  margin: 0 0 var(--spacer-5);
  padding: 10px;
}

/* line 7, app/assets/stylesheets/component/admin_component.scss */
.admin p {
  color: white;
  font-family: var(--sans-serif-font-family);
  font-size: 14px;
  font-weight: 600;
}

/* line 13, app/assets/stylesheets/component/admin_component.scss */
.admin p a {
  color: white;
}
/* line 1, app/assets/stylesheets/component/advert/advert_component.scss */
.partner_container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  margin: 0 0 var(--spacer-3);
}

/* line 8, app/assets/stylesheets/component/advert/advert_component.scss */
.partner {
  display: block;
}

/* line 11, app/assets/stylesheets/component/advert/advert_component.scss */
.partner a {
  cursor: pointer;
  text-indent: -99999px;
  display: inline-block;
  width: 100%;
}

/* line 19, app/assets/stylesheets/component/advert/advert_component.scss */
.partner--letterbox {
  background-position: center center;
  background-size: cover;
  width: 100%;
  max-width: 1092px;
}

/* line 26, app/assets/stylesheets/component/advert/advert_component.scss */
.partner--square {
  background-position: center center;
  background-size: cover;
  width: 100%;
  max-width: 300px;
}

/* line 31, app/assets/stylesheets/component/advert/advert_component.scss */
.partner--square a {
  padding-bottom: 100%;
}

/* line 36, app/assets/stylesheets/component/advert/advert_component.scss */
.partner--tile {
  background-position: center center;
  background-size: cover;
  width: 100%;
  max-width: 100px;
  margin: 0 10px;
}

/* line 42, app/assets/stylesheets/component/advert/advert_component.scss */
.partner--tile a {
  height: 0;
  padding-bottom: 100%;
}

@media (min-width: 740px) {
  /* line 49, app/assets/stylesheets/component/advert/advert_component.scss */
  .partner_container {
    margin: 0 0 var(--spacer-5);
  }
}
/* line 1, app/assets/stylesheets/component/advert/call_to_action_component.scss */
.signpost_container {
  background-size: cover;
  background-position: center;
  border-top: 1px solid var(--color-border-primary);
  padding: 20px 0;
  width: 100%;
}

/* line 8, app/assets/stylesheets/component/advert/call_to_action_component.scss */
.signpost_container h1 {
  font-family: var(--sans-serif-font-family);
  font-size: 24px;
  font-weight: 600;
  margin: 0 0 10px;
}

/* line 15, app/assets/stylesheets/component/advert/call_to_action_component.scss */
.signpost_container ul {
  display: flex;
  flex-flow: column nowrap;
  margin: 0 0 20px;
}

/* line 20, app/assets/stylesheets/component/advert/call_to_action_component.scss */
.signpost_container ul li {
  font-family: var(--sans-serif-font-family);
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 5px 27px;
  position: relative;
}

/* line 28, app/assets/stylesheets/component/advert/call_to_action_component.scss */
.signpost_container ul li:before {
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  content: '';
  display: inline-block;
  height: 18px;
  top: 4px;
  left: -27px;
  position: absolute;
  width: 18px;
}

/* line 44, app/assets/stylesheets/component/advert/call_to_action_component.scss */
.signpost_container--light h1 {
  color: #000;
}

/* line 49, app/assets/stylesheets/component/advert/call_to_action_component.scss */
.signpost_container--light ul li {
  color: #000;
}

/* line 53, app/assets/stylesheets/component/advert/call_to_action_component.scss */
.signpost_container--light ul li:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3Cpolyline points='12 5 19 12 12 19'%3E%3C/polyline%3E%3C/svg%3E%0A");
}

/* line 60, app/assets/stylesheets/component/advert/call_to_action_component.scss */
.signpost_container--dark h1 {
  color: #fff;
}

/* line 65, app/assets/stylesheets/component/advert/call_to_action_component.scss */
.signpost_container--dark ul li {
  color: #fff;
}

/* line 69, app/assets/stylesheets/component/advert/call_to_action_component.scss */
.signpost_container--dark ul li:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3Cpolyline points='12 5 19 12 12 19'%3E%3C/polyline%3E%3C/svg%3E%0A");
}

/* line 75, app/assets/stylesheets/component/advert/call_to_action_component.scss */
.cta__button {
  background: #eee;
  border: 1px solid #000;
  color: #000;
  display: inline-block;
  font-family: var(--sans-serif-font-family);
  font-size: 18px;
  font-weight: 600;
  padding: 5px 30px;
  text-transform: uppercase;
  text-decoration: none;
}

/* line 88, app/assets/stylesheets/component/advert/call_to_action_component.scss */
.cta__button:hover {
  background: #eee;
  color: #000;
}
/* line 1, app/assets/stylesheets/component/article_author_component.scss */
.article_author {
  color: #aaa;
  font-family: var(--sans-serif-font-family);
  font-size: 12px;
  font-weight: 800;
  margin: 0 0 var(--spacer-3);
  text-transform: uppercase;
}
/* line 1, app/assets/stylesheets/component/article_author_meta_component.scss */
.article_author_meta {
  display: flex;
  justify-content: space-between;
  margin: 0 0 var(--spacer-3);
}

/* line 7, app/assets/stylesheets/component/article_author_meta_component.scss */
.article_author_meta__author,
.article_author_meta__date {
  color: var(--color-text-primary);
  font-family: var(--sans-serif-font-family);
  font-size: var(--font-size-h6);
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
}
/* line 1, app/assets/stylesheets/component/article_category_meta_component.scss */
.article_category_meta {
  display: flex;
  justify-content: space-between;
  margin: 0 0 var(--spacer-3);
}

/* line 7, app/assets/stylesheets/component/article_category_meta_component.scss */
.article_category_meta__category,
.article_category_meta__date {
  color: var(--color-text-primary);
  font-family: var(--sans-serif-font-family);
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
}

/* line 16, app/assets/stylesheets/component/article_category_meta_component.scss */
.article_category_meta__category a,
.article_category_meta__date a {
  color: var(--color-text-primary);
  text-decoration: none;
}

/* line 22, app/assets/stylesheets/component/article_category_meta_component.scss */
.article_category_meta__category {
  font-weight: 800;
}
/* line 1, app/assets/stylesheets/component/article_link_component.scss */
.article_link {
  font-weight: 500;
  line-height: var(--line-height-tight);
  margin: 0 0 var(--spacer-3);
}

/* line 7, app/assets/stylesheets/component/article_link_component.scss */
.article_link--xs {
  font-size: 18px;
}

/* line 11, app/assets/stylesheets/component/article_link_component.scss */
.article_link--md {
  font-size: 28px;
}

/* line 15, app/assets/stylesheets/component/article_link_component.scss */
.article_link--md {
  font-size: 32px;
}

/* line 19, app/assets/stylesheets/component/article_link_component.scss */
.article_link--lg {
  font-size: 30px;
}

/* line 23, app/assets/stylesheets/component/article_link_component.scss */
.article_link--xl {
  font-size: 48px;
}

/* line 27, app/assets/stylesheets/component/article_link_component.scss */
.article_link--sans-serif {
  font-family: var(--sans-serif-font-family);
}

/* line 31, app/assets/stylesheets/component/article_link_component.scss */
.article_link--serif {
  font-family: var(--headline-font-family);
}

/* line 35, app/assets/stylesheets/component/article_link_component.scss */
.article_link__link {
  color: var(--color-text-primary);
  text-decoration: none;
}

@media (min-width: 480px) {
  /* line 41, app/assets/stylesheets/component/article_link_component.scss */
  .article_link--sans-serif {
    font-weight: 600;
  }
}
/* line 1, app/assets/stylesheets/component/article_trail_text_component.scss */
.article_trail_text {
  color: var(--color-text-primary);
  font-size: 16px;
  font-weight: 400;
  margin: 0 0 var(--spacer-3);
}

/* line 7, app/assets/stylesheets/component/article_trail_text_component.scss */
.article_trail_text p {
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
  margin: 0;
}

/* line 13, app/assets/stylesheets/component/article_trail_text_component.scss */
.article_trail_text p b, .article_trail_text p strong {
  font-weight: bold;
}

/* line 17, app/assets/stylesheets/component/article_trail_text_component.scss */
.article_trail_text p i, .article_trail_text p em {
  font-style: italic;
}

/* line 23, app/assets/stylesheets/component/article_trail_text_component.scss */
.article_trail_text--sans-serif {
  font-family: var(--sans-serif-font-family);
}

/* line 27, app/assets/stylesheets/component/article_trail_text_component.scss */
.article_trail_text--serif {
  font-family: var(--headline-font-family);
}
/* line 1, app/assets/stylesheets/component/articles.scss */
.article-content {
  margin: 0 0 40px;
  font-family: var(--serif-font-family);
}

.article-content h1 {
  font-family: var(--headline-font-family);
  font-weight: 400;
  font-size: 34px;
  line-height: 1.5;
  padding: 0;
  margin: 0 0 5px;
}

.article-content h2 {
  font-family: var(--headline-font-family);
  font-weight: 400;
  font-size: 28px;
  line-height: 1.5;
  padding: 0;
  margin: 0 0 5px;
}

.article-content h3 {
  font-family: var(--headline-font-family);
  font-weight: 400;
  font-size: 24px;
  line-height: 1.5;
  padding: 0;
  margin: 0 0 5px;
}

/* line 5, app/assets/stylesheets/component/articles.scss */
.article-content p {
  font-size: 16px;
  margin: 0 0 20px;
  line-height: var(--line-height-loose);
}

/* line 11, app/assets/stylesheets/component/articles.scss */
.article-content i, .article-content em, .article-content p i, .article-content p em {
  font-style: italic;
}

/* line 15, app/assets/stylesheets/component/articles.scss */
.article-content b, .article-content strong, .article-content p b, .article-content p strong {
  font-weight: 600;
}

/* line 19, app/assets/stylesheets/component/articles.scss */
.article-content a {
  color: inherit;
  border-bottom: 2px solid var(--cyan100);
  text-decoration: none;
}

/* line 25, app/assets/stylesheets/component/articles.scss */
.article-content a:hover {
  color: var(--magenta100);
  border-bottom: 2px solid var(--magenta100);
}

/* line 30, app/assets/stylesheets/component/articles.scss */
.article-content a.btn {
  background: var(--neutral90);
  color: var(--neutral0);
  font-family: var(--sans-serif-font-family) !important;
  border: 0;
  font-weight: 600;
  display: inline-block;
  padding: 5px 10px;
}

/* line 40, app/assets/stylesheets/component/articles.scss */
.article-content figure.article__image {
  margin: 0 auto 20px auto;
  width: 65%;
}

/* line 44, app/assets/stylesheets/component/articles.scss */
.article-content figure.article__image img {
  margin: 0 0 10px;
}

/* line 48, app/assets/stylesheets/component/articles.scss */
.article-content figure.article__image figcaption,
.article-content figure.article__image figcaption p,
.article-content figure.article__image figcaption p span {
  font-family: var(--sans-serif-font-family) !important;
  font-size: 12px !important;
  line-height: var(--line-height-normal);
  margin: 0;
  text-align: center;
}

/* line 58, app/assets/stylesheets/component/articles.scss */
.article-content figure.article__image figcaption p {
  display: inline;
}

/* line 63, app/assets/stylesheets/component/articles.scss */
.article-content figure.article__image--stretched {
  margin: 0 0 20px;
  width: 100%;
}

/* line 67, app/assets/stylesheets/component/articles.scss */
.article-content figure.article__image--stretched figcaption {
  text-align: left;
}

/* line 70, app/assets/stylesheets/component/articles.scss */
.article-content figure.article__image--background {
  background: #fff;
  margin: 0 0 20px;
  padding: 20px 0 0;
  width: 100%;
}

/* line 76, app/assets/stylesheets/component/articles.scss */
.article-content figure.article__image--background img {
  margin: 0 auto 20px auto;
  width: 65%;
}

/* line 81, app/assets/stylesheets/component/articles.scss */
.article-content figure.article__image--background figcaption {
  background: #fff;
  padding: 10px 0 0;
}

/* line 87, app/assets/stylesheets/component/articles.scss */
.article-content figure.article__image--bordered img {
  border: 1px solid #000;
  border-radius: 2px;
}

/* line 92, app/assets/stylesheets/component/articles.scss */
.article-content .sectiontitle,
.article-content .articletitle1,
.article-content .articletitle2 {
  display: none;
}

/* line 100, app/assets/stylesheets/component/articles.scss */
.article-content--news .article-view__meta {
  display: inline-block;
  font-family: var(--sans-serif-font-family);
  font-size: 12px;
  text-transform: uppercase;
  margin: 0 0 10px;
}

/* line 107, app/assets/stylesheets/component/articles.scss */
.article-content--news .article-view__meta li {
  display: inline-block;
  font-weight: 800;
  width: 100px;
}

/* line 113, app/assets/stylesheets/component/articles.scss */
.article-content--news .article-view__meta .article-view__category {
  font-weight: 600;
}

/* line 118, app/assets/stylesheets/component/articles.scss */
.article-content--news .article-view__headline {
  font-family: var(--headline-font-family);
  font-weight: 400;
  line-height: var(--line-height-tight);
  font-size: 48px;
  margin: 0 0 20px;
}

/* line 126, app/assets/stylesheets/component/articles.scss */
.article-content--news .article-view__byline {
  color: #aaa;
  font-family: var(--sans-serif-font-family);
  font-size: 12px;
  text-transform: uppercase;
}

/* line 136, app/assets/stylesheets/component/articles.scss */
.article-content--medium .article-view__meta,
.article-content--long .article-view__meta {
  display: flex;
  flex-flow: row nowrap;
  font-family: var(--sans-serif-font-family);
  font-size: 12px;
  text-transform: uppercase;
  margin: 0 0 10px;
  width: 100%;
}

/* line 145, app/assets/stylesheets/component/articles.scss */
.article-content--medium .article-view__meta li,
.article-content--long .article-view__meta li {
  font-weight: 800;
  flex-grow: 1;
  padding: 0 0 0 20%;
}

/* line 151, app/assets/stylesheets/component/articles.scss */
.article-content--medium .article-view__meta .article-view__category,
.article-content--long .article-view__meta .article-view__category {
  text-align: right;
  font-weight: 600;
  padding: 0 20% 0 0;
}

/* line 158, app/assets/stylesheets/component/articles.scss */
.article-content--medium .article-view__headline,
.article-content--long .article-view__headline {
  font-family: var(--headline-font-family);
  font-weight: 400;
  line-height: var(--line-height-tight);
  font-size: 48px;
  margin: 0 0 20px;
  text-align: center;
}

/* line 167, app/assets/stylesheets/component/articles.scss */
.article-content--medium .article-view__byline,
.article-content--long .article-view__byline {
  color: #aaa;
  font-family: var(--sans-serif-font-family);
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
}

/* line 176, app/assets/stylesheets/component/articles.scss */
.article-content--medium .article-view__headline {
  font-family: var(--sans-serif-font-family);
}

/* line 180, app/assets/stylesheets/component/articles.scss */
.article-view__titles {
  margin: 0 0 20px;
}

/* line 184, app/assets/stylesheets/component/articles.scss */
.article-view__tags {
  margin: 40px 0 0;
}

/* line 188, app/assets/stylesheets/component/articles.scss */
.article-view__tag {
  display: inline-block;
  margin: 0 20px 0 0;
}

/* line 193, app/assets/stylesheets/component/articles.scss */
.article-view__tag-link {
  color: var(--magenta100) !important;
  border: 0 !important;
  font-family: var(--sans-serif-font-family);
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 800;
}

/* line 203, app/assets/stylesheets/component/articles.scss */
.latest-articles .article {
  font-family: var(--sans-serif-font-family);
  display: flex;
  flex-flow: column wrap;
  margin: 0 0 40px;
}

/* line 210, app/assets/stylesheets/component/articles.scss */
.latest-articles .article__image-link {
  margin: 0 0 7px 0;
  height: 0;
  width: 100%;
  padding-bottom: 65%;
  background-position: center center;
  background-size: cover;
  text-indent: -1000px;
  display: block;
  overflow: hidden;
}

/* line 222, app/assets/stylesheets/component/articles.scss */
.latest-articles .article__details {
  display: flex;
  flex-flow: column nowrap;
  flex-grow: 1;
  margin: 0;
  width: 100%;
}

/* line 230, app/assets/stylesheets/component/articles.scss */
.latest-articles .article__meta {
  display: flex;
  flex-flow: row nowrap;
  margin: 0 0 7px;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

/* line 239, app/assets/stylesheets/component/articles.scss */
.latest-articles .article__published-date {
  flex-grow: 1;
  text-align: right;
}

/* line 244, app/assets/stylesheets/component/articles.scss */
.latest-articles .article__headline {
  font-size: 18px;
  font-weight: 600;
  line-height: var(--line-height-tight);
  margin: 0 0 7px;
  flex-grow: 1;
}

/* line 251, app/assets/stylesheets/component/articles.scss */
.latest-articles .article__headline a {
  color: var(--neutral0);
  text-decoration: none;
}

/* line 257, app/assets/stylesheets/component/articles.scss */
.latest-articles .article__category {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}

/* line 263, app/assets/stylesheets/component/articles.scss */
.latest-articles .article__meta p {
  font-size: var(--list-excerpt-font-size);
}

/* line 268, app/assets/stylesheets/component/articles.scss */
.latest-articles__title {
  font-family: var(--sans-serif-font-family);
  font-size: 12px;
  text-transform: uppercase;
  margin: 0 0 10px;
}

/* line 275, app/assets/stylesheets/component/articles.scss */
.articles_related_title {
  font-family: var(--sans-serif-font-family);
  font-size: 12px;
  text-transform: uppercase;
  margin: 0 0 20px;
}

/* line 282, app/assets/stylesheets/component/articles.scss */
.subscription_required a {
  border: 0;
  display: block;
  text-align: center;
  text-decoration: none;
}

/* line 288, app/assets/stylesheets/component/articles.scss */
.subscription_required a img {
  display: inline;
}

/* line 292, app/assets/stylesheets/component/articles.scss */
.subscription_required a:hover {
  border: 0;
}

/* line 297, app/assets/stylesheets/component/articles.scss */
.article-content--long .article-view__tags,
.article-content--long h1.inline,
.article-content--long h2.inline,
.article-content--long h3.inline,
.article-content--long p {
  margin-left: var(--spacer-3);
  margin-right: var(--spacer-3);
  width: calc(100vw - var(--spacer-6));
}

@media (min-width: 740px) {
  /* line 308, app/assets/stylesheets/component/articles.scss */
  .article-content--long .article-view__tags,
.article-content--long h1.inline,
.article-content--long h2.inline,
.article-content--long h3.inline,
.article-content--long p {
    margin-left: auto;
    margin-right: auto;
    width: 720px;
  }
  /* line 318, app/assets/stylesheets/component/articles.scss */
  .article-content--long figure.article__image {
    margin-left: auto;
    margin-right: auto;
    width: 65%;
  }
  /* line 323, app/assets/stylesheets/component/articles.scss */
  .article-content--long figure.article__image img {
    margin-left: auto;
    margin-right: auto;
    max-height: 400px;
  }
  /* line 330, app/assets/stylesheets/component/articles.scss */
  .article-content--long figure.article__image--stretched {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  /* line 335, app/assets/stylesheets/component/articles.scss */
  .article-content--long figure.article__image--stretched img {
    margin-left: auto;
    margin-right: auto;
    max-height: none;
  }
  /* line 341, app/assets/stylesheets/component/articles.scss */
  .article-content--long figure.article__image--stretched figcaption {
    margin-left: auto;
    margin-right: auto;
    width: 720px;
  }
}

@media (min-width: 980px) {
  /* line 350, app/assets/stylesheets/component/articles.scss */
  .article-content--long .article-view__tags,
.article-content--long h1.inline,
.article-content--long h2.inline,
.article-content--long h3.inline,
.article-content--long p {
    width: calc(940px * 0.65);
  }
  /* line 358, app/assets/stylesheets/component/articles.scss */
  .article-content--long figure.article__image {
    width: 45%;
  }
  /* line 361, app/assets/stylesheets/component/articles.scss */
  .article-content--long figure.article__image img {
    max-height: 450px;
  }
  /* line 366, app/assets/stylesheets/component/articles.scss */
  .article-content--long figure.article__image--stretched {
    width: 100%;
  }
  /* line 369, app/assets/stylesheets/component/articles.scss */
  .article-content--long figure.article__image--stretched img {
    max-height: none;
  }
  /* line 373, app/assets/stylesheets/component/articles.scss */
  .article-content--long figure.article__image--stretched figcaption {
    width: calc(940px * 0.65);
  }
}

@media (min-width: 1140px) {
  /* line 380, app/assets/stylesheets/component/articles.scss */
  .article-content--long .article-view__tags,
.article-content--long h1.inline,
.article-content--long h2.inline,
.article-content--long h3.inline,
.article-content--long p {
    width: calc(1100px * 0.65);
  }
  /* line 388, app/assets/stylesheets/component/articles.scss */
  .article-content--long figure.article__image--stretched figcaption {
    width: calc(1100px * 0.75) !important;
  }
}

@media (min-width: 1300px) {
  /* line 394, app/assets/stylesheets/component/articles.scss */
  .article-content--long .article-view__tags,
.article-content--long h1.inline,
.article-content--long h2.inline,
.article-content--long h3.inline,
.article-content--long p {
    width: calc(1260px * 0.65);
  }
}
/* line 1, app/assets/stylesheets/component/brand/logo_component.scss */
.logo {
  flex-grow: 0;
}

/* line 5, app/assets/stylesheets/component/brand/logo_component.scss */
.logo__link {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  margin: var(--spacer-3) 0;
  text-decoration: none;
}

/* line 13, app/assets/stylesheets/component/brand/logo_component.scss */
.logo__titlemark {
  color: var(--color-text-primary);
  display: none;
  font-family: var(--sans-serif-font-family);
  font-size: var(--font-size-h4);
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-decoration: none;
}

/* line 24, app/assets/stylesheets/component/brand/logo_component.scss */
.logo__titlemark--inverted {
  color: var(--color-text-inverse);
}

/* line 28, app/assets/stylesheets/component/brand/logo_component.scss */
.logo__logomark {
  display: inline-block;
  fill: var(--color-text-primary);
  height: 25px;
  margin: 0 var(--spacer-2) 0 0;
  width: 25px;
}

/* line 36, app/assets/stylesheets/component/brand/logo_component.scss */
.logo__logomark--inverted {
  fill: var(--color-text-inverse);
}

@media (min-width: 480px) {
  /* line 41, app/assets/stylesheets/component/brand/logo_component.scss */
  .logo__titlemark {
    display: inline-block;
  }
}

@media (min-width: 740px) {
  /* line 47, app/assets/stylesheets/component/brand/logo_component.scss */
  .logo__titlemark {
    display: none;
  }
}

@media (min-width: 980px) {
  /* line 53, app/assets/stylesheets/component/brand/logo_component.scss */
  .logo__titlemark {
    display: inline-block;
  }
}
/* line 1, app/assets/stylesheets/component/card_content_component.scss */
.card_content {
  grid-area: content;
  margin: 0;
}

/* line 6, app/assets/stylesheets/component/card_content_component.scss */
.card_content--to_edge {
  padding: 0 var(--spacer-3);
}

@media (min-width: 740px) {
  /* line 11, app/assets/stylesheets/component/card_content_component.scss */
  .card_content--to_edge {
    padding: 0;
  }
}
/* line 1, app/assets/stylesheets/component/card_with_author_component.scss */
.card_with_author {
  display: grid;
  margin: 0 0 var(--spacer-3);
  width: 100%;
}

/* line 7, app/assets/stylesheets/component/card_with_author_component.scss */
.card_with_author--collapse-horz {
  column-gap: var(--spacer-5);
  grid-template-areas: 'image content';
  grid-template-columns: 1fr 2fr;
}

/* line 13, app/assets/stylesheets/component/card_with_author_component.scss */
.card_with_author--collapse-vert {
  grid-template-areas: 'image' 'content';
  grid-template-rows: auto auto;
  row-gap: var(--spacer-3);
}

@media (min-width: 740px) {
  /* line 20, app/assets/stylesheets/component/card_with_author_component.scss */
  .card_with_author--expand-horz {
    column-gap: var(--spacer-5);
    grid-template-areas: 'image content';
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    row-gap: 0;
  }
  /* line 28, app/assets/stylesheets/component/card_with_author_component.scss */
  .card_with_author--reverse {
    grid-template-areas: 'content image';
  }
}

@media (min-width: 980px) {
  /* line 34, app/assets/stylesheets/component/card_with_author_component.scss */
  .card_with_author {
    margin: 0 0 var(--spacer-5);
  }
  /* line 38, app/assets/stylesheets/component/card_with_author_component.scss */
  .card_with_author--collapse-horz {
    grid-template-areas: 'image' 'content';
    grid-template-columns: auto;
    grid-template-rows: auto auto;
    row-gap: var(--spacer-3);
  }
}
/* line 1, app/assets/stylesheets/component/card_with_category_component.scss */
.card_with_category {
  display: grid;
  margin: 0 0 var(--spacer-3);
  width: 100%;
}

/* line 7, app/assets/stylesheets/component/card_with_category_component.scss */
.card_with_category--collapse-horz {
  column-gap: var(--spacer-5);
  grid-template-areas: 'image content';
  grid-template-columns: 1fr 2fr;
}

/* line 13, app/assets/stylesheets/component/card_with_category_component.scss */
.card_with_category--collapse-vert {
  grid-template-areas: 'image' 'content';
  grid-template-rows: auto auto;
  row-gap: var(--spacer-3);
}

@media (min-width: 740px) {
  /* line 20, app/assets/stylesheets/component/card_with_category_component.scss */
  .card_with_category--expand-horz {
    column-gap: var(--spacer-5);
    grid-template-areas: 'image content';
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    row-gap: 0;
  }
  /* line 28, app/assets/stylesheets/component/card_with_category_component.scss */
  .card_with_category--reverse {
    grid-template-areas: 'content image';
  }
}

@media (min-width: 980px) {
  /* line 34, app/assets/stylesheets/component/card_with_category_component.scss */
  .card_with_category {
    margin: 0 0 var(--spacer-5);
  }
  /* line 38, app/assets/stylesheets/component/card_with_category_component.scss */
  .card_with_category--collapse-horz {
    grid-template-areas: 'image' 'content';
    grid-template-columns: auto;
    grid-template-rows: auto auto;
    row-gap: var(--spacer-3);
  }
}
/* line 1, app/assets/stylesheets/component/close_button_component.scss */
.close_button {
  background: none;
  border: none;
  position: absolute;
  right: 12px;
  top: 16px;
}

/* line 9, app/assets/stylesheets/component/close_button_component.scss */
.close_button__icon {
  height: 14px;
  stroke: var(--color-text-primary);
  width: 14px;
}

/* line 15, app/assets/stylesheets/component/close_button_component.scss */
.close_button__icon--inverted {
  stroke: var(--color-text-inverse);
}
/* line 1, app/assets/stylesheets/component/featured_card_with_author_component.scss */
.featured_card_with_author {
  display: grid;
  grid-template-areas: 'image' 'content';
  grid-template-rows: auto auto;
  margin: 0 0 var(--spacer-3);
  row-gap: var(--spacer-3);
  width: 100%;
}

@media (min-width: 740px) {
  /* line 11, app/assets/stylesheets/component/featured_card_with_author_component.scss */
  .featured_card_with_author {
    column-gap: var(--spacer-5);
    grid-template-areas: 'image content';
    grid-template-columns: 3fr 1fr;
    margin: 0 0 var(--spacer-5);
    row-gap: 0;
    width: 100%;
  }
}
/* line 1, app/assets/stylesheets/component/featured_card_with_category_component.scss */
.featured_card_with_category {
  display: grid;
  grid-template-areas: 'image' 'content';
  grid-template-rows: auto auto;
  margin: 0 0 var(--spacer-3);
  row-gap: var(--spacer-3);
  width: 100%;
}

@media (min-width: 740px) {
  /* line 11, app/assets/stylesheets/component/featured_card_with_category_component.scss */
  .featured_card_with_category {
    column-gap: var(--spacer-5);
    grid-template-areas: 'image content';
    grid-template-columns: 3fr 1fr;
    margin: 0 0 var(--spacer-5);
    row-gap: 0;
    width: 100%;
  }
}
/* line 1, app/assets/stylesheets/component/featured_video_with_category_component.scss */
.featured_video_with_category {
  background: #000;
  margin: 0 0 var(--spacer-3);
  padding: var(--spacer-5) 0;
  width: 100%;
}

/* line 8, app/assets/stylesheets/component/featured_video_with_category_component.scss */
.featured_video__header {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}

/* line 14, app/assets/stylesheets/component/featured_video_with_category_component.scss */
.featured_video__date {
  color: #fff;
  font-family: var(--sans-serif-font-family);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

/* line 22, app/assets/stylesheets/component/featured_video_with_category_component.scss */
.featured_video__tag_list {
  display: flex;
  flex-flow: row nowrap;
}

/* line 26, app/assets/stylesheets/component/featured_video_with_category_component.scss */
.featured_video__tag_list li {
  color: magenta;
  font-family: var(--sans-serif-font-family);
  font-size: 12px;
  font-weight: 600;
  margin: 0 4px 0 0;
  text-transform: uppercase;
}

/* line 36, app/assets/stylesheets/component/featured_video_with_category_component.scss */
.featured_video__headline a {
  color: #fff;
  display: block;
  font-family: var(--sans-serif-font-family);
  font-size: 48px;
  font-weight: 600;
  margin: var(--spacer-3) 0;
  text-decoration: none;
}

/* line 45, app/assets/stylesheets/component/featured_video_with_category_component.scss */
.featured_video__headline a:hover {
  color: cyan;
}

@media (min-width: 740px) {
  /* line 51, app/assets/stylesheets/component/featured_video_with_category_component.scss */
  .featured_video_with_category {
    margin: 0 0 var(--spacer-5);
    padding: var(--spacer-9) 0;
  }
}
/* line 1, app/assets/stylesheets/component/form/field_component.scss */
.field {
  color: var(--color-text-primary);
  display: block;
  font-family: var(--sans-serif-font-family);
  font-size: var(--font-size-h5);
  font-weight: 400;
  margin: 0 0 var(--spacer-3);
}

/* line 9, app/assets/stylesheets/component/form/field_component.scss */
.field a {
  color: var(--color-text-primary);
  border-bottom: 1px solid var(--color-border-link);
  text-decoration: none;
}

/* line 15, app/assets/stylesheets/component/form/field_component.scss */
.field a:hover {
  border-bottom: 1px solid var(--color-border-link-hover);
  color: var(--color-text-link-hover);
}

@media (min-width: 740px) {
  /* line 22, app/assets/stylesheets/component/form/field_component.scss */
  .field {
    margin: 0 0 var(--spacer-5);
  }
}
/* line 1, app/assets/stylesheets/component/form/input_component.scss */
.input {
  font-family: var(--sans-serif-font-family);
  font-size: 16px;
  font-weight: 600;
}

/* line 7, app/assets/stylesheets/component/form/input_component.scss */
.input--email,
.input--text,
.input--password,
.input--select {
  background: var(--color-background-primary);
  border: 0px;
  border-bottom: 1px solid var(--color-border-primary);
  padding: var(--spacer-1) var(--spacer-2);
  margin: 0 0 20px;
  width: 60%;
}

/* line 18, app/assets/stylesheets/component/form/input_component.scss */
.input--email:disabled,
.input--text:disabled,
.input--password:disabled,
.input--select:disabled {
  border-bottom: 1px solid #aaa;
}

/* line 23, app/assets/stylesheets/component/form/input_component.scss */
.input--button {
  background: #fff;
  border: 1px solid var(--color-border-primary) !important;
  color: #000;
  cursor: pointer;
  font-weight: 600;
  margin: 0 var(--spacer-2) 0 0;
  padding: var(--spacer-2) var(--spacer-4);
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
}

/* line 36, app/assets/stylesheets/component/form/input_component.scss */
.input--button:hover {
  background: var(--color-background-primary);
  color: var(--color-text-primary);
}

/* line 41, app/assets/stylesheets/component/form/input_component.scss */
.error {
  color: red;
  display: block;
  margin: -10px 0 0;
}
/* line 1, app/assets/stylesheets/component/form/label_component.scss */
.label {
  color: var(--color-text-primary);
  display: block;
  font-family: var(--sans-serif-font-family);
  font-size: var(--font-size-h5);
  font-weight: 600;
  margin: 0 0 var(--spacer-1);
}

/* line 9, app/assets/stylesheets/component/form/label_component.scss */
.label span {
  color: #aaa;
}
/* line 1, app/assets/stylesheets/component/issue_component.scss */
.issue {
  display: flex;
  flex-flow: column nowrap;
  margin: 0 0 var(--spacer-3) 0;
}

/* line 6, app/assets/stylesheets/component/issue_component.scss */
.issue a {
  display: block;
  text-decoration: none;
}

/* line 12, app/assets/stylesheets/component/issue_component.scss */
.issue__title {
  color: var(--neutral0);
  font-family: var(--sans-serif-font-family);
  font-size: 16px;
  font-weight: 600;
  margin: var(--spacer-1) 0 0;
}

/* line 20, app/assets/stylesheets/component/issue_component.scss */
.issue__cover-date {
  color: var(--neutral0);
  font-family: var(--sans-serif-font-family);
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0;
}

/* line 29, app/assets/stylesheets/component/issue_component.scss */
.issue__article-list {
  font-family: var(--sans-serif-font-family);
  display: flex;
  flex-flow: column nowrap;
}

/* line 35, app/assets/stylesheets/component/issue_component.scss */
.issue__category {
  width: 100%;
}

/* line 39, app/assets/stylesheets/component/issue_component.scss */
.issue__category-name {
  color: var(--blue100);
  font-size: 12px;
  text-transform: uppercase;
  margin: 0 0 7px;
}

/* line 46, app/assets/stylesheets/component/issue_component.scss */
.issue__category-article-list {
  display: flex;
  flex-flow: column nowrap;
  margin: 0 0 20px;
}

/* line 52, app/assets/stylesheets/component/issue_component.scss */
.issue__category-article-list-item {
  margin: 0 0 4px;
}

/* line 55, app/assets/stylesheets/component/issue_component.scss */
.issue__category-article-list-item a {
  color: var(--neutral0);
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
}

/* line 61, app/assets/stylesheets/component/issue_component.scss */
.issue__category-article-list-item a em {
  font-style: normal;
  margin: 0 0 0 4px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
  color: #aaa;
}

/* line 72, app/assets/stylesheets/component/issue_component.scss */
.issue__category-article-list-item a:hover,
.issue__category-article-list-item a:hover em {
  color: var(--magenta100);
}

@media (min-width: 740px) {
  /* line 78, app/assets/stylesheets/component/issue_component.scss */
  .issue__article-list {
    display: flex;
    flex-flow: row wrap;
  }
  /* line 83, app/assets/stylesheets/component/issue_component.scss */
  .issue__category-column {
    width: 45%;
    padding: 0 0 0 20px;
  }
}
/* line 1, app/assets/stylesheets/component/issue_highlight_component.scss */
.issue_highlight {
  margin: 0 0 var(--spacer-3) 0;
}

/* line 5, app/assets/stylesheets/component/issue_highlight_component.scss */
.issue_highlight__header {
  color: var(--color-text-primary);
  font-family: var(--headline-font-family);
  font-size: var(--font-size-h3);
  font-weight: 400;
}

/* line 12, app/assets/stylesheets/component/issue_highlight_component.scss */
.issue_highlight__cover_date {
  color: var(--color-text-primary);
  font-family: var(--sans-serif-font-family);
  font-size: var(--font-size-h5);
  font-weight: 600;
  text-transform: uppercase;
}

@media (min-width: 740px) {
  /* line 21, app/assets/stylesheets/component/issue_highlight_component.scss */
  .issue_highlight {
    margin: 0 0 var(--spacer-5) 0;
  }
}

@media (min-width: 1140px) {
  /* line 27, app/assets/stylesheets/component/issue_highlight_component.scss */
  .issue_highlight {
    border-right: 1px solid var(--color-border-primary);
    height: 100%;
    margin: 0;
    padding: 0 var(--spacer-5) var(--spacer-5) 0;
  }
}
/* line 1, app/assets/stylesheets/component/latest_issue_component.scss */
.latest-issue {
  column-gap: var(--spacer-3);
  display: grid;
  grid-template-areas: 'image content';
  grid-template-columns: 46fr 22fr;
  justify-items: stretch;
  margin: var(--spacer-9) 0;
}

/* line 10, app/assets/stylesheets/component/latest_issue_component.scss */
.latest-issue__banner {
  align-items: center;
  background-color: var(--color-background-placeholder);
  background-position: center center;
  background-size: cover;
  color: var(--color-text-primary);
  display: block;
  flex-flow: column wrap;
  font-family: var(--sans-serif-font-family);
  height: 60%;
  justify-content: center;
  margin: 0 0 var(--spacer-3);
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
}

/* line 27, app/assets/stylesheets/component/latest_issue_component.scss */
.latest-issue__title {
  font-size: var(--latest-issue-title-font-size);
  margin: 0 0 7px;
}

/* line 32, app/assets/stylesheets/component/latest_issue_component.scss */
.latest-issue__tagline {
  font-size: var(--latest-issue-tagline-font-size);
}

/* line 37, app/assets/stylesheets/component/latest_issue_component.scss */
.latest-issue__banner--image .latest-issue__title,
.latest-issue__banner--image .latest-issue__tagline {
  display: none;
}

/* line 43, app/assets/stylesheets/component/latest_issue_component.scss */
.latest-issue__meta {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  font-family: var(--sans-serif-font-family);
  font-size: var(--issue-meta-font-size);
  text-transform: uppercase;
  font-weight: 600;
}

/* line 53, app/assets/stylesheets/component/latest_issue_component.scss */
.latest-issue__meta-link {
  flex-grow: 1;
  text-align: center;
}

/* line 57, app/assets/stylesheets/component/latest_issue_component.scss */
.latest-issue__meta-link a {
  color: var(--neutral0);
  text-decoration: none;
  border-bottom: 2px solid var(--cyan100);
}

@media (min-width: 740px) {
  /* line 65, app/assets/stylesheets/component/latest_issue_component.scss */
  .latest-issue__banner {
    height: 60%;
  }
}
/* line 1, app/assets/stylesheets/component/layout/column_component.scss */
.column {
  justify-self: stretch;
}

/* line 5, app/assets/stylesheets/component/layout/column_component.scss */
.column--span12 {
  grid-column: auto / span 12;
}

/* line 9, app/assets/stylesheets/component/layout/column_component.scss */
.column--span11 {
  grid-column: auto / span 11;
}

/* line 13, app/assets/stylesheets/component/layout/column_component.scss */
.column--span10 {
  grid-column: auto / span 10;
}

/* line 17, app/assets/stylesheets/component/layout/column_component.scss */
.column--span9 {
  grid-column: auto / span 9;
}

/* line 21, app/assets/stylesheets/component/layout/column_component.scss */
.column--span8 {
  grid-column: auto / span 8;
}

/* line 25, app/assets/stylesheets/component/layout/column_component.scss */
.column--span7 {
  grid-column: auto / span 7;
}

/* line 29, app/assets/stylesheets/component/layout/column_component.scss */
.column--span6 {
  grid-column: auto / span 6;
}

/* line 33, app/assets/stylesheets/component/layout/column_component.scss */
.column--span5 {
  grid-column: auto / span 5;
}

/* line 37, app/assets/stylesheets/component/layout/column_component.scss */
.column--span4 {
  grid-column: auto / span 4;
}

/* line 41, app/assets/stylesheets/component/layout/column_component.scss */
.column--span3 {
  grid-column: auto / span 3;
}

/* line 45, app/assets/stylesheets/component/layout/column_component.scss */
.column--span2 {
  grid-column: auto / span 2;
}

/* line 49, app/assets/stylesheets/component/layout/column_component.scss */
.column--span1 {
  grid-column: auto / span 1;
}

@media (min-width: 740px) {
  /* line 54, app/assets/stylesheets/component/layout/column_component.scss */
  .column--span-sm12 {
    grid-column: auto / span 12;
  }
  /* line 58, app/assets/stylesheets/component/layout/column_component.scss */
  .column--span-sm11 {
    grid-column: auto / span 11;
  }
  /* line 62, app/assets/stylesheets/component/layout/column_component.scss */
  .column--span-sm10 {
    grid-column: auto / span 10;
  }
  /* line 66, app/assets/stylesheets/component/layout/column_component.scss */
  .column--span-sm9 {
    grid-column: auto / span 9;
  }
  /* line 70, app/assets/stylesheets/component/layout/column_component.scss */
  .column--span-sm8 {
    grid-column: auto / span 8;
  }
  /* line 74, app/assets/stylesheets/component/layout/column_component.scss */
  .column--span-sm7 {
    grid-column: auto / span 7;
  }
  /* line 78, app/assets/stylesheets/component/layout/column_component.scss */
  .column--span-sm6 {
    grid-column: auto / span 6;
  }
  /* line 82, app/assets/stylesheets/component/layout/column_component.scss */
  .column--span-sm5 {
    grid-column: auto / span 5;
  }
  /* line 86, app/assets/stylesheets/component/layout/column_component.scss */
  .column--span-sm4 {
    grid-column: auto / span 4;
  }
  /* line 90, app/assets/stylesheets/component/layout/column_component.scss */
  .column--span-sm3 {
    grid-column: auto / span 3;
  }
  /* line 94, app/assets/stylesheets/component/layout/column_component.scss */
  .column--span-sm2 {
    grid-column: auto / span 2;
  }
  /* line 98, app/assets/stylesheets/component/layout/column_component.scss */
  .column--span-sm1 {
    grid-column: auto / span 1;
  }
}

@media (min-width: 980px) {
  /* line 104, app/assets/stylesheets/component/layout/column_component.scss */
  .column--span-md12 {
    grid-column: auto / span 12;
  }
  /* line 107, app/assets/stylesheets/component/layout/column_component.scss */
  .column--span-md11 {
    grid-column: auto / span 11;
  }
  /* line 110, app/assets/stylesheets/component/layout/column_component.scss */
  .column--span-md10 {
    grid-column: auto / span 10;
  }
  /* line 113, app/assets/stylesheets/component/layout/column_component.scss */
  .column--span-md9 {
    grid-column: auto / span 9;
  }
  /* line 116, app/assets/stylesheets/component/layout/column_component.scss */
  .column--span-md8 {
    grid-column: auto / span 8;
  }
  /* line 119, app/assets/stylesheets/component/layout/column_component.scss */
  .column--span-md7 {
    grid-column: auto / span 7;
  }
  /* line 122, app/assets/stylesheets/component/layout/column_component.scss */
  .column--span-md6 {
    grid-column: auto / span 6;
  }
  /* line 125, app/assets/stylesheets/component/layout/column_component.scss */
  .column--span-md5 {
    grid-column: auto / span 5;
  }
  /* line 128, app/assets/stylesheets/component/layout/column_component.scss */
  .column--span-md4 {
    grid-column: auto / span 4;
  }
  /* line 131, app/assets/stylesheets/component/layout/column_component.scss */
  .column--span-md3 {
    grid-column: auto / span 3;
  }
  /* line 134, app/assets/stylesheets/component/layout/column_component.scss */
  .column--span-md2 {
    grid-column: auto / span 2;
  }
}

@media (min-width: 1140px) {
  /* line 140, app/assets/stylesheets/component/layout/column_component.scss */
  .column--span-lg12 {
    grid-column: auto / span 12;
  }
  /* line 144, app/assets/stylesheets/component/layout/column_component.scss */
  .column--span-lg11 {
    grid-column: auto / span 11;
  }
  /* line 148, app/assets/stylesheets/component/layout/column_component.scss */
  .column--span-lg10 {
    grid-column: auto / span 10;
  }
  /* line 152, app/assets/stylesheets/component/layout/column_component.scss */
  .column--span-lg9 {
    grid-column: auto / span 9;
  }
  /* line 156, app/assets/stylesheets/component/layout/column_component.scss */
  .column--span-lg8 {
    grid-column: auto / span 8;
  }
  /* line 160, app/assets/stylesheets/component/layout/column_component.scss */
  .column--span-lg7 {
    grid-column: auto / span 7;
  }
  /* line 164, app/assets/stylesheets/component/layout/column_component.scss */
  .column--span-lg6 {
    grid-column: auto / span 6;
  }
  /* line 168, app/assets/stylesheets/component/layout/column_component.scss */
  .column--span-lg5 {
    grid-column: auto / span 5;
  }
  /* line 172, app/assets/stylesheets/component/layout/column_component.scss */
  .column--span-lg4 {
    grid-column: auto / span 4;
  }
  /* line 176, app/assets/stylesheets/component/layout/column_component.scss */
  .column--span-lg3 {
    grid-column: auto / span 3;
  }
  /* line 180, app/assets/stylesheets/component/layout/column_component.scss */
  .column--span-lg2 {
    grid-column: auto / span 2;
  }
}

@media (min-width: 1300px) {
  /* line 186, app/assets/stylesheets/component/layout/column_component.scss */
  .column--span-xl12 {
    grid-column: auto / span 12;
  }
  /* line 190, app/assets/stylesheets/component/layout/column_component.scss */
  .column--span-xl11 {
    grid-column: auto / span 11;
  }
  /* line 194, app/assets/stylesheets/component/layout/column_component.scss */
  .column--span-xl10 {
    grid-column: auto / span 10;
  }
  /* line 198, app/assets/stylesheets/component/layout/column_component.scss */
  .column--span-xl9 {
    grid-column: auto / span 9;
  }
  /* line 202, app/assets/stylesheets/component/layout/column_component.scss */
  .column--span-xl8 {
    grid-column: auto / span 8;
  }
  /* line 206, app/assets/stylesheets/component/layout/column_component.scss */
  .column--span-xl7 {
    grid-column: auto / span 7;
  }
  /* line 210, app/assets/stylesheets/component/layout/column_component.scss */
  .column--span-xl6 {
    grid-column: auto / span 6;
  }
  /* line 214, app/assets/stylesheets/component/layout/column_component.scss */
  .column--span-xl5 {
    grid-column: auto / span 5;
  }
  /* line 218, app/assets/stylesheets/component/layout/column_component.scss */
  .column--span-xl4 {
    grid-column: auto / span 4;
  }
  /* line 222, app/assets/stylesheets/component/layout/column_component.scss */
  .column--span-xl3 {
    grid-column: auto / span 3;
  }
  /* line 226, app/assets/stylesheets/component/layout/column_component.scss */
  .column--span-xl2 {
    grid-column: auto / span 2;
  }
}
/* line 1, app/assets/stylesheets/component/layout/columns_component.scss */
.columns {
  column-gap: var(--spacer-5);
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  width: 100%;
}
/* line 1, app/assets/stylesheets/component/layout/container_component.scss */
.container {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  margin: 0 var(--spacer-3);
  width: calc(100vw - var(--spacer-6));
}

/* line 9, app/assets/stylesheets/component/layout/container_component.scss */
.container--to_edge {
  margin: 0;
  width: 100vw;
}

@media (min-width: 740px) {
  /* line 15, app/assets/stylesheets/component/layout/container_component.scss */
  .container {
    margin: 0 auto;
    width: 720px;
  }
  /* line 20, app/assets/stylesheets/component/layout/container_component.scss */
  .container--to_edge {
    margin: 0 auto;
  }
}

@media (min-width: 980px) {
  /* line 26, app/assets/stylesheets/component/layout/container_component.scss */
  .container {
    width: 940px;
  }
}

@media (min-width: 1140px) {
  /* line 32, app/assets/stylesheets/component/layout/container_component.scss */
  .container {
    width: 1100px;
  }
}

@media (min-width: 1300px) {
  /* line 38, app/assets/stylesheets/component/layout/container_component.scss */
  .container {
    width: 1260px;
  }
}
/* line 1, app/assets/stylesheets/component/layout/seperator_component.scss */
.seperator {
  border: 0;
  border-bottom: 1px solid var(--color-border-primary);
  margin: 0 0 var(--spacer-3);
  padding: 0;
}

/* line 8, app/assets/stylesheets/component/layout/seperator_component.scss */
.page .seperator:first-child,
.seperator + .seperator {
  display: none;
}

@media (min-width: 740px) {
  /* line 14, app/assets/stylesheets/component/layout/seperator_component.scss */
  .seperator {
    margin: 0 0 var(--spacer-5);
  }
}
/* line 1, app/assets/stylesheets/component/nav/cart_button_component.scss */
.cart_button {
  background: none;
  border: 0;
  display: flex;
  padding: 0;
  position: relative;
}

/* line 9, app/assets/stylesheets/component/nav/cart_button_component.scss */
.cart_button__icon {
  fill: var(--color-background-primary);
  stroke: var(--color-text-primary);
  height: 18px;
  width: 18px;
}

/* line 16, app/assets/stylesheets/component/nav/cart_button_component.scss */
.has_contents {
  display: block;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
  width: 8px;
  aspect-ratio: 1;
  background: red;
}
/* line 1, app/assets/stylesheets/component/nav/copyright_component.scss */
.copyright {
  color: var(--color-text-inverse);
  font-family: var(--sans-serif-font-family);
  font-style: normal;
  font-size: var(--font-size-h6);
  font-weight: 600;
}

/* line 8, app/assets/stylesheets/component/nav/copyright_component.scss */
.copyright p {
  margin-bottom: var(--spacer-3);
}

/* line 12, app/assets/stylesheets/component/nav/copyright_component.scss */
.copyright address {
  font-style: normal;
  margin-bottom: var(--spacer-3);
}

/* line 17, app/assets/stylesheets/component/nav/copyright_component.scss */
.copyright a {
  color: inherit;
}
/* line 1, app/assets/stylesheets/component/nav/footer_component.scss */
.footer {
  margin: var(--spacer-3) 0 0;
}

@media (min-width: 740px) {
  /* line 6, app/assets/stylesheets/component/nav/footer_component.scss */
  .footer {
    margin: var(--spacer-5) 0 0;
  }
}
/* line 1, app/assets/stylesheets/component/nav/footer_links_component.scss */
.footer_links__item {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  margin: 0 0 var(--spacer-1);
}

/* line 8, app/assets/stylesheets/component/nav/footer_links_component.scss */
.footer_links__link {
  color: var(--color-text-inverse);
  font-family: var(--sans-serif-font-family);
  font-size: var(--font-size-h5);
  text-decoration: none;
}
/* line 1, app/assets/stylesheets/component/nav/legal_links_component.scss */
.legal_links__item {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  margin: 0 0 var(--spacer-1);
}

/* line 8, app/assets/stylesheets/component/nav/legal_links_component.scss */
.legal_links__link {
  color: var(--color-text-inverse);
  font-family: var(--sans-serif-font-family);
  font-size: var(--font-size-h5);
  text-decoration: none;
}
/* line 1, app/assets/stylesheets/component/nav/login_button_component.scss */
.login_button {
  color: var(--color-text-primary);
  display: none;
  font-family: var(--sans-serif-font-family);
  font-size: var(--font-size-h6);
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
}

@media (min-width: 740px) {
  /* line 12, app/assets/stylesheets/component/nav/login_button_component.scss */
  .login_button {
    display: flex;
  }
}
/* line 1, app/assets/stylesheets/component/nav/menu_button_component.scss */
.menu_button {
  background: none;
  border: 0;
  display: flex;
  padding: 0;
}

/* line 8, app/assets/stylesheets/component/nav/menu_button_component.scss */
.menu_button__icon {
  fill: var(--color-background-primary);
  stroke: var(--color-text-primary);
  width: 24px;
}

@media (min-width: 740px) {
  /* line 15, app/assets/stylesheets/component/nav/menu_button_component.scss */
  .menu_button {
    display: none;
  }
}
/* line 1, app/assets/stylesheets/component/nav/nav_component.scss */
.nav {
  align-items: center;
  background: var(--color-background-primary);
  border-bottom: 1px solid var(--color-border-primary);
  display: flex;
  flex-flow: row nowrap;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9;
}

/* line 14, app/assets/stylesheets/component/nav/nav_component.scss */
.search-nav {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 365;
  background: var(--neutral-alpha);
  min-width: 320px;
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
}

/* line 28, app/assets/stylesheets/component/nav/nav_component.scss */
.search-nav form {
  border-bottom: 1px solid var(--neutral0);
  display: flex;
  margin: 0 10%;
  width: 80%;
  flex-flow: row nowrap;
}

/* line 35, app/assets/stylesheets/component/nav/nav_component.scss */
.search-nav form input {
  font-size: var(--font-size-xsmall);
  font-weight: 600;
  color: var(--neutral0);
  font-family: var(--sans-serif-font-family);
  background: none;
  border: none;
  text-transform: uppercase;
  margin: 0;
  flex-grow: 1;
}

/* line 47, app/assets/stylesheets/component/nav/nav_component.scss */
.search-nav form input:focus {
  border: 0;
  outline: 0;
}

/* line 52, app/assets/stylesheets/component/nav/nav_component.scss */
.search-nav form input[type="submit"] {
  width: 80px;
  font-size: var(--font-size-4xsmall);
  font-weight: 400;
  padding: 10px;
  flex-grow: 0;
}
/* line 1, app/assets/stylesheets/component/nav/nav_link_component.scss */
.nav_link {
  margin: 0 var(--spacer-1);
}

/* line 5, app/assets/stylesheets/component/nav/nav_link_component.scss */
.nav_link__link {
  color: var(--color-text-primary);
  display: none;
  font-family: var(--sans-serif-font-family);
  font-size: var(--font-size-h4);
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
}

/* line 15, app/assets/stylesheets/component/nav/nav_link_component.scss */
.nav_link__link--active {
  border-bottom: 1px solid magenta;
}

@media (min-width: 740px) {
  /* line 20, app/assets/stylesheets/component/nav/nav_link_component.scss */
  .nav_link__link {
    display: inline-block;
  }
}

@media (min-width: 980px) {
  /* line 26, app/assets/stylesheets/component/nav/nav_link_component.scss */
  .nav_link {
    margin: 0 var(--spacer-2);
  }
}
/* line 1, app/assets/stylesheets/component/nav/nav_links_component.scss */
.nav_links {
  align-items: center;
  display: flex;
  flex-grow: 1;
  justify-content: center;
}
/* line 1, app/assets/stylesheets/component/nav/responsive_nav_component.scss */
.responsive_nav {
  background: var(--color-background-inverse);
  bottom: 0;
  left: 0;
  min-width: 320px;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden;
  z-index: 365;
}

/* line 13, app/assets/stylesheets/component/nav/responsive_nav_component.scss */
.responsive_nav__links {
  flex-grow: 1;
  margin: var(--spacer-2) var(--spacer-5) 0;
}

/* line 18, app/assets/stylesheets/component/nav/responsive_nav_component.scss */
.responsive_nav__link {
  color: var(--color-text-inverse);
  display: inline-block;
  font-family: var(--sans-serif-font-family);
  font-size: var(--font-size-h4);
  font-weight: 600;
  margin: 0 0 var(--spacer-2);
  text-decoration: none;
  text-transform: uppercase;
}

/* line 29, app/assets/stylesheets/component/nav/responsive_nav_component.scss */
.responsive_nav__seperator {
  border-color: var(--color-border-inverse);
  margin: var(--spacer-2) 0 var(--spacer-4);
}

/* line 34, app/assets/stylesheets/component/nav/responsive_nav_component.scss */
.responsive_nav__link--small {
  font-size: var(--font-size-h5);
}
/* line 1, app/assets/stylesheets/component/nav/search_button_component copy.scss */
.search_button {
  background: none;
  border: 0;
  display: flex;
  padding: 0;
}

/* line 8, app/assets/stylesheets/component/nav/search_button_component copy.scss */
.search_button__icon {
  fill: var(--color-background-primary);
  stroke: var(--color-text-primary);
  width: 18px;
}
/* line 1, app/assets/stylesheets/component/nav/social_component.scss */
.social__item {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  margin: 0 0 var(--spacer-1);
}

/* line 8, app/assets/stylesheets/component/nav/social_component.scss */
.social__link {
  color: var(--color-text-inverse);
  font-family: var(--sans-serif-font-family);
  font-size: var(--font-size-h5);
  text-decoration: none;
}

/* line 15, app/assets/stylesheets/component/nav/social_component.scss */
.social__link:before {
  background-size: 14px 14px;
  content: '';
  display: inline-block;
  height: 14px;
  margin: 0 10px 0 0;
  width: 14px;
}

/* line 24, app/assets/stylesheets/component/nav/social_component.scss */
.social__link--facebook:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTI0IDEyLjA3M2MwLTYuNjI3LTUuMzczLTEyLTEyLTEycy0xMiA1LjM3My0xMiAxMmMwIDUuOTkgNC4zODggMTAuOTU0IDEwLjEyNSAxMS44NTR2LTguMzg1SDcuMDc4di0zLjQ3aDMuMDQ3VjkuNDNjMC0zLjAwNyAxLjc5Mi00LjY2OSA0LjUzMy00LjY2OSAxLjMxMiAwIDIuNjg2LjIzNSAyLjY4Ni4yMzV2Mi45NTNIMTUuODNjLTEuNDkxIDAtMS45NTYuOTI1LTEuOTU2IDEuODc0djIuMjVoMy4zMjhsLS41MzIgMy40N2gtMi43OTZ2OC4zODVDMTkuNjEyIDIzLjAyNyAyNCAxOC4wNjIgMjQgMTIuMDczeiIvPjwvc3ZnPgo=) center center no-repeat;
}

/* line 28, app/assets/stylesheets/component/nav/social_component.scss */
.social__link--twitter:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIzLjk1MyA0LjU3YTEwIDEwIDAgMDEtMi44MjUuNzc1IDQuOTU4IDQuOTU4IDAgMDAyLjE2My0yLjcyM2MtLjk1MS41NTUtMi4wMDUuOTU5LTMuMTI3IDEuMTg0YTQuOTIgNC45MiAwIDAwLTguMzg0IDQuNDgyQzcuNjkgOC4wOTUgNC4wNjcgNi4xMyAxLjY0IDMuMTYyYTQuODIyIDQuODIyIDAgMDAtLjY2NiAyLjQ3NWMwIDEuNzEuODcgMy4yMTMgMi4xODggNC4wOTZhNC45MDQgNC45MDQgMCAwMS0yLjIyOC0uNjE2di4wNmE0LjkyMyA0LjkyMyAwIDAwMy45NDYgNC44MjcgNC45OTYgNC45OTYgMCAwMS0yLjIxMi4wODUgNC45MzYgNC45MzYgMCAwMDQuNjA0IDMuNDE3IDkuODY3IDkuODY3IDAgMDEtNi4xMDIgMi4xMDVjLS4zOSAwLS43NzktLjAyMy0xLjE3LS4wNjdhMTMuOTk1IDEzLjk5NSAwIDAwNy41NTcgMi4yMDljOS4wNTMgMCAxMy45OTgtNy40OTYgMTMuOTk4LTEzLjk4NSAwLS4yMSAwLS40Mi0uMDE1LS42M0E5LjkzNSA5LjkzNSAwIDAwMjQgNC41OXoiLz48L3N2Zz4K) center center no-repeat;
}

/* line 32, app/assets/stylesheets/component/nav/social_component.scss */
.social__link--instagram:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEyIDBDOC43NCAwIDguMzMzLjAxNSA3LjA1My4wNzIgNS43NzUuMTMyIDQuOTA1LjMzMyA0LjE0LjYzYy0uNzg5LjMwNi0xLjQ1OS43MTctMi4xMjYgMS4zODRTLjkzNSAzLjM1LjYzIDQuMTRDLjMzMyA0LjkwNS4xMzEgNS43NzUuMDcyIDcuMDUzLjAxMiA4LjMzMyAwIDguNzQgMCAxMnMuMDE1IDMuNjY3LjA3MiA0Ljk0N2MuMDYgMS4yNzcuMjYxIDIuMTQ4LjU1OCAyLjkxMy4zMDYuNzg4LjcxNyAxLjQ1OSAxLjM4NCAyLjEyNi42NjcuNjY2IDEuMzM2IDEuMDc5IDIuMTI2IDEuMzg0Ljc2Ni4yOTYgMS42MzYuNDk5IDIuOTEzLjU1OEM4LjMzMyAyMy45ODggOC43NCAyNCAxMiAyNHMzLjY2Ny0uMDE1IDQuOTQ3LS4wNzJjMS4yNzctLjA2IDIuMTQ4LS4yNjIgMi45MTMtLjU1OC43ODgtLjMwNiAxLjQ1OS0uNzE4IDIuMTI2LTEuMzg0LjY2Ni0uNjY3IDEuMDc5LTEuMzM1IDEuMzg0LTIuMTI2LjI5Ni0uNzY1LjQ5OS0xLjYzNi41NTgtMi45MTMuMDYtMS4yOC4wNzItMS42ODcuMDcyLTQuOTQ3cy0uMDE1LTMuNjY3LS4wNzItNC45NDdjLS4wNi0xLjI3Ny0uMjYyLTIuMTQ5LS41NTgtMi45MTMtLjMwNi0uNzg5LS43MTgtMS40NTktMS4zODQtMi4xMjZDMjEuMzE5IDEuMzQ3IDIwLjY1MS45MzUgMTkuODYuNjNjLS43NjUtLjI5Ny0xLjYzNi0uNDk5LTIuOTEzLS41NThDMTUuNjY3LjAxMiAxNS4yNiAwIDEyIDB6bTAgMi4xNmMzLjIwMyAwIDMuNTg1LjAxNiA0Ljg1LjA3MSAxLjE3LjA1NSAxLjgwNS4yNDkgMi4yMjcuNDE1LjU2Mi4yMTcuOTYuNDc3IDEuMzgyLjg5Ni40MTkuNDIuNjc5LjgxOS44OTYgMS4zODEuMTY0LjQyMi4zNiAxLjA1Ny40MTMgMi4yMjcuMDU3IDEuMjY2LjA3IDEuNjQ2LjA3IDQuODVzLS4wMTUgMy41ODUtLjA3NCA0Ljg1Yy0uMDYxIDEuMTctLjI1NiAxLjgwNS0uNDIxIDIuMjI3LS4yMjQuNTYyLS40NzkuOTYtLjg5OSAxLjM4Mi0uNDE5LjQxOS0uODI0LjY3OS0xLjM4Ljg5Ni0uNDIuMTY0LTEuMDY1LjM2LTIuMjM1LjQxMy0xLjI3NC4wNTctMS42NDkuMDctNC44NTkuMDctMy4yMTEgMC0zLjU4Ni0uMDE1LTQuODU5LS4wNzQtMS4xNzEtLjA2MS0xLjgxNi0uMjU2LTIuMjM2LS40MjEtLjU2OS0uMjI0LS45Ni0uNDc5LTEuMzc5LS44OTktLjQyMS0uNDE5LS42OS0uODI0LS45LTEuMzgtLjE2NS0uNDItLjM1OS0xLjA2NS0uNDItMi4yMzUtLjA0NS0xLjI2LS4wNjEtMS42NDktLjA2MS00Ljg0NCAwLTMuMTk2LjAxNi0zLjU4Ni4wNjEtNC44NjEuMDYxLTEuMTcuMjU1LTEuODE0LjQyLTIuMjM0LjIxLS41Ny40NzktLjk2LjktMS4zODEuNDE5LS40MTkuODEtLjY4OSAxLjM3OS0uODk4LjQyLS4xNjYgMS4wNTEtLjM2MSAyLjIyMS0uNDIxIDEuMjc1LS4wNDUgMS42NS0uMDYgNC44NTktLjA2bC4wNDUuMDN6bTAgMy42NzhjLTMuNDA1IDAtNi4xNjIgMi43Ni02LjE2MiA2LjE2MiAwIDMuNDA1IDIuNzYgNi4xNjIgNi4xNjIgNi4xNjIgMy40MDUgMCA2LjE2Mi0yLjc2IDYuMTYyLTYuMTYyIDAtMy40MDUtMi43Ni02LjE2Mi02LjE2Mi02LjE2MnpNMTIgMTZjLTIuMjEgMC00LTEuNzktNC00czEuNzktNCA0LTQgNCAxLjc5IDQgNC0xLjc5IDQtNCA0em03Ljg0Ni0xMC40MDVjMCAuNzk1LS42NDYgMS40NC0xLjQ0IDEuNDQtLjc5NSAwLTEuNDQtLjY0Ni0xLjQ0LTEuNDQgMC0uNzk0LjY0Ni0xLjQzOSAxLjQ0LTEuNDM5Ljc5My0uMDAxIDEuNDQuNjQ1IDEuNDQgMS40Mzl6Ii8+PC9zdmc+Cg==) center center no-repeat;
}
/* line 1, app/assets/stylesheets/component/nav/subnav_links_component.scss */
.subnav_links {
  align-items: center;
  display: flex;
  flex-grow: 0;
}

/* line 7, app/assets/stylesheets/component/nav/subnav_links_component.scss */
.subnav_link {
  margin: 0 0 0 var(--spacer-2);
}
/* line 1, app/assets/stylesheets/component/page_component.scss */
.page {
  background: var(--color-background-primary);
  padding: calc(var(--spacer-3) + 50px) 0 0 0;
}

@media (min-width: 740px) {
  /* line 7, app/assets/stylesheets/component/page_component.scss */
  .page {
    padding: calc(var(--spacer-5) + 50px) 0 0 0;
  }
}
/* line 1, app/assets/stylesheets/component/product_category_nav_component.scss */
.product_category_nav {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  margin: var(--spacer-3) 0;
}

/* line 7, app/assets/stylesheets/component/product_category_nav_component.scss */
.product_category_nav li {
  margin: 0 10px;
}

/* line 10, app/assets/stylesheets/component/product_category_nav_component.scss */
.product_category_nav li a {
  color: var(--color-text-primary);
  font-family: var(--sans-serif-font-family);
  font-size: var(--font-size-h4);
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
}

/* line 19, app/assets/stylesheets/component/product_category_nav_component.scss */
.product_category_nav li a.active {
  border-bottom: 1px solid var(--color-border-link);
}

/* line 23, app/assets/stylesheets/component/product_category_nav_component.scss */
.product_category_nav li a:hover {
  border-bottom: 1px solid var(--color-border-link-hover);
  color: var(--color-text-link-hover);
}

@media (min-width: 740px) {
  /* line 31, app/assets/stylesheets/component/product_category_nav_component.scss */
  .product_category_nav {
    margin: var(--spacer-5) 0;
  }
}
/* line 1, app/assets/stylesheets/component/product_component.scss */
.product {
  display: grid;
  grid-template-areas: 'image' 'content';
  grid-template-rows: auto auto;
  margin: 0 0 var(--spacer-3);
  row-gap: var(--spacer-3);
  width: 100%;
}
/* line 1, app/assets/stylesheets/component/product_image_component.scss */
.product-image {
  background-color: var(--color-background-placeholder);
  background-position: center;
  background-size: cover;
  display: block;
  grid-area: image;
  height: 0;
  padding-bottom: 141%;
  width: 100%;
}
/* line 1, app/assets/stylesheets/component/product_link_component.scss */
.product_link {
  font-family: var(--sans-serif-font-family);
  font-weight: 500;
  line-height: var(--line-height-tight);
  margin: 0 0 var(--spacer-2);
}

/* line 8, app/assets/stylesheets/component/product_link_component.scss */
.product_link--md {
  font-size: var(--font-size-h4);
}

/* line 12, app/assets/stylesheets/component/product_link_component.scss */
.product_link--lg {
  font-size: var(--font-size-h2);
}

/* line 16, app/assets/stylesheets/component/product_link_component.scss */
.product_link__link {
  color: var(--color-text-primary);
  text-decoration: none;
}

@media (min-width: 480px) {
  /* line 22, app/assets/stylesheets/component/product_link_component.scss */
  .product_link {
    font-weight: 600;
  }
}
/* line 1, app/assets/stylesheets/component/product_main_image_component.scss */
.product_main_image {
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
}

/* line 7, app/assets/stylesheets/component/product_main_image_component.scss */
.product_main_image .next-link {
  background: url(/assets/icons/chevron-right-92a542ee44bcb99971ebef6d3f4c4f81ed1d446bf41c83a2d8a5d195dc956703.svg) center center no-repeat;
  background-size: 25px 25px;
  bottom: 0;
  height: 100%;
  position: absolute;
  right: 0;
  text-indent: -9999px;
  top: 0;
  width: 25px;
}

/* line 19, app/assets/stylesheets/component/product_main_image_component.scss */
.product_main_image .prev-link {
  background: url(/assets/icons/chevron-left-e971f41c126bfd2dd8190889319111a2a620e874d8bb1ec097f11ae5eed7c26e.svg) center center no-repeat;
  background-size: 25px 25px;
  bottom: 0;
  height: 100%;
  position: absolute;
  left: 0;
  text-indent: -9999px;
  top: 0;
  width: 25px;
}

/* line 31, app/assets/stylesheets/component/product_main_image_component.scss */
.product_main_image img {
  margin: 0 0 var(--spacer-5) 0;
  max-width: 700px;
  max-height: 600px;
  width: 100%;
}
/* line 1, app/assets/stylesheets/component/product_meta_component.scss */
.product_meta {
  color: var(--color-text-primary);
  font-family: var(--sans-serif-font-family);
  font-size: var(--font-size-h6);
  font-weight: 600;
  line-height: 1;
  margin: 0;
  text-transform: uppercase;
}
/* line 1, app/assets/stylesheets/component/products.scss */
.product_title {
  font-family: var(--sans-serif-font-family);
  font-size: 34px;
  font-weight: 600;
}

/* line 7, app/assets/stylesheets/component/products.scss */
.product_author {
  font-family: var(--sans-serif-font-family);
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
}

/* line 14, app/assets/stylesheets/component/products.scss */
.product_isbn {
  font-family: var(--sans-serif-font-family);
  font-size: 13px;
  font-weight: 600;
}

/* line 20, app/assets/stylesheets/component/products.scss */
.product_meta p {
  font-family: var(--sans-serif-font-family);
  font-size: 13px;
  font-weight: 600;
  line-height: var(--line-height-normal);
  text-transform: none;
}

/* line 28, app/assets/stylesheets/component/products.scss */
.product_description p {
  font-family: var(--serif-font-family);
  font-size: 17px;
  margin: 0 0 var(--spacer-5);
}

/* line 34, app/assets/stylesheets/component/products.scss */
.product_cart {
  font-family: var(--sans-serif-font-family);
  font-size: 15px;
  font-weight: 600;
  margin: 0 0 20px;
  text-transform: uppercase;
}

/* line 41, app/assets/stylesheets/component/products.scss */
.product_cart li {
  display: inline;
  margin: 0 var(--spacer-5) 0 0;
}

/* line 46, app/assets/stylesheets/component/products.scss */
.product_cart .product_price,
.product_cart .product_quantity {
  color: #aaa;
}

/* line 51, app/assets/stylesheets/component/products.scss */
.product_cart .product_total {
  color: var(--blue100);
}

/* line 55, app/assets/stylesheets/component/products.scss */
.product_cart .product_buy_now {
  border-bottom: 1px solid var(--color-border-link);
  color: var(--color-text-primary);
  text-decoration: none;
}

/* line 60, app/assets/stylesheets/component/products.scss */
.product_cart .product_buy_now:hover {
  border-bottom: 1px solid var(--color-border-link-hover);
  color: var(--color-text-link-hover);
}

/* line 67, app/assets/stylesheets/component/products.scss */
.order_product_name {
  font-family: var(--sans-serif-font-family);
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 5px;
}
/* line 1, app/assets/stylesheets/component/title_image_component.scss */
.title-image {
  background-color: var(--color-background-placeholder);
  background-position: center;
  background-size: cover;
  display: block;
  grid-area: image;
  height: 0;
  padding-bottom: 65%;
  width: 100%;
}
/*








 */