OwlCyberSecurity - MANAGER

Edit File: amp-onboarding-wizard-rtl.css

:root{--gray:#6c7781;--light-gray:#c4c4c4;--very-light-gray:#fafafc;--amp-brand:#2459e7;--amp-settings-color-black:#212121;--amp-settings-color-dark-gray:#333;--amp-settings-color-brand:#2459e7;--amp-settings-color-muted:#48525c;--amp-settings-color-border:#e8e8e8;--amp-settings-color-background:#fff;--amp-settings-color-background-light:#f8f8f8;--amp-settings-color-warning:#ff9f00;--font-noto:"Noto Sans",sans-serif;--font-poppins:poppins,sans-serif;--font-default:-apple-system,"BlinkMacSystemFont","Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;--color-valid:#46b450;--amp-settings-color-danger:#dc3232;--color-gray-medium:rgba(0,0,0,.54);--amp-settings-font-size:16px}.amp .components-button:not(.components-panel__body-toggle){align-items:center;border-radius:3px;color:var(--amp-settings-color-brand);font-size:1rem;font-weight:600;padding:.5rem 1rem}.amp .components-button:not(.components-panel__body-toggle) svg{fill:currentColor;height:18px;margin:0 .5rem;width:18px}.amp .components-panel__body-title button{font-size:16px;font-weight:600}.amp .components-panel__body-title:hover{background:var(--amp-settings-color-background)}.amp .components-button.is-link,.amp .components-button.is-link:hover,.amp .components-button.is-link:hover:not(:disabled),.amp .components-button:not(.components-panel__body-toggle):focus,.amp .components-button:not(.components-panel__body-toggle):focus:not(:disabled),.amp .components-button:not(.components-panel__body-toggle):hover{box-shadow:none;color:var(--amp-settings-color-brand);-webkit-text-decoration:none;text-decoration:none}.amp .components-button.is-secondary,.amp .components-button.is-secondary:hover,.amp .components-button.is-secondary:hover:not(:disabled){border-color:var(--amp-settings-color-brand);box-shadow:inset 0 0 0 1px var(--amp-settings-color-brand)}.amp.amp .components-button:focus:not(:disabled){outline:1px solid var(--amp-settings-color-brand)}.amp .components-button.is-primary{box-shadow:0 25px 20px rgba(0,0,0,.1)}.amp .components-button.is-primary,.amp .components-button.is-primary:active,.amp .components-button.is-primary:focus,.amp .components-button.is-primary:focus:not(:disabled),.amp .components-button.is-primary:hover,.amp .components-button.is-primary:hover:not(:disabled),.amp .components-button.is-primary:not(:disabled):not([aria-disabled=true]):hover{background:var(--amp-settings-color-brand);color:var(--amp-settings-color-background);text-shadow:none}.amp .components-button.is-primary:disabled{background:rgba(0,0,0,.3);border-color:rgba(0,0,0,.3);color:hsla(0,0%,100%,.8)}.amp .components-button.is-primary:disabled.is-busy{background-image:linear-gradient(45deg,var(--amp-settings-color-brand) 28%,rgba(36,89,231,.8) 28%,rgba(36,89,231,.8) 72%,var(--amp-settings-color-brand) 72%);background-size:100% 100%;border-color:var(--color-gray-medium)}.amp .components-toggle-control .components-base-control__field .components-toggle-control__label{display:flex;flex-wrap:wrap}.amp .components-button.is-small{font-size:.875rem}.amp .components-toggle-control .components-base-control__field{align-items:center;margin-bottom:0}.amp .components-form-toggle .components-form-toggle__track{border:2px solid var(--color-gray-medium)}.amp .components-form-toggle .components-form-toggle__thumb{background-color:var(--color-gray-medium);border-width:0;height:10px;right:4px;top:4px;width:10px}.amp .components-form-toggle.is-checked .components-form-toggle__thumb{background-color:var(--amp-settings-color-background)}.amp .components-form-toggle.is-checked .components-form-toggle__track{background-color:var(--amp-settings-color-brand);border-width:0}.amp .components-form-toggle__input:focus+.components-form-toggle__track{box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--amp-settings-color-brand)}.amp .components-checkbox-control__input[type=checkbox]:checked{background:var(--amp-settings-color-brand);border-color:var(--amp-settings-color-brand)}.amp .components-checkbox-control__input[type=checkbox]{border:2px solid var(--color-gray-medium);height:18px;width:18px}.amp svg.components-checkbox-control__checked{height:22px;width:18px;fill:#fff;position:absolute}.amp input[type=checkbox]:checked:before{display:none}.amp .components-checkbox-control__input-container{display:inline-block;height:16px;margin-left:12px;position:relative;vertical-align:middle;width:16px}.amp-settings-nav{align-items:center;background:var(--amp-settings-color-background);bottom:0;box-shadow:0 -5px 15px rgba(0,0,0,.05);display:flex;justify-content:flex-end;left:0;position:fixed;right:0;z-index:2}.amp-settings-nav__inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1320px;padding:15px;width:100%}@media screen and (min-width:783px){.amp-settings-nav__inner{padding:20px 90px}}.amp-settings-nav__inner .components-button{margin:5px 0}.amp a{color:var(--amp-settings-color-brand)}.amp h1,.amp h2,.amp h3,.amp h4,.amp h5,.amp h6,.components-button{font-family:var(--font-poppins)}.amp h1{font-size:2.125rem}.amp h2{font-size:1.5rem}.amp h3{font-size:1.2rem;line-height:1.5;margin-bottom:0;margin-top:0}.amp p{font-size:var(--amp-settings-font-size)}.amp,.amp *,.amp :after,.amp :before,.amp:after,.amp:before{box-sizing:border-box}.amp input[type=radio]{border-color:var(--gray);border-width:2px;box-shadow:none;height:1.5rem;width:1.5rem}.amp input[type=radio][disabled]{border-color:var(--amp-settings-color-border)}.amp input[type=radio]:checked{border-color:var(--amp-settings-color-brand)}.amp input[type=radio]:checked:before{background-color:var(--amp-settings-color-brand);height:12px;margin:.25rem;width:12px}.amp input[type=checkbox]:focus,.amp input[type=radio]:focus{border-color:var(--amp-settings-color-brand);box-shadow:0 0 0 1px var(--amp-settings-color-brand)}.amp details summary{cursor:pointer}body{background-color:#fafafc;font-family:Noto Sans,sans-serif}.amp-onboarding-wizard-container{--stepper-max-width:250px;--setup-page-max-width:1000px;margin:0 auto;max-width:1250px;max-width:calc(var(--stepper-max-width) + var(--setup-page-max-width));padding:20px 20px 10rem;width:100%}@media screen and (max-width:782px){.amp-onboarding-wizard-container{padding-bottom:5rem}}.amp-onboarding-wizard{display:flex;flex-direction:column;margin:0 auto;width:100%}@media screen and (min-width:783px){.amp-onboarding-wizard{flex-direction:row}}.amp-onboarding-wizard__logo-container{align-items:center;display:flex}.amp-onboarding-wizard__logo-container svg{height:42px;width:42px}.amp-onboarding-wizard__logo-container h1{color:var(--amp-settings-color-brand);font-size:24px;font-weight:700;margin-right:.75rem;-webkit-font-smoothing:antialiased}.amp-onboarding-wizard li>a,.amp-onboarding-wizard p a{color:var(--amp-settings-color-black);transition:color 80ms ease}.amp-onboarding-wizard li>a:hover,.amp-onboarding-wizard p a:hover{color:var(--amp-settings-color-brand)}.amp-onboarding-wizard-panel-container{margin-left:-20px;margin-right:-20px}@media screen and (min-width:783px){.amp-onboarding-wizard-panel-container{flex:1 1 auto;margin-left:0;margin-right:0;max-width:var(--setup-page-max-width);width:75%}}.amp-onboarding-wizard-panel{border-color:transparent;box-shadow:0 25px 60px rgba(0,0,0,.1);max-width:var(--setup-page-max-width);min-height:496px;padding:20px;width:100%}@media screen and (min-width:783px){.amp-onboarding-wizard-panel{border-radius:10px;padding:40px}}.amp-onboarding-wizard-panel h1{line-height:1.1}@media screen and (min-width:783px){.amp-onboarding-wizard-panel h1{margin-top:0}}.amp-onboarding-wizard-plugin-name{color:var(--amp-settings-color-muted);font-size:16px;line-height:1.5;padding:.5rem 0 0}.amp-onboarding-wizard-plugin-name:after{border-bottom:2px solid var(--amp-settings-color-border);content:"";display:block;margin:15px auto;width:100%}@media screen and (min-width:783px){.amp-onboarding-wizard-plugin-name:after{margin-bottom:0}}.amp-stepper-container{width:100%}@media screen and (min-width:783px){.amp-stepper-container{flex:0 0 auto;max-width:var(--stepper-max-width);padding-left:40px;width:25%}}.amp .amp-stepper-container__header>.is-link{float:left;padding:8px}.amp-stepper ul{display:flex;justify-content:space-between;margin-top:0;width:100%}@media screen and (min-width:783px){.amp-stepper ul{flex-direction:column}}.amp-stepper__item{align-items:center;display:flex;font-size:14px;position:relative}@media screen and (min-width:783px){.amp-stepper__item{padding:15px 0 8px 10px}}.amp-stepper__item--active{border-radius:4px;font-weight:600}.amp-stepper__item:before{border-right:2px solid var(--amp-settings-color-border);bottom:-50%;content:"";position:absolute;right:11px;top:60%;z-index:1}@media screen and (max-width:784px){.amp-stepper__item:before{display:none}}.amp-stepper__item:last-of-type:before{display:none}.amp-stepper__item--done:before{border-right-color:var(--amp-settings-color-brand)}.amp-stepper__item-title{color:var(--amp-settings-color-muted);display:none;margin-right:18px}@media screen and (min-width:783px){.amp-stepper__item-title{display:inline-block}}.amp-stepper__bullet{align-items:center;background-color:var(--amp-settings-color-background);border:2px solid var(--amp-settings-color-border);border-radius:12px;color:var(--gray);content:attr(data-index);display:flex;height:24px;justify-content:center;position:relative;width:24px;z-index:2}.amp-stepper__bullet--check{background-color:var(--amp-settings-color-brand)}.amp-stepper__bullet--check,.amp-stepper__bullet--dot{border-color:var(--amp-settings-color-brand)}.amp-stepper__bullet--dot span{background-color:var(--amp-settings-color-brand);border-radius:5px;height:10px;width:10px}.grid{display:grid;gap:40px}@media screen and (min-width:783px){.grid-1-1{grid-template-columns:repeat(2,1fr)}.grid-1-2{grid-template-columns:1fr 2fr}.grid-2-1{grid-template-columns:2fr 1fr}.grid-1-3{grid-template-columns:1fr 3fr}.grid-3-1{grid-template-columns:3fr 1fr}.grid-5-4{grid-template-columns:5fr 4fr}}.error-screen-container,.error-screen-container *{box-sizing:border-box}.error-screen-container{margin:3rem auto;max-width:600px;padding:1.5rem;width:100%}.error-screen{background-color:#fff;border-right:4px solid #d54e21;padding:2.25rem;width:100%}.error-screen h1{font-family:var(--font-poppins);font-size:1.5rem;font-weight:600;line-height:1.4;margin:0 0 1rem}.error-screen p{font-family:var(--font-noto);font-size:1rem;line-height:1.5;margin:1rem 0;word-break:break-word}.error-screen pre{background:#f0f0f1;background:rgba(0,0,0,.07);font-size:13px;margin:1rem 1px;overflow:auto;padding:3px 5px 2px}.selectable{background-color:var(--amp-settings-color-background);border:2px solid var(--amp-settings-color-border);border-radius:8px;padding:1rem .75rem}@media (min-width:783px){.selectable{padding:1.25rem 2.5rem}}.selectable--left{box-shadow:10px 0 0 var(--amp-settings-color-border);margin-left:-10px}.selectable--bottom{border:2px solid var(--amp-settings-color-border);box-shadow:0 10px 0 var(--amp-settings-color-border)}.selectable--selected{border-color:var(--amp-settings-color-brand);box-shadow:10px 0 0 var(--amp-settings-color-brand)}.selectable--bottom.selectable--selected{box-shadow:0 10px 0 var(--amp-settings-color-brand)}.technical-background__header{border-bottom:2px solid #d3d9dd;margin-bottom:1.75rem;padding-bottom:1.75rem}.technical-background__header p{font-size:14px;margin:0}.technical-background-option-container{margin-bottom:2rem;padding:1.5rem 0}.technical-background-option{align-items:flex-start;display:flex;flex-wrap:wrap}@media screen and (min-width:783px){.technical-background-option{align-items:center;flex-wrap:nowrap}}.technical-background-option__input-container{padding:1.5rem}.technical-background-option svg{flex-shrink:0;height:auto;margin-bottom:1rem;width:66px}@media screen and (min-width:783px){.technical-background-option svg{margin-bottom:0}}.technical-background-option__description{padding:0 2rem}.technical-background-option__description p{font-size:14px}.technical-background-option__description h2{font-family:Noto Sans,sans-serif;font-size:1rem;line-height:1.5}@media screen and (max-width:782px){.technical-background-option__description h2{margin-top:0}}.amp-spinner-container{align-items:center;display:flex;justify-content:center}.amp-spinner-container--inline{display:inline-flex;margin:0 .5em;vertical-align:middle}.amp-spinner-container .components-spinner{margin:0}.site-scan__section+.site-scan__section{margin-top:1.5rem}.site-scan__header{align-items:center;border-bottom:1px solid var(--amp-settings-color-border);display:flex;flex-flow:row nowrap;padding-bottom:1rem;padding-top:.5rem}.site-scan__heading{font-size:16px;font-weight:700;margin-right:2rem}:root{--amp-progress-bar-color:var(--amp-brand);--amp-progress-bar-height:34px}.progress-bar{border:2px solid var(--amp-progress-bar-color);height:34px;height:var(--amp-progress-bar-height);margin-bottom:1.5rem;margin-top:1.5rem}.progress-bar,.progress-bar__track{border-radius:34px;border-radius:var(--amp-progress-bar-height);overflow:hidden}.progress-bar__track{height:calc(100% - 8px);margin:4px;position:relative;transform:scale(1);width:calc(100% - 8px)}.progress-bar__indicator{background-color:var(--amp-progress-bar-color);border-radius:34px;border-radius:var(--amp-progress-bar-height);height:100%;position:absolute;right:0;top:0;transition:transform .8s ease-out;width:100%}.site-scan-results{padding:0}.site-scan-results+.site-scan-results{margin-top:1.5rem}.site-scan-results__header{align-items:center;border-bottom:1px solid var(--amp-settings-color-border);display:flex;flex-flow:row nowrap;padding:.5rem}@media(min-width:783px){.site-scan-results__header{padding:1rem 2rem}}.site-scan-results__heading{font-size:16px;font-weight:700;margin-right:1rem}.site-scan-results__heading[data-badge-content]:after{align-items:center;background-color:var(--light-gray);border-radius:50%;content:attr(data-badge-content);display:inline-flex;height:30px;justify-content:center;letter-spacing:-.05em;margin:0 .5rem;width:30px}.site-scan-results__content{padding:1rem .5rem}@media(min-width:783px){.site-scan-results__content{padding:1.25rem 2rem}}.site-scan-results__sources{border:2px solid var(--amp-settings-color-border)}.site-scan-results__source{align-items:center;font-size:14px;margin:0;max-width:100%;min-height:3.5rem;padding:1rem}.site-scan-results__source details{margin:0;width:100%}.site-scan-results__source:nth-child(2n){background-color:var(--amp-settings-color-background-light)}.site-scan-results__source+.site-scan-results__source{border-top:2px solid var(--amp-settings-color-border)}.site-scan-results__source-name{font-weight:700}.site-scan-results__source-name--inactive{color:var(--gray)}.site-scan-results__source-author:before{border-right:1px solid;content:"";display:inline-block;height:1em;margin:0 .5em;vertical-align:middle}.site-scan-results__source .site-scan-results__summary-wrapper{align-items:center;display:inline-flex;margin-right:4px;width:calc(100% - 20px)}.site-scan-results__source-notice,.site-scan-results__source-version{margin-right:auto}.site-scan-results__cta.site-scan-results__cta{font-size:14px;margin-bottom:0}.site-scan-results__cta.site-scan-results__cta .components-external-link__icon{fill:var(--amp-settings-color-brand)}.site-scan-results__urls-list{margin:1.5rem 0;padding:0 1rem}.site-scan-results__detail-body p{font-size:14px}.site-scan-results__source-detail{background-color:#fff;border:1px solid #dedede;border-radius:5px;font-size:12px;line-height:2;max-height:510px;overflow:scroll;padding:15px;white-space:pre}.amp-notice{border-radius:12px;display:inline-flex;line-height:1.85}.amp-notice,.amp-notice p{font-size:14px}.amp-notice__body{flex-grow:1;text-align:right}.amp-notice__body .components-panel__body-toggle,.amp-notice__body .components-panel__body-toggle:focus:not(:disabled){color:var(--amp-settings-color-black);outline:none}.amp-notice--success{background-color:#ecfef1}.amp-notice__icon{align-items:center;justify-content:center}.amp-notice--info{background-color:#effbff}.amp-notice--info svg,.amp-notice--plain svg{color:var(--amp-settings-color-brand)}.amp-notice--warning{background-color:#fff9c8}.amp-notice--warning .amp-notice__icon svg{color:var(--amp-settings-color-warning);transform:rotate(-180deg)}.amp-notice--error{background-color:#ffefef}.amp-notice.amp-notice--plain{padding:1px 5px}.amp-notice--small{font-size:14px;line-height:1.5;padding:.375rem .75rem .5rem 1rem}.amp-notice__icon{display:flex}.amp-notice--small .amp-notice__icon{height:20px}.amp-notice--small svg{flex-grow:0;height:20px;margin-left:.5rem;width:20px}.amp-notice--large{align-items:center;display:inline-flex;padding:.5rem 1rem}.amp-notice--large p{margin-bottom:0;margin-top:0}.amp-notice--large svg{flex-grow:0;height:30px;margin-left:1rem;width:30px}.template-modes__header{margin-bottom:1.75rem}.template-mode-option__label{align-items:center;background-color:var(--amp-settings-color-background);display:flex;padding:0;width:100%}@media (min-width:783px){.template-mode-option__label{flex-wrap:wrap;padding:1.125rem 0 1.125rem 1.5rem}}.template-mode-selection__input-container{margin-left:.75rem}@media screen and (min-width:783px){.template-mode-selection__input-container{margin-left:1.5rem}}.template-mode-selection__illustration{align-items:center;display:flex;flex-shrink:0;width:40px}@media screen and (min-width:783px){.template-mode-selection__illustration{width:80px}}.template-mode-selection__illustration svg{height:auto;width:60px}.template-mode-option .amp-info{margin-bottom:0}@media screen and (min-width:783px){.template-mode-option .amp-info{margin-right:1.5rem}}.template-mode-selection__details{font-size:14px;margin-bottom:1rem;padding:1rem 1.5rem}@media (min-width:783px){.template-mode-selection__details{padding:1rem 3rem}}.template-mode-selection__details-list{list-style:disc;padding-right:1.625rem}.template-mode-option .components-panel__row{margin-right:-16px}.template-mode-option .amp-notice .components-panel__body-toggle.components-button{font-family:var(--font-noto);font-size:14px;font-weight:400;line-height:1.85;padding-right:0}.template-mode-option .amp-notice .components-panel__body-title:hover{background:transparent!important}.template-mode-option .amp-notice .components-panel__body-title button .components-panel__arrow{display:none;top:1.125rem}.template-mode-selection__description{align-items:center;display:flex;flex-grow:1;flex-wrap:wrap;justify-content:flex-start;padding:0 1rem 0 0}@media screen and (min-width:783px){.template-mode-selection__description{margin-bottom:0}}.template-mode-selection__label-extra{display:none;font-size:14px;margin:0 auto 0 0}@media screen and (min-width:783px){.template-mode-selection__label-extra{display:block}}.template-mode-selection__label-extra .amp-notice--small{font-size:14px}.template-mode-option>.amp-notice .components-panel__arrow{left:0}.template-mode-option .components-panel__body-title{left:0;position:absolute;top:0}.template-mode-option .components-panel__body-title:hover{background:transparent}.template-mode-option .components-panel__body-toggle:active,.template-mode-option .components-panel__body-toggle:focus,.template-mode-option .components-panel__body-toggle:hover{color:inherit}.template-mode-option .components-panel__arrow{height:2rem;width:2rem}.template-mode-option .components-panel__body{border-bottom-width:0;border-top-width:0}.template-mode-option .components-panel__row{flex-wrap:wrap}.template-mode-option .components-panel__row>*{width:100%}.template-mode-option .reader-themes{margin-top:1.5rem}.template-mode-option .reader-themes__current-theme{font-weight:400;margin-right:.5rem}.amp-drawer{--panel-button-width:56px;--heading-height:92px}@media (min-width:783px){.amp-drawer{--panel-button-width:112px;--heading-height:92px}}.amp-drawer{margin-bottom:1rem;padding:0;position:relative}.amp-drawer__heading{align-items:center;display:flex;flex-grow:1;height:var(--heading-height);overflow:hidden;padding-left:.75rem;padding-right:.75rem;right:0}@media (min-width:783px){.amp-drawer__heading{padding-right:3rem}.amp-drawer--handle-type-full-width .amp-drawer__heading{padding-left:3rem}}.amp-drawer__heading h3{margin-bottom:0}.amp-drawer__heading svg{margin-left:1rem}.amp-drawer__label-extra svg{fill:none}.amp .amp-drawer .components-panel__body-title{border-radius:5px;height:var(--heading-height);margin:0 auto 0 0}.amp .amp-drawer .is-opened .components-panel__body-title{border-radius:5px 5px 0 0}.amp .amp-drawer.components-panel__body-title,.amp.amp .amp-drawer .components-panel__body-toggle{align-items:center;border-radius:5px;display:flex}.amp .amp-drawer .components-panel__body-title button{border-radius:0;height:100%;width:100%}.amp.amp .amp-drawer .components-panel__body-toggle:focus:not(:disabled){outline:none}.amp .amp-drawer .components-panel__body-title>button>span{align-items:center;display:flex;justify-content:center;order:100;width:var(--panel-button-width)}.amp .amp-drawer .components-panel__body-toggle.components-button .components-panel__arrow{height:30px;position:static;transform:none;width:30px}@media (min-width:783px){.amp .amp-drawer .components-panel__body-toggle.components-button .components-panel__arrow{height:45px;width:45px}}.amp .amp-drawer--handle-type-full-width .components-panel__body-title>button>svg{margin-right:auto}@media (min-width:783px){.amp .amp-drawer--handle-type-full-width .components-panel__body-title>button>svg{margin-left:1rem}}.amp.amp .amp-drawer .components-panel__body-toggle{border-radius:5px}.amp .amp-drawer .components-panel__body-title .amp-notice{font-family:var(--font-default);font-weight:400}.amp .amp-drawer__panel-body{border-bottom-width:0;border-top-width:0;padding:0}.amp .amp-drawer__panel-body .components-panel__body-toggle{padding:0}.amp-drawer__panel-body-inner{border-top:1px solid var(--amp-settings-color-border)}.amp-drawer__panel-body-inner details{margin-bottom:1.5rem}.template-mode-selection__details p{font-size:14px;line-height:1.85}.amp .amp-drawer--handle-type-right .amp-drawer__heading{left:var(--panel-button-width);width:calc(100% - var(--panel-button-width))}.amp-drawer--handle-type-right .components-panel__body-title{width:var(--panel-button-width)}.amp .amp-drawer--handle-type-right .components-panel__body-title,.amp.amp .amp-drawer--handle-type-right .components-panel__body-toggle{background-color:transparent;border-radius:5px 0 0 5px}.amp .amp-drawer--handle-type-right .is-opened .components-panel__body-title,.amp.amp .amp-drawer--handle-type-right .is-opened .components-panel__body-toggle{border-radius:5px 0 0 0}.amp .amp-drawer--handle-type-right .components-panel__body-title button{border-right:1px solid var(--amp-settings-color-border)}.amp-info{display:inline-block;font-size:14px;font-weight:600;margin-bottom:1rem}.amp-info__icon{float:right;margin:0 .5rem}.choose-reader-theme>p{font-size:1rem;margin-bottom:1.5rem}.choose-reader-theme__grid{display:grid;grid-gap:40px}@media screen and (min-width:600px){.choose-reader-theme__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (min-width:1100px){.choose-reader-theme__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.choose-reader-theme__unavailable{padding-top:6rem}.choose-reader-theme__unavailable label{cursor:default}.theme-card{display:flex;flex-direction:column;flex-shrink:0;padding:1.5rem;position:relative}.theme-card p{font-size:14px}.theme-card--disabled{position:relative}.theme-card--disabled:before{background-color:rgba(0,0,0,.05);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:3}.theme-card__label-header{align-items:center;display:flex;padding:.75rem 0}.theme-card__label-header>input{flex-shrink:0}.amp .theme-card .theme-card__title{font-size:1rem;line-height:1.3;margin-bottom:0;margin-right:5px;margin-top:0}.theme-card img{height:auto;margin:auto;width:100%}p.theme-card__description{display:-webkit-box;font-size:14px;line-height:1.666;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.theme-card__theme-link{margin-top:auto}.theme-card__disabled-overlay{align-items:center;background:hsla(0,0%,100%,.9);bottom:0;display:flex;font-size:1.122rem;font-weight:700;justify-content:center;left:0;position:absolute;right:0;top:0}.phone{background:#f1f1f1;border-radius:10px;display:flex;flex-direction:column;height:413px;margin-bottom:1rem;min-height:200px;padding:12px;position:relative}.phone>*{max-width:100%}.phone:before{background:#e6e6e6;border-radius:3px;content:"";display:block;height:5px;margin:9px auto;width:43px}.phone__inner{flex-grow:1;overflow:hidden;position:relative}.phone__inner,.phone__overlay{background-color:var(--amp-settings-color-dark-gray);display:flex}.phone__overlay{align-items:center;bottom:0;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden}.phone.is-loading .phone__overlay{opacity:1;pointer-events:auto;visibility:visible}.done{display:grid;grid-gap:15px 45px}@media screen and (min-width:1280px){.done{grid-template-columns:auto auto;grid-template-rows:auto 1fr auto}}.done__heading{margin:0}@media screen and (min-width:1280px){.done__heading{grid-column:1/3}.done__content{grid-column:1/2}.done__content--primary{grid-row:2/3}.done__content--secondary{grid-row:3/4}}.done__icon-title{align-items:center;display:flex;flex-flow:row nowrap;line-height:1.25}.done__icon-title svg{flex:0 0 auto;height:auto;margin-left:25px;width:40px}.done__links-container{margin:25px auto;max-width:400px}.done__list{font-size:var(--amp-settings-font-size);list-style:disc;padding-right:30px}.done__preview-container{margin-left:auto;margin-right:auto;text-align:center}@media screen and (min-width:1280px){.done__preview-container{grid-column:2/3;grid-row:2/4}}.done__preview-container .amp-setting-toggle{margin:20px 0}.done__preview-container .amp-notice{margin-bottom:1.5rem}.done__preview-container .phone{height:auto;padding-bottom:2rem}.done__preview-container .phone:before{height:9px;width:80px}.done__preview-iframe{height:610px;width:400px}@media screen and (max-width:600px){.done__preview-iframe{width:300px}}.saving{border-bottom:2px solid #d3d9dd;margin:0 auto;max-width:800px;padding:3rem;text-align:center;width:100%}.saving h1{margin-top:.67em}.amp-setting-toggle p{font-size:14px}.amp .amp-setting-toggle .components-form-toggle{margin-left:.75rem}@media (min-width:783px){.amp .amp-setting-toggle .components-form-toggle{margin-left:2.25rem}}.amp-setting-toggle--disabled .components-form-toggle__input{opacity:.5;pointer-events:none}.amp-setting-toggle--disabled .components-toggle-control__label{pointer-events:none}@media (min-width:783px){.amp .amp-setting-toggle--compact .components-form-toggle{margin-left:1rem}}.amp .amp-setting-toggle--compact .amp-setting-toggle__label-text p,.nav-menu__item{margin:0}.nav-menu__item+.nav-menu__item{border-top:1px solid var(--amp-settings-color-border)}.amp .nav-menu__link{align-items:center;color:var(--amp-settings-color-muted);display:flex;flex-flow:row nowrap;font-size:14px;justify-content:space-between;padding:.75rem 1rem;-webkit-text-decoration:none;text-decoration:none;transition:background-color .12s ease}.amp .nav-menu__link.nav-menu__link--active,.amp .nav-menu__link:hover{background-color:var(--very-light-gray);color:var(--amp-settings-color-muted)}.amp .nav-menu__link:focus{box-shadow:none}.amp .nav-menu__link:after{border:2px solid;border-bottom:none;border-right:none;content:"";display:block;flex:0 0 auto;height:8px;margin-right:1rem;transform:rotate(-45deg);width:8px}.nav-menu.selectable{padding:0}.nav-menu.selectable .nav-menu__list{margin:0;padding:0 1rem}.nav-menu.selectable .nav-menu__link{margin:0 -1rem}.nav-menu.selectable .nav-menu__item:first-child .nav-menu__link{border-radius:8px 8px 0 0}.nav-menu.selectable .nav-menu__item:last-child .nav-menu__link{border-radius:0 0 8px 8px}.welcome{padding-bottom:45px;padding-top:30px}@media screen and (min-width:1000px){.welcome{padding-left:90px;padding-right:90px}}.welcome__header{border-bottom:2px solid #d3d9dd;margin-bottom:3rem;text-align:center}.welcome__header h1{margin:1.5rem auto;max-width:525px}.welcome__section{display:flex;padding-bottom:1.5rem}.welcome__section-icon{flex-shrink:0;width:64px}.welcome__section h4,.welcome__section p{font-family:var(--font-noto);font-size:1rem}.welcome__section h4{margin-bottom:7px;margin-top:0}.welcome__section p{line-height:1.5}.amp-settings-nav__prev-next{display:flex}.amp-settings-nav__prev-next>*{align-items:center;display:flex;height:36px}.amp-settings-nav__prev-next>.components-button+.components-button{margin-right:1rem}.amp-settings-nav__prev{margin-left:5px}.amp-settings-nav__prev svg{margin-left:.5rem;margin-right:0;transform:rotate(-180deg)}.amp-settings-nav__close{align-items:center;display:flex}.amp-settings-nav__close svg{margin-left:.5rem}