@font-face {
  font-family: 'Studio-Feixen-Sans';
  src: url("https://dcmfe.datacamp.com/assets/fonts/StudioFeixenSansRegular-english.woff2") format("woff2");
  font-weight: 400;
}

@font-face {
  font-family: 'Studio-Feixen-Sans';
  src: url("https://dcmfe.datacamp.com/assets/fonts/StudioFeixenSansBold-english.woff2") format("truetype");
  font-weight: 800;
}

/* line 15, app/assets/stylesheets/partials/_root.scss */
:root {
  --font-family-base: 'Studio-Feixen-Sans', Arial, sans-serif;
  --transition: 0.3s cubic-bezier(0.77, 0, 0.175, 1);
  --borderRadius-circle: 50%;
  --borderRadius-rounded: 4px;
  --c-background: #fffbf3;
  --c-beige-100: #fffbf3;
  --c-beige-200: #f7f3eb;
  --c-beige-300: #efebe4;
  --c-beige-400: #e5e1da;
  --c-blue-100: #60e7ff;
  --c-blue-200: #06bdfc;
  --c-blue-300: #009bd8;
  --c-blue-400: #33aacc;
  --c-blue-450: #257DFE;
  --c-blue-500: #0065D1;
  --c-green-100: #65ff8f;
  --c-green-200: #03ef62;
  --c-green-300: #00c53b;
  --c-grey-100: #f7f7fc;
  --c-grey-200: #efefef;
  --c-grey-300: #e8e8ea;
  --c-grey-400: #d9d9e2;
  --c-grey-500: #65707c;
  --c-navy-50: #5d6a77;
  --c-navy-100: #213147;
  --c-navy-200: #05192d;
  --c-navy-300: #000820;
  --c-orange-100: #ffbc4b;
  --c-orange-200: #ff931e;
  --c-orange-300: #d87300;
  --c-pink-100: #ff95cf;
  --c-pink-200: #ff6ea9;
  --c-pink-300: #dc4d8b;
  --c-primary: #33e;
  --c-purple-100: #974dff;
  --c-purple-200: #7933ff;
  --c-purple-300: #5646a5;
  --c-red-100: #ff782d;
  --c-red-200: #ff5400;
  --c-red-300: #dd3400;
  --c-text: #05192d;
  --c-transparent-navy: rgba(5, 25, 45, 0.15);
  --c-white: #ffffff;
  --c-yellow-100: #ffec3c;
  --c-yellow-200: #fcce0d;
  --c-yellow-300: #cfa600;
  --fontSize-100: 0.75rem;
  --fontSize-200: 0.875rem;
  --fontSize-300: 1rem;
  --fontSize-400: 1.125rem;
  --fontSize-500: 1.25rem;
  --fontSize-600: 1.5rem;
  --fontSize-650: 1.75rem;
  --fontSize-700: 2rem;
  --fontSize-800: 2.5rem;
  --fontSize-900: 3.125rem;
  --fontSize-1000: 3.75rem;
  --fontWeight-regular: 400;
  --fontWeight-bold: 700;
  --letterSpacings-100: -0.5px;
  --letterSpacings-200: -1px;
  --letterSpacings-300: 1.5px;
  --lineHeights-100: 1;
  --lineHeights-200: 1.05;
  --lineHeights-300: 1.2;
  --lineHeights-400: 1.5;
  --minWidth-xs: screen and (min-width: var(--breakpoint-xs));
  --minWidth-sm: screen and (min-width: var(--breakpoint-sm));
  --minWidth-md: screen and (min-width: var(--breakpoint-md));
  --minWidth-lg: screen and (min-width: var(--breakpoint-lg));
  --minWidth-xl: screen and (min-width: var(--breakpoint-xl));
  --minWidth-xxl: screen and (min-width: var(--breakpoint-xxl));
  --fontSize-12: var(--fontSize-100);
  --fontSize-14: var(--fontSize-200);
  --fontSize-16: var(--fontSize-300);
  --fontSize-18: var(--fontSize-400);
  --fontSize-20: var(--fontSize-500);
  --fontSize-24: var(--fontSize-600);
  --fontSize-28: var(--fontSize-650);
  --fontSize-32: var(--fontSize-700);
  --fontSize-40: var(--fontSize-800);
  --fontSize-50: var(--fontSize-900);
  --fontSize-60: var(--fontSize-1000);
}

/*
  Made by Elly Loel - https://ellyloel.com/
  With inspiration from:
    - Josh W Comeau - https://courses.joshwcomeau.com/css-for-js/treasure-trove/010-global-styles/
    - Andy Bell - https://piccalil.li/blog/a-modern-css-reset/
    - Adam Argyle - https://unpkg.com/open-props@1.3.16/normalize.min.css / https://codepen.io/argyleink/pen/KKvRORE

  Notes:
    - `:where()` is used to lower specificity for easy overriding.
*/
/* line 132, app/assets/stylesheets/partials/_root.scss */
* {
  /* Remove default margin on everything */
  margin: 0;
  /* Remove default padding on everything */
  padding: 0;
}

/* Use a more-intuitive box-sizing model on everything */
/* line 140, app/assets/stylesheets/partials/_root.scss */
*,
::before,
::after {
  box-sizing: border-box;
}

/* Remove border and set sensible defaults for backgrounds, on all elements except fieldset progress and meter */
/* line 147, app/assets/stylesheets/partials/_root.scss */
*:where(:not(fieldset, progress, meter)) {
  border-width: 0;
  border-style: solid;
  background-origin: border-box;
  background-repeat: no-repeat;
}

/* line 154, app/assets/stylesheets/partials/_root.scss */
html {
  /* Allow percentage-based heights in the application */
  block-size: 100%;
  /* Making sure text size is only controlled by font-size */
  -webkit-text-size-adjust: none;
  height: inherit !important;
  width: inherit !important;
}

/* Smooth scrolling for users that don't prefer reduced motion */
@media (prefers-reduced-motion: no-preference) {
  /* line 165, app/assets/stylesheets/partials/_root.scss */
  html:focus-within {
    scroll-behavior: smooth;
  }
}

/* line 170, app/assets/stylesheets/partials/_root.scss */
body {
  font-family: var(--font-family-base);
  /* Improve text rendering */
  -webkit-font-smoothing: antialiased;
  /* https://marco.org/2012/11/15/text-rendering-optimize-legibility */
  text-rendering: optimizeSpeed;
  /* Allow percentage-based heights in the application */
  min-block-size: 100%;
  /* https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-gutter#example_2 */
  /* scrollbar-gutter: stable both-edges; Removed until this bug is fixed: https://bugs.chromium.org/p/chromium/issues/detail?id=1318404#c2 */
}

/* Improve media defaults */
/* line 183, app/assets/stylesheets/partials/_root.scss */
:where(img, svg, video, canvas, audio, iframe, embed, object) {
  max-width: 100%;
}

/* line 187, app/assets/stylesheets/partials/_root.scss */
:where(img, svg, video) {
  block-size: auto;
  max-inline-size: 100%;
}

/* Remove stroke and set fill colour to the inherited font colour */
/* line 193, app/assets/stylesheets/partials/_root.scss */
:where(svg) {
  stroke: none;
  fill: currentColor;
}

/* SVG's without a fill attribute */
/* line 199, app/assets/stylesheets/partials/_root.scss */
:where(svg):where(:not([fill])) {
  /* Remove fill and set stroke colour to the inherited font colour */
  stroke: currentColor;
  fill: none;
  /* Rounded stroke */
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Remove built-in form typography styles */
/* line 209, app/assets/stylesheets/partials/_root.scss */
:where(input, button, textarea, select),
:where(input[type="file"])::-webkit-file-upload-button {
  color: inherit;
  font: inherit;
  font-size: inherit;
  letter-spacing: inherit;
}

/* Change textarea resize to vertical only and block only if the browser supports that */
/* line 218, app/assets/stylesheets/partials/_root.scss */
:where(textarea) {
  resize: vertical;
}

@supports (resize: block) {
  /* line 223, app/assets/stylesheets/partials/_root.scss */
  :where(textarea) {
    resize: block;
  }
}

/* Avoid text overflows */
/* line 229, app/assets/stylesheets/partials/_root.scss */
:where(p, h1, h2, h3, h4, h5, h6) {
  overflow-wrap: break-word;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
/* line 234, app/assets/stylesheets/partials/_root.scss */
[role="list"]:where(ul, ol) {
  list-style: none;
}

/* More readable underline style for anchor tags without a class. This could be set on anchor tags globally, but it can cause conflicts. */
/* line 239, app/assets/stylesheets/partials/_root.scss */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Make it clear that interactive elements are interactive */
/* line 244, app/assets/stylesheets/partials/_root.scss */
:where(a[href], area, button, input, label[for], select, summary, textarea, [tabindex]:not([tabindex*="-"])) {
  cursor: pointer;
  touch-action: manipulation;
}

/* line 249, app/assets/stylesheets/partials/_root.scss */
:where(input[type="file"]) {
  cursor: auto;
}

/* line 253, app/assets/stylesheets/partials/_root.scss */
:where(input[type="file"])::-webkit-file-upload-button,
:where(input[type="file"])::file-selector-button {
  cursor: pointer;
}

/* Animate focus outline */
@media (prefers-reduced-motion: no-preference) {
  /* line 260, app/assets/stylesheets/partials/_root.scss */
  :focus-visible {
    transition: outline-offset 145ms cubic-bezier(0.25, 0, 0.4, 1);
  }
  /* line 264, app/assets/stylesheets/partials/_root.scss */
  :where(:not(:active)):focus-visible {
    transition-duration: 0.25s;
  }
}

/* line 269, app/assets/stylesheets/partials/_root.scss */
:where(:not(:active)):focus-visible {
  outline-offset: 5px;
}

/* Make sure users can't select button text */
/* line 274, app/assets/stylesheets/partials/_root.scss */
:where(button, button[type], input[type="button"], input[type="submit"], input[type="reset"]),
:where(input[type="file"])::-webkit-file-upload-button,
:where(input[type="file"])::file-selector-button {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  user-select: none;
  text-align: center;
}

/* Disabled cursor for disabled buttons */
/* line 284, app/assets/stylesheets/partials/_root.scss */
[disabled]:where(button, button[type], input[type="button"], input[type="submit"], input[type="reset"]) {
  cursor: not-allowed;
}

/* Simulate the campus experience */
/* line 1, app/assets/stylesheets/partials/_general.scss */
.dc-pb-0 {
  padding-bottom: 0 !important;
}

/* line 5, app/assets/stylesheets/partials/_general.scss */
.dc-m-auto {
  margin: auto;
}

/* line 3, app/assets/stylesheets/partials/_button.scss */
.dc-btn {
  align-items: center;
  border: 2px solid var(--c-navy-200);
  border-radius: var(--borderRadius-rounded);
  color: var(--c-navy-200);
  display: inline-flex;
  font-size: var(--fontSize-200);
  -webkit-font-smoothing: antialiased;
  font-weight: var(--fontWeight-bold);
  justify-content: center;
  letter-spacing: inherit;
  padding: 13px 15px 14px 15px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: background-color var(--transition), border-color var(--transition), color var(--transition);
  user-select: none;
  white-space: nowrap;
}

/* line 22, app/assets/stylesheets/partials/_button.scss */
.dc-btn__content {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 29, app/assets/stylesheets/partials/_button.scss */
.dc-btn:active,
.dc-btn:focus,
.dc-btn:hover {
  background-color: rgba(5, 25, 45, 0.15);
  border-color: var(--c-navy-200);
}

/* line 37, app/assets/stylesheets/partials/_button.scss */
.dc-btn-size-sm {
  padding: 4px 15px;
}

/* line 41, app/assets/stylesheets/partials/_button.scss */
.dc-btn-size-lg {
  font-size: var(--fontSize-400);
  line-height: 1.6;
  padding: 14px 31px;
}

/* line 48, app/assets/stylesheets/partials/_button.scss */
.dc-btn-primary-success {
  color: var(--c-navy-200);
  background-color: var(--c-green-200);
  border-color: var(--c-green-200);
}

/* line 54, app/assets/stylesheets/partials/_button.scss */
.dc-btn-primary-success:active,
.dc-btn-primary-success:focus,
.dc-btn-primary-success:hover {
  background-color: var(--c-green-300);
  border-color: var(--cgreen-3200);
}

/* line 61, app/assets/stylesheets/partials/_button.scss */
.dc-btn-tertiary {
  background-color: var(--c-beige-400);
  border-color: var(--c-beige-400);
}

/* line 66, app/assets/stylesheets/partials/_button.scss */
.dc-btn-tertiary:active,
.dc-btn-tertiary:focus,
.dc-btn-tertiary:hover {
  background-color: var(--c-beige-300);
  border-color: var(--c-beige-300);
}

/* line 73, app/assets/stylesheets/partials/_button.scss */
.dc-btn-upgrade {
  background-color: var(--c-purple-200);
  border-color: var(--c-purple-200);
  color: var(--c-white);
}

/* line 79, app/assets/stylesheets/partials/_button.scss */
.dc-btn-upgrade:active,
.dc-btn-upgrade:focus,
.dc-btn-upgrade:hover {
  background-color: var(--c-purple-300);
  border-color: var(--c-purple-300);
}

/* line 1, app/assets/stylesheets/partials/_countdown.scss */
.dc-paywall-countdown {
  display: flex;
}

/* line 1, app/assets/stylesheets/partials/_text.scss */
.c12 {
  font-size: var(--fontSize-100);
  font-weight: var(--fontWeight-bold);
  letter-spacing: var(--letterSpacings-300);
  line-height: var(--lineHeights-300);
  text-transform: uppercase;
}

/* line 9, app/assets/stylesheets/partials/_text.scss */
.c14 {
  font-size: var(--fontSize-200);
  font-weight: var(--fontWeight-bold);
  letter-spacing: var(--letterSpacings-300);
  line-height: var(--lineHeights-300);
  text-transform: uppercase;
}

/* line 17, app/assets/stylesheets/partials/_text.scss */
.c16 {
  font-size: var(--fontSize-300);
  font-weight: var(--fontWeight-bold);
  letter-spacing: var(--letterSpacings-300);
  line-height: var(--lineHeights-300);
  text-transform: uppercase;
}

/* line 25, app/assets/stylesheets/partials/_text.scss */
.h16 {
  font-size: var(--fontSize-300);
  font-weight: var(--fontWeight-bold);
  letter-spacing: var(--letterSpacings-100);
  line-height: var(--lineHeights-300);
}

/* line 32, app/assets/stylesheets/partials/_text.scss */
.h18 {
  font-size: var(--fontSize-400);
  font-weight: var(--fontWeight-bold);
  letter-spacing: var(--letterSpacings-100);
  line-height: var(--lineHeights-300);
}

/* line 39, app/assets/stylesheets/partials/_text.scss */
.h20 {
  font-size: var(--fontSize-500);
  font-weight: var(--fontWeight-bold);
  letter-spacing: var(--letterSpacings-100);
  line-height: var(--lineHeights-300);
}

/* line 46, app/assets/stylesheets/partials/_text.scss */
.h24 {
  font-size: var(--fontSize-600);
  font-weight: var(--fontWeight-bold);
  letter-spacing: var(--letterSpacings-100);
  line-height: var(--lineHeights-300);
}

/* line 53, app/assets/stylesheets/partials/_text.scss */
.h28 {
  font-size: var(--fontSize-650);
  font-weight: var(--fontWeight-bold);
  letter-spacing: var(--letterSpacings-100);
  line-height: var(--lineHeights-300);
}

/* line 60, app/assets/stylesheets/partials/_text.scss */
.h32 {
  font-size: var(--fontSize-650);
  font-weight: var(--fontWeight-bold);
  letter-spacing: var(--letterSpacings-100);
  line-height: var(--lineHeights-300);
}

/* line 67, app/assets/stylesheets/partials/_text.scss */
.h40 {
  font-size: var(--fontSize-700);
  font-weight: var(--fontWeight-bold);
  letter-spacing: var(--letterSpacings-200);
  line-height: var(--lineHeights-300);
}

/* line 74, app/assets/stylesheets/partials/_text.scss */
.h48 {
  font-size: var(--fontSize-800);
  font-weight: var(--fontWeight-bold);
  letter-spacing: var(--letterSpacings-200);
  line-height: var(--lineHeights-200);
  margin: 0;
}

/* line 82, app/assets/stylesheets/partials/_text.scss */
.h60 {
  font-size: var(--fontSize-900);
  font-weight: var(--fontWeight-bold);
  letter-spacing: var(--letterSpacings-200);
  line-height: var(--lineHeights-200);
  margin: 0;
}

/* line 90, app/assets/stylesheets/partials/_text.scss */
.t10 {
  font-size: var(--fontSize-50);
  line-height: var(--lineHeights-400);
}

/* line 95, app/assets/stylesheets/partials/_text.scss */
.t12 {
  font-size: var(--fontSize-100);
  line-height: var(--lineHeights-400);
}

/* line 100, app/assets/stylesheets/partials/_text.scss */
.t14 {
  font-size: var(--fontSize-200);
  line-height: var(--lineHeights-400);
}

/* line 105, app/assets/stylesheets/partials/_text.scss */
.t16 {
  font-size: var(--fontSize-300);
  line-height: var(--lineHeights-400);
}

/* line 110, app/assets/stylesheets/partials/_text.scss */
.t18 {
  font-size: var(--fontSize-400);
  line-height: var(--lineHeights-400);
}

/* line 115, app/assets/stylesheets/partials/_text.scss */
.t20 {
  font-size: var(--fontSize-500);
  line-height: var(--lineHeights-400);
}

/* line 120, app/assets/stylesheets/partials/_text.scss */
.t24 {
  font-size: var(--fontSize-600);
  letter-spacing: var(--letterSpacings-100);
  line-height: var(--lineHeights-300);
}

@media screen and (min-width: 588px) {
  /* line 127, app/assets/stylesheets/partials/_text.scss */
  .h32 {
    font-size: var(--fontSize-700);
  }
  /* line 131, app/assets/stylesheets/partials/_text.scss */
  .h40 {
    font-size: var(--fontSize-800);
  }
  /* line 135, app/assets/stylesheets/partials/_text.scss */
  .h48 {
    font-size: var(--fontSize-900);
  }
  /* line 139, app/assets/stylesheets/partials/_text.scss */
  .h60 {
    font-size: var(--fontSize-1000);
  }
}

/* line 1, app/assets/stylesheets/partials/_paywall.scss */
.dc-paywall-container {
  background-color: var(--c-white);
  border-radius: var(--borderRadius-rounded);
  margin-left: auto;
  margin-right: auto;
  max-width: 656px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

/* line 12, app/assets/stylesheets/partials/_paywall.scss */
.dc-paywall-content {
  padding: 32px;
  text-align: center;
}

/* line 17, app/assets/stylesheets/partials/_paywall.scss */
.purple-gradient {
  background: linear-gradient(180deg, #b08eff 0%, #05192d 37.5%);
}

/* line 21, app/assets/stylesheets/partials/_paywall.scss */
.dc-paywall-heading,
.dc-paywall-text {
  margin-bottom: 8px;
}

/* line 26, app/assets/stylesheets/partials/_paywall.scss */
.dc-paywall-text {
  margin-left: auto;
  margin-right: auto;
  max-width: 450px;
}

/* line 32, app/assets/stylesheets/partials/_paywall.scss */
.dc-paywall-image {
  margin-left: auto;
  margin-right: auto;
}

/* line 37, app/assets/stylesheets/partials/_paywall.scss */
.dc-paywall-qualification {
  margin-top: 8px;
}

/* line 41, app/assets/stylesheets/partials/_paywall.scss */
.dc-paywall-footer {
  border-top: 1px solid var(--c-beige-400);
  display: flex;
  justify-content: space-between;
  padding: 16px;
  width: 100%;
}

/* line 49, app/assets/stylesheets/partials/_paywall.scss */
.dc-paywall-footer > :last-child {
  margin-inline-start: auto;
}

/* line 53, app/assets/stylesheets/partials/_paywall.scss */
.dc-paywall-close {
  display: flex;
  align-items: center;
  justify-content: center;
  right: 6px;
  top: 6px;
  width: 44px;
  background-color: transparent;
  border-radius: 4px;
  height: 44px;
  position: absolute;
  transition: background-color 125ms ease-out;
}

/* line 67, app/assets/stylesheets/partials/_paywall.scss */
.dc-paywall-close.inverted > img {
  filter: invert(1);
}

/* line 71, app/assets/stylesheets/partials/_paywall.scss */
.dc-paywall-close:hover {
  background-color: rgba(48, 57, 105, 0.06);
}

/* line 75, app/assets/stylesheets/partials/_paywall.scss */
.dc-paywall-close.inverted:hover {
  background-color: rgba(255, 255, 255, 0.06);
}

@media screen and (min-width: 656px) {
  /* line 80, app/assets/stylesheets/partials/_paywall.scss */
  .dc-paywall-container {
    align-items: center;
    display: flex;
    height: 520px;
    flex-direction: column;
    justify-content: center;
  }
  /* line 88, app/assets/stylesheets/partials/_paywall.scss */
  .dc-paywall-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  /* line 94, app/assets/stylesheets/partials/_paywall.scss */
  .dc-paywall-content {
    flex-grow: 1;
  }
  /* line 98, app/assets/stylesheets/partials/_paywall.scss */
  .dc-paywall-footer {
    flex-shrink: 0;
  }
}

@keyframes slide-up {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}

@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* line 21, app/assets/stylesheets/partials/_paywall_full.scss */
.dc-height-full {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100dvh;
  min-height: 100dvh;
}

/* line 29, app/assets/stylesheets/partials/_paywall_full.scss */
.dc-height-full--centered {
  height: unset;
  justify-content: center;
  overflow-y: auto;
}

/* line 35, app/assets/stylesheets/partials/_paywall_full.scss */
.dc-paywall-wrapper {
  animation: slide-up 0.5s ease-in-out forwards;
  background-image: url(/assets/bg-sunrise-399074f068dc5e1458e2b5587e9f67e754e217561fed24771b67837209f127b2.svg), linear-gradient(to bottom, #C7F5FF 0%, #ffffff 100%);
  background-position: calc(50% + 50px) bottom, center;
  background-repeat: no-repeat, no-repeat;
  background-size: auto 434px, 100% auto;
  padding-inline: 16px;
  padding-block-end: 80px;
  padding-block-start: 16px;
  transform: translateY(100%);
  width: 100%;
}

/* line 48, app/assets/stylesheets/partials/_paywall_full.scss */
.dc-paywall-full-controls {
  display: flex;
  justify-content: flex-end;
  padding-block-end: 16px;
}

/* line 54, app/assets/stylesheets/partials/_paywall_full.scss */
.dc-paywall-full-content-text,
.dc-paywall-full-content-plan {
  opacity: 0;
}

/* line 59, app/assets/stylesheets/partials/_paywall_full.scss */
.dc-paywall-full-content-plan {
  display: flex;
  align-items: center;
  flex-direction: column;
}

/* line 65, app/assets/stylesheets/partials/_paywall_full.scss */
.dc-paywall-full-content-text {
  animation: fade-in 0.5s 0.3s ease-in-out forwards;
}

/* line 69, app/assets/stylesheets/partials/_paywall_full.scss */
.dc-paywall-full-content-plan {
  animation: fade-in 0.5s 0.4s ease-in-out forwards;
}

/* line 73, app/assets/stylesheets/partials/_paywall_full.scss */
.dc-paywall-full-disclaimer {
  color: var(--c-purple-200);
  font-weight: var(--fontWeight-bold);
  margin-block-start: 8px;
}

/* line 79, app/assets/stylesheets/partials/_paywall_full.scss */
.dc-paywall-full-list {
  list-style: none;
  margin-block-start: 16px;
  padding-inline-start: 0;
}

/* line 85, app/assets/stylesheets/partials/_paywall_full.scss */
.dc-paywall-full-list li {
  align-items: flex-start;
  display: flex;
  gap: 8px;
}

/* line 91, app/assets/stylesheets/partials/_paywall_full.scss */
.dc-paywall-full-list li > img {
  margin-top: 3px;
}

/* line 95, app/assets/stylesheets/partials/_paywall_full.scss */
.dc-paywall-full-list li:not(:first-child) {
  margin-block-start: 4px;
}

/* line 99, app/assets/stylesheets/partials/_paywall_full.scss */
.dc-paywall-full-plan-card {
  background-color: var(--c-white);
  box-shadow: 0px 8px 12px -4px #3039694D;
  border-radius: 4px;
  margin-inline: auto;
  margin-block: 16px;
  max-width: 270px;
  padding: 24px;
  width: 100%;
}

/* line 110, app/assets/stylesheets/partials/_paywall_full.scss */
.dc-paywall-full-plan-card .title {
  color: var(--c-navy-50);
}

/* line 114, app/assets/stylesheets/partials/_paywall_full.scss */
.dc-paywall-full-plan-card .dc-btn {
  margin-block-start: 12px;
  width: 100%;
}

/* line 119, app/assets/stylesheets/partials/_paywall_full.scss */
.dc-paywall-full-plan-card .plan-card-amount-wrapper {
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
  padding-block-start: 12px;
}

/* line 126, app/assets/stylesheets/partials/_paywall_full.scss */
.dc-paywall-full-content .dc-survey-cta {
  margin-block-start: 16px;
  text-align: center;
}

@media (min-width: 768px) {
  /* line 132, app/assets/stylesheets/partials/_paywall_full.scss */
  .dc-paywall-wrapper {
    padding-block-end: 170px;
  }
  /* line 136, app/assets/stylesheets/partials/_paywall_full.scss */
  .dc-paywall-full-content {
    display: grid;
    gap: 40px;
    grid-template-columns: 1fr auto;
    margin-inline: auto;
    max-width: 720px;
  }
  /* line 144, app/assets/stylesheets/partials/_paywall_full.scss */
  .dc-paywall-full-plan-card {
    margin-inline: 0;
    margin-block: 0;
  }
}

/* line 1, app/assets/stylesheets/partials/_sitewide.scss */
.sitewide.dc-paywall-container {
  border: 12px solid transparent;
}

/* line 5, app/assets/stylesheets/partials/_sitewide.scss */
.sitewide .dc-paywall-content {
  background-color: var(--c-navy-200);
}

/* line 9, app/assets/stylesheets/partials/_sitewide.scss */
.sitewide .dc-paywall-heading,
.sitewide .dc-paywall-text {
  color: var(--c-white);
}

/* line 14, app/assets/stylesheets/partials/_sitewide.scss */
.sitewide .dc-paywall-heading {
  margin-left: auto;
  margin-right: auto;
  max-width: 280px;
}

/* line 20, app/assets/stylesheets/partials/_sitewide.scss */
.sitewide .dc-paywall-heading span {
  color: var(--c-pink-200);
}

/* line 24, app/assets/stylesheets/partials/_sitewide.scss */
.sitewide .dc-premium-plan-title {
  color: var(--c-green-300);
}

/* line 28, app/assets/stylesheets/partials/_sitewide.scss */
.sitewide .dc-paywall-stroke {
  color: #ff6ea9;
  position: relative;
  display: inline-block;
}

/* line 34, app/assets/stylesheets/partials/_sitewide.scss */
.sitewide .dc-paywall-stroke-image {
  bottom: -24px;
  left: 0;
  position: absolute;
  width: 100%;
}

/* line 41, app/assets/stylesheets/partials/_sitewide.scss */
.sitewide .dc-premium-plan-price-wrapper {
  align-items: flex-end;
  display: flex;
  justify-content: flex-start;
  margin-top: 16px;
}

/* line 48, app/assets/stylesheets/partials/_sitewide.scss */
.sitewide .dc-plan-length {
  font-weight: var(--fontWeight-regular);
}

/* line 52, app/assets/stylesheets/partials/_sitewide.scss */
.sitewide .dc-premium-plan-card {
  background-color: var(--c-white);
  border-radius: 4px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
  max-width: 288px;
  padding: 24px;
  position: relative;
  text-align: left;
  z-index: 10;
}

/* line 65, app/assets/stylesheets/partials/_sitewide.scss */
.sitewide .dc-plan-before-discount {
  color: var(--c-grey-500);
  margin: 0 0 4px 6px;
  position: relative;
}

/* line 71, app/assets/stylesheets/partials/_sitewide.scss */
.sitewide .dc-plan-before-discount::after {
  background-color: var(--c-red-200);
  border-radius: 100vmax;
  content: '';
  height: 1px;
  left: calc(50% + 8px);
  position: absolute;
  top: 50%;
  transform: translate(-50%) rotate(-15deg);
  width: 50px;
}

/* line 83, app/assets/stylesheets/partials/_sitewide.scss */
.sitewide .dc-discount-circle {
  align-items: center;
  background-color: var(--c-yellow-200);
  border-radius: var(--borderRadius-circle);
  display: flex;
  flex-direction: column;
  font-size: var(--fontSize-500);
  height: 74px;
  line-height: var(--lineHeights-100);
  justify-content: center;
  position: absolute;
  right: -10px;
  text-transform: uppercase;
  top: 0;
  transform: rotate(15deg);
  width: 74px;
}

/* line 101, app/assets/stylesheets/partials/_sitewide.scss */
.sitewide .dc-discount-circle .custom-up-to {
  font-size: 10px;
  margin-bottom: 4px;
}

/* line 106, app/assets/stylesheets/partials/_sitewide.scss */
.sitewide .dc-paywall-charges {
  color: var(--c-grey-400);
  margin-top: 4px;
}

/* line 111, app/assets/stylesheets/partials/_sitewide.scss */
.sitewide .dc-paywall-countdown-timer {
  display: flex;
  flex-direction: column;
}

/* line 115, app/assets/stylesheets/partials/_sitewide.scss */
.sitewide .dc-paywall-countdown-timer::before {
  align-self: flex-end;
  height: 18px;
  width: 118px;
  content: ' ';
  margin-top: -18px;
}

/* line 123, app/assets/stylesheets/partials/_sitewide.scss */
.sitewide .dc-paywall-countdown-timer::after {
  align-self: flex-start;
  height: 18px;
  width: 118px;
  content: ' ';
  margin-bottom: -18px;
}

/* line 132, app/assets/stylesheets/partials/_sitewide.scss */
.sitewide .dc-upgrade-disclaimer {
  color: var(--c-white);
  margin-top: 16px;
}

/* line 137, app/assets/stylesheets/partials/_sitewide.scss */
.dc-paywall-skip {
  text-decoration: none;
}

/* line 141, app/assets/stylesheets/partials/_sitewide.scss */
.dc-upsell-icon_arrow {
  margin-right: 8px;
  margin-top: 2px;
}

/* line 146, app/assets/stylesheets/partials/_sitewide.scss */
.sitewide .countdown-title {
  align-items: center;
  color: var(--c-white);
  display: flex;
  justify-content: center;
  margin-top: 16px;
}

/* line 154, app/assets/stylesheets/partials/_sitewide.scss */
.sitewide .countdown-title img {
  margin-right: 8px;
}

/* line 158, app/assets/stylesheets/partials/_sitewide.scss */
.sitewide .dc-paywall-countdown {
  align-items: center;
  color: var(--c-white);
  display: flex;
  font-size: var(--fontSize-500);
  font-weight: var(--fontWeight-bold);
  justify-content: center;
  margin-top: 4px;
}

/* line 168, app/assets/stylesheets/partials/_sitewide.scss */
.sitewide .dc-paywall-countdown-set {
  display: flex;
}

/* line 172, app/assets/stylesheets/partials/_sitewide.scss */
.sitewide .dc-paywall-countdown-number {
  min-width: 26px;
}

/* line 176, app/assets/stylesheets/partials/_sitewide.scss */
.sitewide .dc-paywall-countdown-set .days {
  padding-right: 4px;
  text-align: right;
}

/* line 181, app/assets/stylesheets/partials/_sitewide.scss */
.sitewide .dc-paywall-countdown-separator {
  color: var(--c-green-200);
  margin: 0 4px;
}

/* line 186, app/assets/stylesheets/partials/_sitewide.scss */
.sitewide .dc-cta-btn {
  margin-left: auto;
  margin-right: auto;
  margin-top: 16px;
  width: 288px;
}

/* line 193, app/assets/stylesheets/partials/_sitewide.scss */
.sitewide .dc-paywall-skip {
  align-items: center;
  background-color: transparent;
  color: var(--c-white);
  display: flex;
  font-size: var(--fontSize-300);
  font-weight: var(--fontWeight-bold);
  justify-content: center;
  margin: 16px auto 0;
}

/* line 204, app/assets/stylesheets/partials/_sitewide.scss */
.sitewide .dc-paywall-skip img {
  margin-left: 8px;
}

/* line 208, app/assets/stylesheets/partials/_sitewide.scss */
.sitewide .upgrade-content {
  color: var(--c-white);
  padding: 24px 0 8px 0;
}

/* line 213, app/assets/stylesheets/partials/_sitewide.scss */
.sitewide .upgrade-content strong {
  font-size: var(--fontSize-500);
}

/* line 217, app/assets/stylesheets/partials/_sitewide.scss */
.sitewide .upgrade-content p {
  font-size: var(--fontSize-300);
  margin-top: 4px;
}

/* line 222, app/assets/stylesheets/partials/_sitewide.scss */
.sitewide .upgrade-content a {
  color: #5EB1FF;
}

/* line 226, app/assets/stylesheets/partials/_sitewide.scss */
.sitewide .upgrade-content a:active,
.sitewide .upgrade-content a:focus,
.sitewide .upgrade-content a:hover {
  text-decoration: underline;
}

@media screen and (min-width: 588px) {
  /* line 233, app/assets/stylesheets/partials/_sitewide.scss */
  .sitewide .dc-paywall-content {
    width: 100%;
  }
  /* line 237, app/assets/stylesheets/partials/_sitewide.scss */
  .sitewide .dc-paywall-heading {
    max-width: 430px;
  }
  /* line 241, app/assets/stylesheets/partials/_sitewide.scss */
  .sitewide .dc-discount-circle {
    top: 32px;
  }
  /* line 245, app/assets/stylesheets/partials/_sitewide.scss */
  .sitewide .dc-plan-before-discount {
    margin-left: 12px;
  }
  /* line 249, app/assets/stylesheets/partials/_sitewide.scss */
  .sitewide .dc-plan-before-discount::after {
    left: calc(50% - 2px);
  }
  /* line 253, app/assets/stylesheets/partials/_sitewide.scss */
  .sitewide .upgrade-content {
    padding: 8px 0;
  }
}

/* line 1, app/assets/stylesheets/partials/_select.scss */
.dc-select-container {
  border: 0;
  box-shadow: none;
  position: relative;
}

/* line 7, app/assets/stylesheets/partials/_select.scss */
.dc-select {
  appearance: none;
  background-color: var(--c-white);
  background-image: none;
  border: 1px solid #848d91;
  border-radius: var(--borderRadius-rounded);
  box-shadow: none;
  box-sizing: border-box;
  color: var(--c-navy-200);
  cursor: pointer;
  font-size: var(--fontSize-200);
  padding: 6px;
  transition: background var(--transition), border-color var(--transition), color var(--transition);
  width: 72px;
}

/* line 22, app/assets/stylesheets/partials/_select.scss */
.dc-select:focus, .dc-select.focus {
  border-color: var(--c-blue-400);
  outline: none;
}

/* line 28, app/assets/stylesheets/partials/_select.scss */
.dc-select:disabled, .dc-select.dc-is-disabled {
  cursor: not-allowed;
  opacity: 0.3;
}

/* line 34, app/assets/stylesheets/partials/_select.scss */
.dc-select ::-ms-expand {
  display: none;
}

/* line 39, app/assets/stylesheets/partials/_select.scss */
.dc-select-icon {
  pointer-events: none;
  position: absolute;
  right: 8px;
  top: 8px;
  width: 12px;
}

/* line 1, app/assets/stylesheets/partials/_toggle-switch.scss */
.dc-toggle-switch {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  opacity: 1;
  position: relative;
  user-select: none;
  color: #05192d;
}

/* line 11, app/assets/stylesheets/partials/_toggle-switch.scss */
.dc-toggle-switch-input {
  border: 0;
  color: var(--c-white);
  height: 100%;
  left: 0px;
  margin: 0px;
  opacity: 0.001;
  padding: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: -1;
}

/* line 25, app/assets/stylesheets/partials/_toggle-switch.scss */
.dc-toggle-switch-wrapper {
  background-clip: content-box;
  border-radius: 12px;
  box-sizing: border-box;
  height: 24px;
  min-width: 34px;
  padding: 3px;
  position: relative;
  width: 34px;
  background-color: #d9d9e2;
  margin-right: 8px;
}

/* line 38, app/assets/stylesheets/partials/_toggle-switch.scss */
.dc-toggle-switch-container {
  align-items: center;
  border-radius: 6px;
  box-sizing: border-box;
  color: var(--c-white);
  display: flex;
  height: 12px;
  justify-content: center;
  left: 6px;
  position: absolute;
  top: 6px;
  transition: transform 75ms linear 0s;
  width: 12px;
  z-index: 1;
  background-color: white;
  transform: translateX(0px);
}

/* line 56, app/assets/stylesheets/partials/_toggle-switch.scss */
.dc-toggle-switch-input:checked + .dc-toggle-switch-wrapper {
  background-color: var(--c-blue-450);
}

/* line 60, app/assets/stylesheets/partials/_toggle-switch.scss */
.dc-toggle-switch-text {
  margin: 0px 8px 0px 0px;
  min-width: 0px;
  font-size: 0.75rem;
  line-height: 1.5;
  order: -1;
  white-space: nowrap;
}

/* line 69, app/assets/stylesheets/partials/_toggle-switch.scss */
.dc-toggle-switch-input:checked + .dc-toggle-switch-wrapper > .dc-toggle-switch-container {
  color: var(--c-blue-450);
  transition: transform 75ms linear 0s;
  transform: translateX(10px);
}

/* line 4, app/assets/stylesheets/partials/custom/_paywall_treatment.scss */
:root {
  --border-style: 2px solid #848c92;
}

/* line 8, app/assets/stylesheets/partials/custom/_paywall_treatment.scss */
.dc-paywall-container-v2.treatment {
  background-color: var(--c-white);
  border-radius: var(--borderRadius-rounded);
  color: var(--c-navy-200);
  margin-left: auto;
  margin-right: auto;
  max-width: 420px;
  padding: 16px;
}

/* line 18, app/assets/stylesheets/partials/custom/_paywall_treatment.scss */
.dc-paywall-container-v2.treatment .disclaimer-free {
  color: var(--c-navy-50);
}

/* line 22, app/assets/stylesheets/partials/custom/_paywall_treatment.scss */
.dc-paywall-container-v2.treatment .paywall-controls {
  position: absolute;
  align-items: center;
  display: flex;
  justify-content: space-between;
  background-color: white;
  border-radius: 40px;
  scale: 1.416;
  z-index: 1;
}

/* line 33, app/assets/stylesheets/partials/custom/_paywall_treatment.scss */
.dc-paywall-container-v2.treatment .paywall-controls span {
  font-size: 10px;
  margin-left: 8.5px;
}

/* line 38, app/assets/stylesheets/partials/custom/_paywall_treatment.scss */
.dc-paywall-container-v2.treatment .dc-toggle-switch-wrapper {
  margin-right: 3px;
}

/* line 42, app/assets/stylesheets/partials/custom/_paywall_treatment.scss */
.dc-paywall-container-v2.treatment .card {
  border-bottom: 0;
  border-radius: var(--borderRadius-rounded) var(--borderRadius-rounded) 0 0;
  padding: 32px;
  position: relative;
}

/* line 49, app/assets/stylesheets/partials/custom/_paywall_treatment.scss */
.dc-paywall-container-v2.treatment .plan-type {
  border-radius: var(--borderRadius-rounded);
  left: 24px;
  padding: 3px 4px 2px 4px;
  position: absolute;
  top: -10px;
}

/* line 57, app/assets/stylesheets/partials/custom/_paywall_treatment.scss */
.dc-paywall-container-v2.treatment .Premium .plan-type {
  background-color: var(--c-green-200);
}

/* line 61, app/assets/stylesheets/partials/custom/_paywall_treatment.scss */
.dc-paywall-container-v2.treatment .Teams .plan-type {
  background-color: var(--c-blue-200);
}

/* line 65, app/assets/stylesheets/partials/custom/_paywall_treatment.scss */
.dc-paywall-container-v2.treatment .plan-header {
  align-items: center;
  border-bottom: 1px solid var(--c-transparent-navy);
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
  min-height: 48px;
  padding-bottom: 16px;
}

/* line 75, app/assets/stylesheets/partials/custom/_paywall_treatment.scss */
.dc-paywall-container-v2.treatment .plan-without-discount {
  color: var(--c-navy-50);
  position: relative;
}

/* line 80, app/assets/stylesheets/partials/custom/_paywall_treatment.scss */
.dc-paywall-container-v2.treatment .Premium.is-monthly .plan-without-discount {
  display: none;
}

/* line 84, app/assets/stylesheets/partials/custom/_paywall_treatment.scss */
.dc-paywall-container-v2.treatment .plan-without-discount::after {
  background-color: var(--c-navy-50);
  border-radius: 100vmax;
  content: '';
  height: 2px;
  left: calc(50%);
  position: absolute;
  top: 50%;
  transform: translate(-50%) rotate(-15deg);
  width: 110%;
}

/* line 96, app/assets/stylesheets/partials/custom/_paywall_treatment.scss */
.dc-paywall-container-v2.treatment .Teams .plan-without-discount {
  display: none;
}

/* line 100, app/assets/stylesheets/partials/custom/_paywall_treatment.scss */
.dc-paywall-container-v2.treatment .plan-price {
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
}

/* line 106, app/assets/stylesheets/partials/custom/_paywall_treatment.scss */
.dc-paywall-container-v2.treatment .plan-price-parts {
  align-items: flex-start;
  display: flex;
}

/* line 111, app/assets/stylesheets/partials/custom/_paywall_treatment.scss */
.dc-paywall-container-v2.treatment .plan-remainder {
  margin-left: 2px;
  margin-top: 4px;
}

/* line 116, app/assets/stylesheets/partials/custom/_paywall_treatment.scss */
.dc-paywall-container-v2.treatment .plan-billed,
.dc-paywall-container-v2.treatment .plan-recurrance {
  font-weight: var(--fontWeight-regular);
  display: block;
  margin-left: 8px;
}

/* line 123, app/assets/stylesheets/partials/custom/_paywall_treatment.scss */
.dc-paywall-container-v2.treatment .Premium.is-monthly .plan-billed {
  display: none;
}

/* line 127, app/assets/stylesheets/partials/custom/_paywall_treatment.scss */
.dc-paywall-container-v2.treatment .dc-btn {
  margin-bottom: 28px;
  margin-top: 16px;
  width: 100%;
}

/* line 133, app/assets/stylesheets/partials/custom/_paywall_treatment.scss */
.dc-paywall-container-v2.treatment .features {
  font-size: var(--fontSize-200);
}

/* line 137, app/assets/stylesheets/partials/custom/_paywall_treatment.scss */
.dc-paywall-container-v2.treatment .features li {
  align-items: flex-start;
  display: flex;
  line-height: var(--lineHeights-400);
}

/* line 143, app/assets/stylesheets/partials/custom/_paywall_treatment.scss */
.dc-paywall-container-v2.treatment .features li img {
  margin-right: 4px;
  margin-top: 1px;
}

/* line 148, app/assets/stylesheets/partials/custom/_paywall_treatment.scss */
.dc-paywall-container-v2.treatment .features li:not(:first-child) {
  margin-top: 8px;
}

/* line 152, app/assets/stylesheets/partials/custom/_paywall_treatment.scss */
.dc-paywall-container-v2.treatment .link {
  align-items: center;
  border-radius: var(--borderRadius-rounded);
  color: var(--c-blue-500);
  display: inline-flex;
  font-size: var(--fontSize-200);
  font-weight: var(--fontWeight-bold);
  margin-top: 16px;
  min-height: 36px;
  padding: 0 2px;
  text-decoration: none;
  transition: background-color 0.2s ease-in-out;
}

/* line 166, app/assets/stylesheets/partials/custom/_paywall_treatment.scss */
.dc-paywall-container-v2.treatment .link:active,
.dc-paywall-container-v2.treatment .link:focus,
.dc-paywall-container-v2.treatment .link:hover {
  background-color: rgba(5, 25, 45, 0.1);
  text-decoration: underline;
}

/* line 173, app/assets/stylesheets/partials/custom/_paywall_treatment.scss */
.dc-paywall-container-v2.treatment .disclaimer-upgrade {
  align-items: flex-start;
  color: var(--c-navy-50);
  display: flex;
  font-size: var(--fontSize-200);
  justify-content: center;
  margin-top: 24px;
}

/* line 182, app/assets/stylesheets/partials/custom/_paywall_treatment.scss */
.dc-paywall-container-v2.treatment .disclaimer-upgrade img {
  margin-right: 4px;
  margin-top: 2px;
}

/* line 187, app/assets/stylesheets/partials/custom/_paywall_treatment.scss */
.dc-paywall-container-v2.treatment .quotes {
  background-color: #efeff5;
  padding: 32px;
  line-height: var(--lineHeights-400);
  font-size: var(--fontSize-200);
}

/* line 194, app/assets/stylesheets/partials/custom/_paywall_treatment.scss */
.dc-paywall-container-v2.treatment .quote:not(:last-of-type) {
  padding-bottom: 32px;
  margin-bottom: 32px;
  border-bottom: 1px solid var(--c-transparent-navy);
}

/* line 200, app/assets/stylesheets/partials/custom/_paywall_treatment.scss */
.dc-paywall-container-v2.treatment .quote-info {
  display: flex;
  gap: 12px;
  margin-top: 12px;
}

/* line 206, app/assets/stylesheets/partials/custom/_paywall_treatment.scss */
.dc-paywall-container-v2.treatment .quote-info img {
  border-radius: var(--borderRadius-circle);
  height: 40px;
  width: 40px;
}

/* line 212, app/assets/stylesheets/partials/custom/_paywall_treatment.scss */
.dc-paywall-container-v2.treatment .quote-author {
  color: var(--c-navy-50);
  font-style: italic;
}

/* line 217, app/assets/stylesheets/partials/custom/_paywall_treatment.scss */
.dc-paywall-container-v2.treatment .dashboard-link {
  width: fit-content;
  padding: 7.5px;
  display: flex;
  gap: 8px;
  justify-content: center;
  margin: 16px auto 0 auto;
  text-decoration: none;
  font-size: var(--fontSize-200);
  font-weight: var(--fontWeight-bold);
  color: var(--c-blue-500);
  border-radius: var(--borderRadius-rounded);
  transition: background-color 125ms ease-out;
}

/* line 232, app/assets/stylesheets/partials/custom/_paywall_treatment.scss */
.dc-paywall-container-v2.treatment .dashboard-link:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

/* line 236, app/assets/stylesheets/partials/custom/_paywall_treatment.scss */
.dc-paywall-container-v2.treatment .cards {
  border: 1px solid var(--c-transparent-navy);
  border-radius: var(--borderRadius-rounded);
  margin-top: 20px;
}

@media screen and (min-width: 588px) {
  /* line 243, app/assets/stylesheets/partials/custom/_paywall_treatment.scss */
  .dc-paywall-container {
    align-items: center;
    display: block;
    height: auto;
    flex-direction: column;
    justify-content: center;
  }
}

@media screen and (max-width: 767px) {
  /* line 253, app/assets/stylesheets/partials/custom/_paywall_treatment.scss */
  .dc-paywall-container-v2.treatment .paywall-controls {
    display: flex;
    top: 142px;
    left: calc(50% - 42.35px);
    border: 1px solid var(--c-transparent-navy);
  }
}

@media screen and (min-width: 768px) {
  /* line 262, app/assets/stylesheets/partials/custom/_paywall_treatment.scss */
  .dc-paywall-container-v2.treatment {
    max-width: 708px;
    padding: 24px 24px 16px 24px;
  }
  /* line 267, app/assets/stylesheets/partials/custom/_paywall_treatment.scss */
  .dc-paywall-container-v2.treatment .paywall-header {
    position: relative;
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
  }
  /* line 274, app/assets/stylesheets/partials/custom/_paywall_treatment.scss */
  .dc-paywall-container-v2.treatment .cards {
    display: flex;
    justify-content: space-between;
  }
  /* line 279, app/assets/stylesheets/partials/custom/_paywall_treatment.scss */
  .dc-paywall-container-v2.treatment .card {
    width: 50%;
    border-right: 0;
    border-radius: var(--borderRadius-rounded) 0 0 var(--borderRadius-rounded);
  }
  /* line 285, app/assets/stylesheets/partials/custom/_paywall_treatment.scss */
  .dc-paywall-container-v2.treatment .plan-recurrance-wrapper {
    margin-bottom: 4px;
  }
  /* line 289, app/assets/stylesheets/partials/custom/_paywall_treatment.scss */
  .dc-paywall-container-v2.treatment .quotes {
    width: 50%;
    border-left: 0;
    border-radius: 0 var(--borderRadius-rounded) var(--borderRadius-rounded) 0;
  }
  /* line 295, app/assets/stylesheets/partials/custom/_paywall_treatment.scss */
  .dc-paywall-container-v2.treatment .paywall-controls {
    right: 8px;
  }
}

/* references --border-style from paywall_hard_treatment.scss */
/* line 3, app/assets/stylesheets/partials/custom/_paywall_cards.scss */
.plan-card {
  border: var(--border-style);
  border-radius: var(--borderRadius-rounded);
  margin-top: 16px;
  padding: 16px;
}

/* line 10, app/assets/stylesheets/partials/custom/_paywall_cards.scss */
.plan-card:first-of-type {
  margin-top: 24px;
  padding-top: 24px;
  position: relative;
}

/* line 16, app/assets/stylesheets/partials/custom/_paywall_cards.scss */
.plan-card:first-of-type::before {
  background-color: var(--c-green-200);
  border-top-left-radius: var(--borderRadius-rounded);
  border-top-right-radius: var(--borderRadius-rounded);
  content: "";
  display: block;
  height: 8px;
  left: -2px;
  position: absolute;
  right: -2px;
  top: -6px;
}

/* line 29, app/assets/stylesheets/partials/custom/_paywall_cards.scss */
.plan-card-meta {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

/* line 35, app/assets/stylesheets/partials/custom/_paywall_cards.scss */
.plan-card-meta .plan-price {
  font-weight: var(--fontWeight-regular);
  text-align: right;
}

/* line 40, app/assets/stylesheets/partials/custom/_paywall_cards.scss */
.plan-card .plan-description {
  margin-top: 8px;
}

/* line 44, app/assets/stylesheets/partials/custom/_paywall_cards.scss */
.plan-card .plan-billed {
  display: block;
}

/* line 48, app/assets/stylesheets/partials/custom/_paywall_cards.scss */
.plan-card .plan-btn {
  width: 100%;
  margin-top: 16px;
}

/* line 1, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.toy-story-1995 .logos {
  margin-bottom: 30px;
}

/* line 5, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.toy-story-1995 .dc-upsell-paywall-timer {
  margin-bottom: 30px;
}

/* line 9, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.toy-story-1995 .dc-paywall-content {
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  padding: 16px;
}

/* line 16, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.toy-story-1995 .dc-upsell-paywall-timer {
  background-color: var(--c-yellow-200);
  border-radius: var(--borderRadius-rounded);
  display: inline-flex;
  margin-top: 4px;
}

/* line 23, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.toy-story-1995 .dc-paywall-countdown {
  color: var(--c-navy-200);
  font-size: var(--fontSize-200);
  margin-top: 0;
  padding: 3px 8px;
}

/* line 30, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.toy-story-1995 .dc-paywall-countdown-number {
  font-variant-numeric: tabular-nums;
  min-width: 24px;
}

/* line 35, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.toy-story-1995 .title {
  font-size: var(--fontSize-500);
}

/* line 39, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.toy-story-1995 .countdown-title {
  font-size: var(--fontSize-100);
}

/* line 43, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.toy-story-1995 .plan-card {
  background-color: var(--c-white);
  border-color: var(--c-white);
  border-radius: var(--borderRadius-rounded);
  color: var(--c-navy-200);
  display: block;
  padding: 16px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 16px;
  max-width: 300px;
  position: relative;
  text-align: left;
  text-decoration: none;
  transition: box-shadow 0.3s cubic-bezier(0.85, 0, 0.15, 1), transform 0.3s cubic-bezier(0.85, 0, 0.15, 1);
}

/* line 61, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.toy-story-1995 .plan-card::before {
  display: none;
}

/* line 65, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.toy-story-1995:not(.variant) .plan-card:active,
.toy-story-1995:not(.variant) .plan-card:focus,
.toy-story-1995:not(.variant) .plan-card:hover {
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15);
  transform: translateY(-4px);
}

/* line 72, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.toy-story-1995 .plan-card-pill {
  align-items: center;
  background-color: var(--c-beige-400);
  border-radius: 16px;
  display: inline-flex;
  font-size: 10px;
  font-weight: var(--fontWeight-bold);
  height: 16px;
  left: 16px;
  letter-spacing: 0.5px;
  line-height: var(--lineHeights-300);
  text-transform: uppercase;
  padding: 0 10px;
  position: absolute;
  top: -8px;
}

/* line 89, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.toy-story-1995 .plan-card-title {
  color: var(--c-navy-200);
  font-size: var(--fontSize-400);
  font-weight: var(--fontWeight-bold);
  line-height: var(--lineHeights-100);
}

/* line 96, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.toy-story-1995 .plan-card-subtitle {
  font-size: 10px;
  line-height: var(--lineHeights-100);
}

/* line 101, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.toy-story-1995 .plan-card-amount-wrapper {
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin-top: 16px;
}

/* line 109, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.toy-story-1995 .plan-card-amount {
  flex-shrink: 0;
  font-size: 48px;
  display: flex;
  font-weight: var(--fontWeight-bold);
  line-height: var(--lineHeights-100);
}

/* line 117, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.toy-story-1995 .plan-card-amount.experiment {
  display: flex;
}

/* line 121, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.toy-story-1995 .plan-card-amount .split-amount {
  align-items: flex-start;
  display: flex;
}

/* line 126, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.toy-story-1995 .plan-card-amount .split-amount .decimal {
  font-size: var(--fontSize-600);
  margin-top: 4px;
}

/* line 131, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.toy-story-1995 .plan-card-length {
  font-size: var(--fontSize-100);
  font-weight: var(--fontWeight-regular);
  margin: 0 0 6px 4px;
  min-width: 62px;
}

/* line 138, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.toy-story-1995 .plan-card-before-discount {
  font-size: var(--fontSize-600);
  font-weight: var(--fontWeight-regular);
  position: relative;
}

/* line 144, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.toy-story-1995 .plan-card-before-discount::before {
  background-color: var(--c-red-300);
  content: ' ';
  height: 2px;
  position: absolute;
  transform: rotate(165deg);
  top: calc(50% - 1px);
  width: 100%;
}

/* line 154, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.toy-story-1995 .plan-card-before-discount.dollar::before {
  transform: rotate(0);
}

/* line 158, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.toy-story-1995 .dc-btn {
  margin-top: 12px;
  width: 100%;
}

/* line 163, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.toy-story-1995 .dc-btn-primary-success {
  background-color: var(--c-yellow-200);
  border-color: var(--c-yellow-200);
}

/* line 168, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.toy-story-1995 .dc-btn-primary-success:active,
.toy-story-1995 .dc-btn-primary-success:focus,
.toy-story-1995 .dc-btn-primary-success:hover {
  background-color: var(--c-yellow-100);
  border-color: var(--c-yellow-100);
}

/* line 175, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.toy-story-1995 .dc-paywall-charges,
.toy-story-1995 .dc-upgrade-disclaimer {
  color: var(--c-grey-200);
}

/* line 180, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.toy-story-1995 .dc-monthly-disclaimer {
  font-size: 9px;
  text-align: center;
  margin-top: 16px;
}

/* line 186, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.toy-story-1995 .plan-card-title {
  align-items: flex-end;
  display: flex;
  font-size: var(--fontSize-600);
  justify-content: space-between;
}

/* line 193, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.toy-story-1995 .dc-paywall-qualification {
  color: #9BA3AB;
}

@media screen and (min-width: 588px) {
  /* line 198, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
  .toy-story-1995 .logos {
    margin-bottom: 20px;
  }
  /* line 202, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
  .toy-story-1995 .dc-upsell-paywall-timer {
    margin-bottom: 20px;
  }
  /* line 206, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
  .toy-story-1995 .plan-cards {
    align-items: flex-start;
    display: flex;
    justify-content: center;
    margin-bottom: 16px;
  }
  /* line 213, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
  .toy-story-1995 .plan-card {
    margin-left: 0;
    margin-right: 0;
    width: 50%;
  }
  /* line 219, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
  .toy-story-1995 .plan-card:first-of-type {
    box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 1;
  }
  /* line 225, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
  .toy-story-1995 .plan-card:nth-of-type(2) {
    margin-left: -4px;
    margin-top: 32px;
  }
}

/* line 233, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.dc-paywall-container.sitewide.toy-story-1995.treatment {
  background-color: transparent;
  border: 0;
}

/* line 238, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.toy-story-1995.treatment.dc-paywall-container {
  max-inline-size: 820px;
  transition: height 0.25s ease;
}

/* line 243, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.toy-story-1995.treatment .content {
  border: 2px solid var(--c-purple-200);
  border-radius: var(--borderRadius-rounded);
  margin-block-start: -24px;
  overflow: hidden;
}

/* line 250, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.toy-story-1995.treatment .dc-paywall-content {
  background-color: var(--c-navy-100) !important;
  padding: 24px;
}

/* line 255, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.toy-story-1995.treatment .content-heading,
.toy-story-1995.treatment .content-paragraph {
  color: var(--c-white);
  margin-block-start: 16px;
}

/* line 261, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.toy-story-1995.treatment .avatar {
  align-items: center;
  background-color: var(--c-white);
  border-radius: var(--borderRadius-circle);
  color: var(--c-purple-200);
  display: flex;
  height: 48px;
  justify-content: center;
  margin-inline: auto;
  position: relative;
  width: 48px;
  z-index: 1;
}

/* line 275, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.toy-story-1995.treatment .logos {
  border-radius: var(--borderRadius-rounded) var(--borderRadius-rounded) 0 0;
  margin-block-end: 0;
  padding: 24px;
}

/* line 281, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.toy-story-1995.treatment .logos img {
  display: block;
  margin-inline: auto;
}

/* line 286, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.toy-story-1995.treatment .toggle-plan-container {
  display: flex;
  justify-content: center;
}

/* line 291, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.toy-story-1995.treatment .toggle-plan {
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: var(--borderRadius-rounded);
  display: inline-flex;
  margin-block-start: 8px;
}

/* line 298, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.toy-story-1995.treatment .toggle-button {
  background-color: transparent;
  border-radius: var(--borderRadius-rounded);
  border: 0;
  color: var(--c-white);
  padding-block: 8px;
  padding-inline: 16px;
  transition: background-color 0.2s ease, color 0.2s ease;
}

/* line 308, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.toy-story-1995.treatment .toggle-button:active,
.toy-story-1995.treatment .toggle-button:hover,
.toy-story-1995.treatment .toggle-button:focus {
  background-color: rgba(255, 255, 255, 0.06);
}

/* line 314, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.toy-story-1995.treatment .toggle-button.active {
  background-color: var(--c-white);
  color: var(--c-navy-200);
}

/* line 319, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.toy-story-1995.treatment .columns {
  box-shadow: 0px 3px 10px -1px #00082099;
  margin-block-start: 16px;
  text-align: left;
}

/* line 325, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.toy-story-1995.treatment .plan {
  background-color: var(--c-white);
  border-radius: 0 0 var(--borderRadius-rounded) var(--borderRadius-rounded);
  padding: 16px 16px 4px 16px;
  text-align: center;
}

/* line 332, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.toy-story-1995.treatment .plan-amount {
  align-items: center;
  display: flex;
  justify-content: center;
  gap: 8px;
  padding-block-start: 12px;
}

/* line 340, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.toy-story-1995.treatment .plan-amount-before-discount {
  color: var(--c-navy-50);
}

/* line 344, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.toy-story-1995.treatment .plan-features-wrapper {
  text-align: center;
}

/* line 348, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.toy-story-1995.treatment .plan-features {
  display: inline-block;
  list-style: none;
  padding-block-start: 8px;
  padding-left: 0;
  text-align: left;
}

/* line 356, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.toy-story-1995.treatment .plan-features li {
  align-items: flex-start;
  display: flex;
  gap: 8px;
  margin-block-start: 8px;
}

/* line 363, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.toy-story-1995.treatment .plan-amount-before-discount {
  font-size: var(--fontSize-600);
  font-weight: var(--fontWeight-regular);
  position: relative;
}

/* line 369, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.toy-story-1995.treatment .plan-amount-before-discount::before {
  background-color: var(--c-red-300);
  content: ' ';
  height: 2px;
  position: absolute;
  top: calc(50% - 1px);
  width: 100%;
}

/* line 378, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.toy-story-1995.treatment .plan-amount-duration-price {
  font-size: var(--fontSize-200);
  font-weight: var(--fontWeight-regular);
  line-height: var(--lineHeights-100);
}

/* line 384, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.toy-story-1995.treatment .dc-paywall-skip {
  color: var(--c-blue-500);
  margin: 0;
  padding: 12px;
  transition: background-color 0.25s ease;
}

/* line 391, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.toy-story-1995.treatment .dc-paywall-skip:active,
.toy-story-1995.treatment .dc-paywall-skip:hover,
.toy-story-1995.treatment .dc-paywall-skip:focus {
  background-color: rgba(48, 57, 105, 0.06);
  text-decoration: underline;
}

/* line 398, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.toy-story-1995.treatment .teams-content {
  display: none;
}

/* line 402, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.toy-story-1995.treatment .dc-survey-cta {
  color: #9ba3ab;
}

/* line 406, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.toy-story-1995.treatment .dc-survey-cta a,
.toy-story-1995.treatment .dc-paywall-skip:not(.dc-paywall-skip-dashboard) {
  color: #5eb1ff;
}

/* line 411, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.toy-story-1995.treatment .dc-paywall-skip {
  margin-block-start: 8px;
}

/* line 416, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.toy-story-1995.treatment .countdown-wrapper {
  text-align: center;
}

/* line 420, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.toy-story-1995.treatment .dc-paywall-countdown {
  gap: 4px;
}

/* line 424, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.toy-story-1995.treatment .dc-paywall-countdown-set {
  gap: 2px;
}

/* line 428, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.toy-story-1995.treatment .dc-paywall-countdown-number {
  text-align: right;
}

@media screen and (min-width: 800px) {
  /* line 433, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
  .toy-story-1995.treatment .columns {
    display: flex;
  }
  /* line 437, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
  .toy-story-1995.treatment .logos {
    border-radius: var(--borderRadius-rounded) 0 0 var(--borderRadius-rounded);
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  /* line 444, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
  .toy-story-1995.treatment .logos,
.toy-story-1995.treatment .plans {
    flex-grow: 1;
    max-inline-size: 50%;
  }
  /* line 450, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
  .toy-story-1995.treatment .plan {
    border-radius: 0 var(--borderRadius-rounded) var(--borderRadius-rounded) 0;
  }
}

/* Add these new styles for content transitions */
/* line 456, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.toy-story-1995.treatment.premium-content,
.toy-story-1995.treatment .teams-content {
  opacity: 1;
  transition: opacity 0.2s ease-out;
}

/* line 462, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.toy-story-1995.treatment .premium-content.fade-out,
.toy-story-1995.treatment .teams-content.fade-out {
  opacity: 0;
}

/* line 467, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.premium-content,
.teams-content {
  opacity: 1;
  transition: opacity 0.3s ease;
}

/* line 473, app/assets/stylesheets/partials/custom/_toy-story-1995.scss */
.premium-content.fade-out,
.teams-content.fade-out {
  opacity: 0;
}

/* line 1, app/assets/stylesheets/partials/custom/_survey.scss */
.list-unstyled {
  list-style: none !important;
}

/* line 5, app/assets/stylesheets/partials/custom/_survey.scss */
.text-align-left {
  text-align: left;
}

/* line 9, app/assets/stylesheets/partials/custom/_survey.scss */
.list-container {
  margin: 20px 0;
}

/* line 12, app/assets/stylesheets/partials/custom/_survey.scss */
.list-container ul {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* line 17, app/assets/stylesheets/partials/custom/_survey.scss */
.list-container ul textarea {
  border-width: 1px;
  border-radius: 4px;
  padding: 10px;
}

/* line 25, app/assets/stylesheets/partials/custom/_survey.scss */
.hidden {
  display: none;
}

/* line 29, app/assets/stylesheets/partials/custom/_survey.scss */
.ml-auto {
  margin-left: auto;
}

/* line 33, app/assets/stylesheets/partials/custom/_survey.scss */
.dc-survey-cta {
  margin-top: 10px;
  color: #5D6A77;
}

/* line 37, app/assets/stylesheets/partials/custom/_survey.scss */
.dc-survey-cta a {
  align-items: center;
  color: #5D6A77;
  display: flex;
  gap: 8px;
  font-weight: bold;
  justify-content: center;
  text-decoration: none;
}

/* line 46, app/assets/stylesheets/partials/custom/_survey.scss */
.dc-survey-cta a svg {
  width: 16px;
}

/* line 51, app/assets/stylesheets/partials/custom/_survey.scss */
.dc-survey-cta a:active,
.dc-survey-cta a:focus,
.dc-survey-cta a:hover {
  text-decoration: underline;
}

/* line 2, app/assets/stylesheets/partials/custom/_free_week.scss */
.freeweek .dc-paywall-content {
  background-color: var(--c-navy-200);
}

/* line 6, app/assets/stylesheets/partials/custom/_free_week.scss */
.freeweek .plan-cards {
  width: 262px;
  margin: auto;
  text-align: left;
}

/* line 12, app/assets/stylesheets/partials/custom/_free_week.scss */
.freeweek .plan-card {
  background: var(--c-white);
  border-color: var(--c-white);
}

/* line 17, app/assets/stylesheets/partials/custom/_free_week.scss */
.freeweek .plan-card-pill {
  position: absolute;
  top: -14px;
  background: var(--c-green-200);
  padding: 5px 16px;
  border-radius: 4px;
}

/* line 26, app/assets/stylesheets/partials/custom/_free_week.scss */
.freeweek .dc-paywall-heading,
.freeweek .dc-paywall-text {
  color: var(--c-white);
  margin-bottom: 0;
}

/* line 32, app/assets/stylesheets/partials/custom/_free_week.scss */
.freeweek .dc-paywall-heading {
  margin-top: 20px;
}

/* line 36, app/assets/stylesheets/partials/custom/_free_week.scss */
.freeweek .dc-paywall-text {
  margin-bottom: 24px;
  margin-top: 4px;
}

/* line 41, app/assets/stylesheets/partials/custom/_free_week.scss */
.freeweek .dc-paywall-heading span,
.freeweek .dc-paywall-text span {
  color: var(--c-green-200);
}

/* line 46, app/assets/stylesheets/partials/custom/_free_week.scss */
.freeweek .dc-cta-btn {
  width: 100%;
  margin-top: 16px;
}

/* line 51, app/assets/stylesheets/partials/custom/_free_week.scss */
.freeweek .dc-legal-font {
  font-size: 12px;
  color: white;
  margin-left: 20px;
}

/* line 57, app/assets/stylesheets/partials/custom/_free_week.scss */
.freeweek .dc-cta-btn-wrapper {
  width: 262px;
  margin: 0 auto;
}

@media screen and (min-width: 588px) {
  /* line 63, app/assets/stylesheets/partials/custom/_free_week.scss */
  .freeweek .dc-paywall-content {
    padding: 32px;
  }
}

/* Comment */