@charset "utf-8";

.sub-widget { display: grid; gap: 0.5rem; margin-top: 0.5rem; }

.sub-widget__purchase-type { border: .0625rem solid var(--border-primary); border-radius: 0.25rem; color: var(--text-primary); display: block; padding: 1rem 1.2rem 0.9rem; position: relative; }

.sub-widget__purchase-type .input-radio { position: static; }

.sub-widget__purchase-type:has([name="purchase-option"]:checked) { --primary-color: var(--text-reverse); --background-color: var(--surface-reverse); background-color: var(--surface-reverse); color: var(--text-reverse); }

.sub-widget__purchase-type:has([name="purchase-option"]:checked) .sub-widget__description { --checkmark-color: #ff7f53; }

.sub-widget__option-title { align-items: flex-start; font-family: "Walter Turncoat", sans-serif; font-size: 0.875rem; font-weight: 400; gap: 0.5rem; line-height: 1.1; text-transform: uppercase; width: 100%; }

.sub-widget__option-title, .sub-widget__option-title--text { display: flex; flex-direction: row; justify-content: flex-start; }

.sub-widget__option-title--text { align-items: center; position: relative; z-index: 3; }

.sub-widget__legend { font-size: 0.875rem; font-weight: 700; line-height: 1.1; margin-block: 0.75rem; }

.sub-widget__purchase-type--subscription { display: none; }

.sub-widget__purchase-type--subscription.is-active, .sub-widget__purchase-type--subscription.is-selected .sub-widget__plans { display: block; }

.sub-widget__plans { display: none; height: 0px; margin: 0px -0.1875rem; opacity: 0; overflow: hidden; padding: 0px 0.1875rem; position: relative; width: calc(100% + 0.375rem); z-index: 3; }

.sub-widget__plans::after, .sub-widget__plans::before { content: ""; display: block; position: relative; z-index: -1; }

.sub-widget__plans::before { margin-top: -0.3125rem; }

.sub-widget__plans::after { margin-bottom: -2.8125rem; }

.sub-widget__plans.is-active { display: block; transition: padding 0.3s, opacity 0.3s; }

.sub-widget__plans.is-visible { height: auto; opacity: 1; padding-bottom: 3.5rem; padding-top: 0.5rem; }

.sub-widget__plans-wrapper { border-top: .0625rem solid var(--surface-accent); padding: 0.75rem 0px 0px; }

.sub-widget__plan-options { align-items: center; display: flex; flex-direction: row; justify-content: flex-start; position: relative; z-index: 2; }

.sub-widget__plan-options .input-pill { --border-radius: 0; --border-color: #9fa4a8; --text-color: var(--text-reverse); --padding: 0.75rem 0.5rem; display: grid; flex: 1 1 auto; margin: 0px -0.0625rem 0px 0px; }

.sub-widget__plan-options .input-pill:first-of-type { --border-radius: 0.25rem 0 0 0.25rem; }

.sub-widget__plan-options .input-pill:last-of-type { --border-radius: 0 0.25rem 0.25rem 0; }

.sub-widget__plan-options .input-pill:has(:checked) { --background-color: var(--surface-callout); --text-color: var(--surface-reverse); --border-color: var(--surface-callout); }

.sub-widget__plan-options-name { display: block; font-size: 0.75rem; font-weight: 700; margin-bottom: 0.25rem; }

.sub-widget__badge { background-color: rgb(255, 127, 83); border-radius: 0.125rem; display: none; font-size: 0.875rem; line-height: 1.35; padding: 0.25rem 0.45rem; }

.sub-widget__badge.is-active { display: inline-block; }

.sub-widget__savings-wrapper { align-items: center; display: flex; flex-direction: row; gap: 0.5rem; justify-content: flex-start; margin-left: auto; }

.sub-widget__savings-badge { background-color: var(--surface-secondary); border-radius: 0.125rem; color: var(--text-color,var(--text-on-cta)); display: inline-block; flex-shrink: 0; font-family: "Walter Turncoat", sans-serif; font-size: 0.875rem; font-weight: 400; line-height: 1.1; padding: 0.25rem 0.5rem; text-transform: uppercase; }

.sub-widget__price { font-family: "Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 1rem; font-weight: 600; margin-left: auto; }

.sub-widget__price s { font-weight: 400; }

.sub-widget__description { margin-block: 1rem; position: relative; z-index: 2; font-size: 0.875rem !important; }

.sub-widget__description > ul { display: grid; gap: 0.5rem; }

.sub-widget__description > ul > li { padding-left: 1.3em; position: relative; list-style: none !important; margin: 0px !important; }

.sub-widget__description > ul > li::before { background-color: var(--checkmark-color,var(--text-cta)); content: ""; height: 1em; left: 0px; mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' aria-hidden='true' viewBox='0 0 12 9'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006h-.001z' clip-rule='evenodd'/%3E%3C/svg%3E"); mask-position: center center; mask-repeat: no-repeat; mask-size: contain; position: absolute; top: 0.2em; width: 0.8em; }

.sub-widget__popup-content { --checkmark-color: var(--text-primary); display: grid; font-family: "Source Sans 3", sans-serif; gap: 0.5rem; text-transform: none; }

.sub-widget__popup-content .sub-widget__description { margin-block: 0px; }

.sub-widget__popup-content ul { margin: 0px; padding: 0px; }

.sub-widget__popup-content ul li::before { background-color: var(--surface-reverse); }

.sub-widget__popup-title { font-size: 1rem; font-weight: 700; }

@media only screen and (min-width: 48em) {
  .sub-widget__legend { font-size: 1rem; }
}

@media only screen and (min-width: 80em) {
  .sub-widget__legend { font-size: 1rem; }
}