11 lines
8 KiB
CSS
11 lines
8 KiB
CSS
.woocommerce-marketing-google-get-started-page{margin:0 auto;max-width:824px}.woocommerce-marketing-google-get-started-page>.components-card{margin-bottom:calc(var(--main-gap)*1.5)}.woocommerce-marketing-google-get-started-page .gla-get-started-notice{margin:0 0 32px}
|
|
.gla-app-text{font-weight:400;margin:0}.gla-app-text--body{font-size:13px;line-height:20px}.gla-app-text--caption,.gla-app-text--label{font-size:12px;line-height:16px}.gla-app-text--label{font-weight:600}.gla-app-text--title-small{font-size:20px;line-height:28px}.gla-app-text--title-medium{font-size:24px;line-height:32px}.gla-app-text--subtitle{font-size:16px;font-weight:600;line-height:24px}.gla-app-text--subtitle-small{font-size:14px;line-height:20px}
|
|
.gla-get-started-benefits-card .components-card__body.components-card__body{display:flex;padding:0}@media(max-width:600px){.gla-get-started-benefits-card .components-card__body.components-card__body{flex-direction:column}}.gla-get-started-benefits-card .gla-get-started-benefits-card__image{flex:100%}.gla-get-started-benefits-card .gla-get-started-benefits-card__image>img{object-fit:cover}.gla-get-started-benefits-card .components-flex-item{display:flex;flex:100%;flex-direction:column;gap:16px;justify-content:center;padding:40px}@media(max-width:600px){.gla-get-started-benefits-card .components-flex-item{padding:24px;text-align:center}}.gla-get-started-benefits-card .gla-get-started-benefits-card__description{font-size:14px;line-height:18px}.gla-get-started-benefits-card .gla-get-started-benefits-card__hint{color:#949494;font-size:12px;line-height:16px}@media(max-width:600px){.gla-get-started-benefits-card .gla-get-started-benefits-card__title{font-size:20px}}
|
|
.gla-get-started-customer-quotes-card .components-flex{align-items:stretch;gap:28px;padding:0 62px 46px}.gla-get-started-customer-quotes-card .components-flex.components-card__header{flex-direction:column;padding:46px 112px 40px;text-align:center}@media(max-width:600px){.gla-get-started-customer-quotes-card .components-flex.components-card__header{padding:24px}}.gla-get-started-customer-quotes-card .components-flex-block{background-color:#f6f7f7;display:flex;flex-direction:column;gap:10px;padding:20px}@media(max-width:600px){.gla-get-started-customer-quotes-card .components-flex{flex-direction:column;gap:24px;padding:0 24px 24px}}.gla-get-started-customer-quotes-card .gla-get-started-customer-quotes-card__content{font-size:14px;line-height:20px}.gla-get-started-customer-quotes-card .gla-get-started-customer-quotes-card__name{color:#949494;font-size:12px;line-height:16px}@media(max-width:600px){.gla-get-started-customer-quotes-card .gla-get-started-customer-quotes-card__title{font-size:20px;line-height:28px}}
|
|
.gla-faqs-panel .components-panel__row{align-items:flex-start;flex-direction:column;gap:1.5em}.gla-faqs-panel .components-panel__row p{margin:0}.gla-faqs-panel .components-panel__body-title .components-panel__body-toggle.components-button{padding-bottom:20px;padding-top:20px}
|
|
.gla-get-started-faqs .components-panel__header>h2{font-size:24px;font-weight:400;line-height:32px}@media(max-width:600px){.gla-get-started-faqs .components-panel__header>h2{font-size:20px;line-height:28px}}.gla-get-started-faqs .components-panel__body-title .components-panel__body-toggle.components-button{font-size:14px;font-weight:400;line-height:18px}.gla-get-started-faqs ul{list-style:revert;padding:revert}
|
|
.gla-get-started-features-card .components-flex{gap:50px;padding:0 88px 48px}.gla-get-started-features-card .components-flex.components-card__header{flex-direction:column;gap:8px;padding:48px 113px 40px;text-align:center}@media(max-width:600px){.gla-get-started-features-card .components-flex.components-card__header{gap:16px;padding:24px 24px 16px}}.gla-get-started-features-card .components-flex-block{align-items:center;display:flex;flex-direction:column;text-align:center}@media(max-width:600px){.gla-get-started-features-card .components-flex{flex-direction:column;gap:40px;padding:0 55px 44px}}.gla-get-started-features-card .gla-get-started-features-card__description{font-size:14px;line-height:18px}.gla-get-started-features-card .gla-get-started-features-card__label{font-size:14px;font-weight:700;line-height:18px;margin:24px 0 16px}.gla-get-started-features-card .gla-get-started-features-card__content{font-size:14px;line-height:18px}.gla-get-started-features-card .gla-get-started-features-card__learn-more{font-size:14px;font-weight:500;line-height:16px;margin-top:8px}.gla-get-started-features-card .gla-get-started-features-card__learn-more a{text-decoration:none}@media(max-width:600px){.gla-get-started-features-card .gla-get-started-features-card__title{font-size:20px;line-height:28px}.gla-get-started-features-card .gla-get-started-features-card__label{margin:20px 0 16px}}
|
|
.gla-get-started-card>div:first-of-type{display:flex;flex-direction:row-reverse;padding:40px 40px 16px}@media(max-width:600px){.gla-get-started-card>div:first-of-type{flex-direction:column;padding:24px}}.gla-get-started-card .motivation-image{min-width:auto}@media(max-width:600px){.gla-get-started-card .motivation-image{text-align:center}}.gla-get-started-card .components-card__body.components-card__body{align-items:flex-start;display:flex;flex-direction:column;gap:20px;padding:0}@media(max-width:600px){.gla-get-started-card .components-card__body.components-card__body{align-items:center;gap:16px;text-align:center}}.gla-get-started-card .gla-get-started-card__terms-notice{font-size:12px;line-height:16px}.gla-get-started-card .gla-get-started-card__terms-notice a{text-decoration:none}@media(max-width:600px){.gla-get-started-card .gla-get-started-card__title{font-size:20px;line-height:28px}.gla-get-started-card .gla-get-started-card__terms-notice{margin-top:12px}}
|
|
.app-button{white-space:nowrap}.app-button svg{max-height:inherit;max-width:inherit}.app-button svg circle{stroke:currentcolor}.app-button[hidden]{display:none!important}.app-button--icon-position-right.has-icon svg:last-child{margin-left:8px}.app-button--icon-with-text.has-icon{padding:6px 12px}
|
|
.gla-get-started-with-hero-card{flex-direction:column}.gla-get-started-with-hero-card .motivation{margin:0;min-width:100%}.gla-get-started-with-hero-card .components-card__body.components-card__body{align-items:center;display:flex;flex-direction:column;margin:calc(var(--main-gap)*1.67) 0 var(--main-gap);padding:0;text-align:center}@media(max-width:600px){.gla-get-started-with-hero-card .components-card__body.components-card__body{margin:24px}}.gla-get-started-with-hero-card .gla-get-started-with-hero-card__caption{color:#949494;margin-bottom:16px}.gla-get-started-with-hero-card .gla-get-started-with-hero-card__title{margin-bottom:16px;max-width:550px}.gla-get-started-with-hero-card .gla-get-started-with-hero-card__description{margin-bottom:24px;max-width:550px}.gla-get-started-with-hero-card .gla-get-started-with-hero-card__button{display:flex;font-size:14px;height:36px;justify-content:center;margin-bottom:8px;width:188px}.gla-get-started-with-hero-card .gla-get-started-with-hero-card__hint{color:#ccc;font-size:12px;margin-bottom:24px}.gla-get-started-with-hero-card .gla-get-started-with-hero-card__terms-notice{font-size:12px}.gla-get-started-with-hero-card .gla-get-started-with-hero-card__terms-notice a{text-decoration:none}.gla-get-started-with-hero-card .components-tip{border-top:1px solid #ddd;margin:0 40px;padding:24px 12px}.gla-get-started-with-hero-card .components-tip svg{fill:#1e1e1e;margin-right:12px}.gla-get-started-with-hero-card .components-tip p{color:#949494;font-size:12px}@media(max-width:600px){.gla-get-started-with-hero-card .gla-get-started-with-hero-card__title{font-size:20px;line-height:28px}.gla-get-started-with-hero-card .gla-get-started-with-hero-card__description{padding:0 12px}.gla-get-started-with-hero-card .components-tip{margin:0 24px;padding:24px 4px}.gla-get-started-with-hero-card .components-tip svg{align-self:flex-start}}
|
|
.gla-get-started-notice.is-error{background-color:#ffcbcb}.gla-get-started-notice.is-warning{background-color:#ffeec1}.gla-get-started-notice .components-notice__content{margin-left:16px}.gla-get-started-notice__icon{margin-left:.2em;vertical-align:middle}
|