/* The reference-style frame is limited to product configuration pages. */
body.fxc-configure-page{--fxc-config-nav-width:224px;--fxc-bg:#f5f6f7;--fxc-paper:#fff;--fxc-soft:#f4f5f6;--fxc-line:#dfe2e5;--fxc-ink:#20252a;--fxc-muted:#697581;--fxc-glass-panel:#fff;--fxc-glass-header:#fff;--fxc-glass-line:#dfe2e5;background:var(--fxc-bg);font-size:13px}
html[data-fxc-mode=dark] body.fxc-configure-page{--fxc-bg:#202020;--fxc-paper:#111;--fxc-soft:#202020;--fxc-line:#414141;--fxc-ink:#f2f3f5;--fxc-muted:#a5b0c1;--fxc-glass-panel:#111;--fxc-glass-header:#111;--fxc-glass-line:#414141}
body.fxc-configure-page .fxc-sidebar{width:var(--fxc-config-nav-width);background:var(--fxc-bg);border-color:var(--fxc-line)}
body.fxc-configure-page .fxc-sidebar-brand{height:74px;min-height:74px;padding:0 26px;background:var(--fxc-paper);border-color:var(--fxc-line)}
body.fxc-configure-page .fxc-sidebar-brand .fxc-brand{height:100%;gap:10px}
body.fxc-configure-page .fxc-sidebar-brand strong{font-size:21px;letter-spacing:normal}
body.fxc-configure-page .fxc-navigation{padding:12px 10px}
body.fxc-configure-page .fxc-navigation>a{min-height:50px;padding:13px 20px;margin-bottom:10px;border:1px solid var(--fxc-line);border-radius:12px;background:var(--fxc-paper);font-size:13px;font-weight:600;gap:15px}
body.fxc-configure-page .fxc-navigation>a .fxc-icon{width:17px;height:17px;color:var(--fxc-muted)}
body.fxc-configure-page .fxc-navigation>a[aria-current=page]{background:#eaf5ef;border-color:#a6c9b7;color:#116b49;box-shadow:inset 0 0 0 4px var(--fxc-paper)}
html[data-fxc-mode=dark] body.fxc-configure-page .fxc-navigation>a[aria-current=page]{background:#183e2f;border-color:#436557;color:#8addb1;box-shadow:inset 0 0 0 4px #111}
body.fxc-configure-page .fxc-navigation>a[aria-current=page] .fxc-icon{color:inherit}
body.fxc-configure-page .fxc-sidebar-bottom{font-size:12px;background:var(--fxc-bg);border-color:var(--fxc-line)}
body.fxc-configure-page .fxc-topbar,body.fxc-configure-page .fxc-main.main-content{margin-left:var(--fxc-config-nav-width)}
body.fxc-configure-page .fxc-topbar{height:74px;padding:0 30px;background:var(--fxc-paper);border-color:var(--fxc-line);gap:16px}
body.fxc-configure-page .fxc-topbar>.fxc-commerce-brand{display:none}
body.fxc-configure-page .fxc-breadcrumb{margin:0;gap:0}
body.fxc-configure-page .fxc-breadcrumb>a,body.fxc-configure-page .fxc-breadcrumb>span,body.fxc-configure-page .fxc-breadcrumb>strong{display:none}
body.fxc-configure-page .fxc-config-nav-toggle{display:inline-flex;align-items:center;justify-content:center;border:0;background:none;padding:8px;color:var(--fxc-muted);cursor:pointer}
body.fxc-configure-page .fxc-config-nav-toggle .fxc-icon{width:20px;height:20px}
body.fxc-configure-page .fxc-top-actions{gap:20px;font-size:12px}
body.fxc-configure-page .fxc-top-actions>.fxc-top-home{display:none}
body.fxc-configure-page .fxc-top-actions>.fxc-btn{background:none;color:var(--fxc-ink);border-color:transparent;padding:7px 0;min-height:32px;font-weight:400}
body.fxc-configure-page .fxc-top-actions>.fxc-btn:hover{color:var(--fxc-accent)}
body.fxc-configure-page .fxc-commerce-cart>span{display:none}
body.fxc-configure-page .fxc-color-toggle{border-color:transparent;background:none}
body.fxc-configure-page .fxc-page-content.page-content{padding:22px 30px 36px}
body.fxc-configure-page .fxc-container.container-fluid{max-width:none}
.fxc-config-pagebar{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:30px;margin-bottom:22px;color:var(--fxc-muted)}
.fxc-config-pagebar>strong{font-size:15px;font-weight:600;line-height:1.5}
.fxc-config-pagebar nav{display:flex;align-items:center;gap:10px;font-size:12px}
.fxc-config-pagebar nav a{color:var(--fxc-muted)}
.fxc-config-pagebar nav a:hover{color:var(--fxc-accent)}
body.fxc-configure-page .fxc-client-footer{max-width:none;padding:16px 30px;color:var(--fxc-muted)}
@media(min-width:1800px){body.fxc-configure-page{--fxc-config-nav-width:248px}body.fxc-configure-page .fxc-page-content.page-content{padding-inline:34px}body.fxc-configure-page .fxc-navigation>a{font-size:14px}}
@media(min-width:761px){body.fxc-configure-page.fxc-config-nav-collapsed .fxc-sidebar{display:none}body.fxc-configure-page.fxc-config-nav-collapsed .fxc-topbar,body.fxc-configure-page.fxc-config-nav-collapsed .fxc-main.main-content{margin-left:0}}
@media(min-width:761px) and (max-width:1100px){body.fxc-configure-page{--fxc-config-nav-width:184px}body.fxc-configure-page .fxc-sidebar-brand{padding-inline:16px}body.fxc-configure-page .fxc-navigation>a{padding-inline:13px;font-size:12px}body.fxc-configure-page .fxc-page-content.page-content{padding-inline:20px}}
@media(max-width:760px){body.fxc-configure-page .fxc-sidebar{width:235px}body.fxc-configure-page .fxc-sidebar-brand{height:64px;min-height:64px}body.fxc-configure-page .fxc-topbar,body.fxc-configure-page .fxc-main.main-content{margin-left:0}body.fxc-configure-page .fxc-topbar{height:64px;padding:0 13px;gap:10px}body.fxc-configure-page .fxc-config-nav-toggle{display:none}body.fxc-configure-page .fxc-top-actions{gap:12px}body.fxc-configure-page .fxc-page-content.page-content{padding:16px 13px 28px}.fxc-config-pagebar{min-height:25px;margin-bottom:14px}.fxc-config-pagebar>strong{font-size:14px}.fxc-config-pagebar nav{font-size:10px;gap:7px}body.fxc-configure-page .fxc-client-footer{padding-inline:13px}}