Repository URL to install this package:
|
Version:
2.1.0 ▾
|
.Card.paywall{width:348px;border-radius:4px;font-family:Fira Sans,Arial,sans-serif}.Card.paywall .Card-content{padding:0}@media (max-width:768px){.Card.paywall{width:320px;margin:0 auto}}.Card.paywall--bc{width:320px}.paywall-view{display:flex;flex-direction:column;position:relative;color:var(--color-neutral-text);padding:var(--space-5x) var(--space-3x) var(--space-3x)}@media (max-width:768px){.paywall-view{padding:var(--space-5x) 14px 14px;width:320px}}.paywall-view--thin{padding-left:var(--space-2x);padding-right:var(--space-2x);padding-bottom:var(--space-2x)}.paywall-view_close-icon{position:absolute;cursor:pointer;right:14px;top:20px}@media (max-width:768px){.paywall-view_close-icon{right:14px;top:14px}}.paywall-view_title{padding:0;font-size:var(--font-size-x-large);text-align:center;font-weight:var(--font-weight-medium)}.paywall-view_info{font-size:var(--font-size);line-height:24px;text-align:center}.paywall-view_info .Link{font-weight:var(--font-weight-light);text-decoration:underline}.paywall-view_start-btn{max-width:none;width:auto;align-self:center;font-size:var(--font-size)}.paywall-view_description{border:2px solid var(--color-brand-500);border-radius:4px;padding:var(--space-3x) var(--space-3x) var(--space-2x) var(--space-3x)}@media (max-width:768px){.paywall-view_description{padding:var(--space-2x)}}.paywall-view_label{font-size:var(--font-size-x-large);font-weight:var(--font-weight-medium);padding:0}.paywall-view_plan{font-weight:var(--font-weight-medium);text-transform:uppercase}.paywall-view_price{color:#6a7685;font-size:var(--font-size-tiny);display:flex;align-items:center}.paywall-view_price-value{color:var(--color-neutral-text);font-size:var(--font-size-display-medium)}.paywall-view_benefits{margin:0 0 var(--space-2x) 0;list-style:none;padding:0}@media (max-width:768px){.paywall-view_benefits{margin-bottom:var(--space)}}.paywall-view_benefit{display:flex}.paywall-view_benefit:not(:last-child){margin-bottom:var(--space-2x)}@media (max-width:768px){.paywall-view_benefit:not(:last-child){margin-bottom:var(--space)}}.paywall-view_benefit--highlight{font-weight:var(--font-weight-bold)}.paywall-view_benefit-icon{flex-shrink:0;margin-right:var(--space);color:var(--color-green-600)}.paywall-view_benefit-content{font-size:var(--font-size)}.paywall-view_link{display:block;margin:0 auto;min-width:165px}.paywall-view_benefit-link{padding:0;width:auto;max-width:none;min-height:0}.paywall-view_features-title{font-size:var(--font-size);font-weight:var(--font-weight-medium);word-break:break-word}.paywall-view_more-btn{align-self:center;display:block;margin:0 auto}.private-view_title{font-size:var(--font-size-m-2);margin:0 0 var(--space-2x)}.private-view_info{font-weight:var(--font-weight-light);margin:0 0 var(--space-4x)}.private-view_description{padding-top:var(--space-5x);padding-bottom:var(--space-4x)}.private-view_label{margin-bottom:var(--space);font-size:22px;font-weight:var(--font-weight-light)}.private-view_benefits{margin-top:var(--space-5x)}.private-view_link{margin-top:22px;padding:0;max-width:none;min-height:0}.private-view_features-title{font-weight:var(--font-weight-bold)}.private-view_price{margin-bottom:var(--space)}.private-onboarding_title{font-size:var(--font-size-m-2);margin:0 0 var(--space-2x);font-weight:var(--font-weight-medium)}.private-onboarding_info{margin:0 0 var(--space);font-weight:var(--font-weight-light)}.private-onboarding_more-btn{margin-bottom:var(--space)}.private-onboarding_description{padding-top:var(--space-5x);padding-bottom:var(--space-4x)}.private-onboarding_features-title{display:block;margin-bottom:var(--space-5x);font-weight:var(--font-weight-bold)}.private-onboarding_benefits{margin-top:var(--space-3x)}.private-onboarding_price{margin-bottom:12px}.private-onboarding_label{margin-bottom:var(--space);font-weight:var(--font-weight-light);font-size:22px}.private-onboarding_link{margin-top:22px;padding:0;max-width:none;min-height:0}.trial-view_title{margin-bottom:14px}@media (max-width:768px){.trial-view_title{margin-bottom:var(--space-2x)}}.trial-view_info{margin-bottom:var(--space-4x)}@media (max-width:768px){.trial-view_info{margin-bottom:var(--space-3x)}}.trial-view_btn{margin-bottom:var(--space-4x)}@media (max-width:768px){.trial-view_btn{margin-bottom:var(--space-3x)}}.trial-view_price{margin-bottom:var(--space-2x)}.upgrade-free_title{font-size:var(--font-size-m-2);margin:0 0 var(--space-2x)}.upgrade-free_info{font-weight:var(--font-weight-light);margin:0 0 var(--space-4x)}.upgrade-free_description{padding-top:var(--space-5x);padding-bottom:var(--space-4x)}.upgrade-free_label{margin-bottom:var(--space);font-size:22px}.upgrade-free_benefits{margin-top:var(--space-3x)}.upgrade-free_price{margin-bottom:12px}.private-trial_title{color:#434b54;font-size:22px;margin-bottom:var(--space-2x)}.private-trial_description{padding-top:var(--space-5x);padding-bottom:var(--space-4x)}.private-trial_label{text-transform:uppercase;font-size:22px}.private-trial_price{margin-top:var(--space);margin-bottom:var(--space)}.private-trial_features-title{font-weight:var(--font-weight-medium);margin-bottom:var(--space-5x);display:block}.warning-root-modal{display:flex;max-width:440px;width:100%}.Card.warning-modal{padding:var(--space-2x) var(--space-4x) var(--space-4x);font-size:var(--font-size);border-radius:4px;max-width:440px}@media (max-width:528px){.Card.warning-modal{max-width:375px;margin:0 auto}}.Card.warning-modal .Card-content{padding:0}.Card.warning-modal .warning-modal-title{font-weight:var(--font-weight-bold);font-size:var(--font-size-m-2);margin-bottom:var(--space);margin-top:0;padding:0;text-align:center}.Card.warning-modal .warning-modal-description{width:100%}.Card.warning-modal .warning-modal-content{padding:0}.Card.warning-modal .warning-modal-header{display:flex;flex-direction:column}.Card.warning-modal .warning-modal-close-btn{padding:0;align-self:flex-end;background-color:transparent;min-width:auto;box-shadow:none;color:var(--color-neutral-800)}@media (max-width:768px){.Card.warning-modal .warning-modal-close-btn{margin:0 var(--space)}}.Card.warning-modal .warning-modal-close-btn:hover{background-color:unset}.Card.warning-modal .warning-modal-close-btn:focus{box-shadow:unset}.Card.warning-modal .warning-modal-close-icon{margin:0}.Card.warning-modal .warning-modal-button-panel{text-align:center}.premium-bc_button{margin-bottom:var(--space-3x)}.premium-bc_button--margin{margin:var(--space-3x)}.premium-bc_description{padding:var(--space-2x)}.premium-bc_label{padding-bottom:20px}.premium-bc_benefit:not(:last-child){margin-bottom:var(--space)}.premium-bc_price{justify-content:center}.trial-bc-view_title{margin-bottom:var(--space-2x)}.trial-bc-view_info{margin:0}.trial-bc-view_btn{margin:var(--space-3x) 0}.trial-bc-view_description{padding:var(--space-2x)}.trial-bc-view_price{margin-bottom:4px}.trial-bc-view_benefit:not(:last-child){margin-bottom:var(--space)}.Card.foreign-modal{padding:var(--space-2x) var(--space-4x) var(--space-4x);font-size:var(--font-size);border-radius:4px;max-width:440px}@media (max-width:528px){.Card.foreign-modal{max-width:375px;margin:0 auto}}.Card.foreign-modal .Card-content{padding:0}.Card.foreign-modal .foreign-modal-title{font-weight:var(--font-weight-bold);font-size:var(--font-size-m-2);margin-bottom:var(--space);margin-top:0;padding:0;text-align:center}.Card.foreign-modal .foreign-modal-description{width:100%}.Card.foreign-modal .foreign-modal-content{padding:0}.Card.foreign-modal .foreign-modal-header{display:flex;flex-direction:column}.Card.foreign-modal .foreign-modal-close-btn{padding:0;align-self:flex-end;background-color:transparent;min-width:auto;box-shadow:none;color:var(--color-neutral-800)}@media (max-width:768px){.Card.foreign-modal .foreign-modal-close-btn{margin:0 var(--space)}}.Card.foreign-modal .foreign-modal-close-btn:hover{background-color:unset}.Card.foreign-modal .foreign-modal-close-btn:focus{box-shadow:unset}.Card.foreign-modal .foreign-modal-close-icon{margin:0}