:root{--one-commerce-color-oc-primary-default: #0a855c;--one-commerce-color-oc-primary-depressed: #57b386}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--p-font-family-sans);color:var(--p-color-text);background:var(--p-color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.d-flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.text-color-secondary{color:var(--p-color-text-secondary)}.text-color-critical{color:var(--p-color-text-critical)}.app-embed{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 12px;border-radius:8px;background:var(--p-color-bg-surface-secondary)}.app-embed__label{font-size:13px;font-weight:550;color:var(--p-color-text)}.app-embed__right{display:flex;align-items:center;gap:8px}.app-embed__status{display:inline-flex;height:20px;padding:2px 8px;align-items:center;justify-content:center;border-radius:8px;font-size:12px;font-weight:550;line-height:16px}.app-embed__status--on{background:var(--p-color-bg-fill-success-secondary, #cdfee1);color:var(--p-color-text-success, #0c5132)}.app-embed__status--off{background:var(--p-color-bg-fill-tertiary, rgba(0, 0, 0, .06));color:var(--p-color-text-secondary, #616161)}.app-embed__divider{width:1px;height:21px;background:var(--p-color-border, #ccc)}.settings-subnav{display:flex;gap:32px;border-bottom:1px solid var(--p-color-border);margin-bottom:4px}.settings-subnav__tab{position:relative;display:inline-block;margin:0;padding:8px 4px 12px;border:0;background:transparent;color:var(--p-color-text);font:inherit;font-size:14px;font-weight:500;line-height:20px;text-decoration:none;cursor:pointer;transition:color .12s ease}.settings-subnav__tab:hover{color:var(--one-commerce-color-oc-primary-default)}.settings-subnav__tab:focus-visible{outline:2px solid var(--one-commerce-color-oc-primary-default);outline-offset:2px;border-radius:4px}.settings-subnav__tab--active{color:var(--one-commerce-color-oc-primary-default);font-weight:600}.settings-subnav__tab--active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:var(--one-commerce-color-oc-primary-default)}