.site-visibility-settings-slotfill { line-height: 16px; font-weight: 400; color: #1e1e1e; margin: 32px 0 32px 0; &.placeholder { opacity: 0.3; } a { text-decoration: none; } .site-visibility-settings-slotfill-private-link { margin-top: 12px; margin-left: 73px; padding: 8px 16px; border-radius: 4px; border: 1px solid #dcdcde; background: #fff; display: flex; justify-content: space-between; height: 40px; box-sizing: border-box; input { width: 100%; outline: none; border: 0; background: #fff; font-size: 13px; font-style: normal; font-weight: 400; line-height: 20px; color: $gray-900; } button { text-decoration: none; white-space: nowrap; font-size: 13px; font-style: normal; font-weight: 400; line-height: 20px; &:focus { outline: none !important; box-shadow: none; } } } .components-form-toggle { .components-form-toggle__input:focus + .components-form-toggle__track { box-shadow: none; } .components-form-toggle__track { width: 32px; height: 20px; background-color: #949494; border: none; border-radius: 10px; } .components-form-toggle__thumb { background-color: #fff; border: 5px solid #fff; top: 4px; } &.is-checked .components-form-toggle__thumb { transform: translateX(14px); } &.is-checked .components-form-toggle__track { background-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); } } .site-visibility-settings-slotfill-section-description { margin: 4px 0 18px 28px; } p { color: #757575; } .site-visibility-settings-slotfill-description { font-size: inherit; font-weight: inherit; color: inherit; margin-bottom: 24px; } .components-radio-control__input[type="radio"]:focus { outline: none; box-shadow: none; } .site-visibility-settings-slotfill-section { max-width: 650px; &:last-child { margin-top: 16px; } .site-visibility-settings-slotfill-section-content { gap: 16px; display: flex; flex-direction: column; margin: 16px 0 0 30px; &.is-hidden { display: none; } .components-toggle-control { margin: 0; .components-h-stack { align-items: baseline; } } .components-base-control__field { p { margin-top: 6px; margin-bottom: 0; } } } } }