.woocommerce-layout .woocommerce-layout__main { @include breakpoint('<782px') { padding-top: 0 !important; } .woocommerce-customize-store__loading { display: grid; place-items: center; height: 100vh; } } .woocommerce-customize-store { background-color: #fff; #woocommerce-layout__primary { margin: 0; width: 100%; } .woocommerce-layout__main { padding-right: 0; } .edit-site-site-icon__image { background: transparent; border-radius: 4px; height: auto; -o-object-fit: cover; object-fit: cover; width: 100%; } } body.woocommerce-customize-store.js.is-fullscreen-mode { margin-top: 0 !important; height: 100%; & > div.tour-kit.woocommerce-tour-kit > div > div.tour-kit-spotlight.is-visible { outline: 99999px solid rgba(0, 0, 0, 0.15); } #screen-meta-links { display: none; } } .woocommerce-cys-layout { display: flex; flex-direction: column; align-items: center; h1 { text-align: center; color: #000; font-size: 32px; font-style: normal; font-weight: 500; line-height: 40px; /* 125% */ margin-top: 100px; margin-bottom: 60px; } .woocommerce-cys-page { width: 615px; display: flex; flex-direction: column; align-items: center; } button.is-primary { width: 404px; display: block; height: 48px; margin-top: 32px; } } .woocommerce-design-with-ai__container { .woocommerce-onboarding-loader { img { width: 216px; height: 136px; } } } .woocommerce-cys-design-with-ai { .components-base-control { width: 404px; textarea { margin: 0 0 12px 0; height: 167px; border-radius: 2px; border: 1px solid #bbb; background: #fff; color: $gray-900; font-size: 13px; font-style: normal; font-weight: 400; line-height: 18px; /* 138.462% */ &::placeholder { color: #757575; } &:focus { box-shadow: none; border-color: var(--wp-admin-theme-color, #3858e9); } } } .woocommerce-cys-design-with-ai-guide { padding: 12px; width: 404px; border-radius: 2px; background: var(--wp-admin-theme-color-background-04, rgba(168, 168, 170, 0.301)); color: var(--gutenberg-gray-800, #2f2f2f); p { padding: 0; margin: 0; font-size: 13px; font-style: normal; font-weight: 500; line-height: 20px; /* 153.846% */ } ul { list-style: inside; margin-left: 8px; li { font-weight: 400; } } } } .woocommerce-cys-design-with-ai-look-and-feel, .woocommerce-cys-design-with-ai-tone-of-voice { .choices { width: 404px; display: flex; flex-direction: column; gap: 16px; } } .woocommerce-cys-design-with-ai__error-notice.is-error { background: #fce2e4; padding: $gap-small; // gap: 12px; font-size: 13px; font-style: normal; font-weight: 400; line-height: 24px; color: $gray-900; margin: 0 0 60px; width: 615px; .components-notice__content { margin: 0; } .components-button { padding: 0; height: initial; } }