/* appearance */
:root[data-accent="blue"]{--acc:#4c8dff!important;--acc2:#4c8dff!important;}
:root[data-accent="blue"][data-theme="light"]{--acc:#2563eb!important;--acc2:#2563eb!important;}
:root[data-accent="teal"]{--acc:#2bb5a5!important;--acc2:#2bb5a5!important;}
:root[data-accent="teal"][data-theme="light"]{--acc:#0f8f82!important;--acc2:#0f8f82!important;}
:root[data-accent="green"]{--acc:#4fbf7a!important;--acc2:#4fbf7a!important;}
:root[data-accent="green"][data-theme="light"]{--acc:#1f8f4e!important;--acc2:#1f8f4e!important;}
:root[data-accent="rose"]{--acc:#e0657f!important;--acc2:#e0657f!important;}
:root[data-accent="rose"][data-theme="light"]{--acc:#c2415f!important;--acc2:#c2415f!important;}
:root[data-accent="slate"]{--acc:#8a94a6!important;--acc2:#8a94a6!important;}
:root[data-accent="slate"][data-theme="light"]{--acc:#475569!important;--acc2:#475569!important;}
:root[data-tone="warm"]{--text:#ece6dc!important;--sub:#a39b8c!important}
:root[data-tone="warm"][data-theme="light"]{--text:#1f1b16!important;--sub:#6f675a!important}
:root[data-tone="cool"]{--text:#dde6f0!important;--sub:#94a3b8!important}
:root[data-tone="cool"][data-theme="light"]{--text:#101a26!important;--sub:#5a6b80!important}
/* flat */
:root[data-flat] .cookie-notice-icon{background:var(--acc)!important}
:root[data-flat][data-theme="light"] .bphero{background-image:none!important}
:root[data-flat][data-theme="light"] .tkw{background-image:none!important}
:root[data-flat] .auth-placeholder span::after{background-image:none!important}
:root[data-flat][data-theme="light"] .tt2{background-image:none!important}
:root[data-flat] h1 em{background:none!important;-webkit-text-fill-color:var(--acc)!important;color:var(--acc)!important}
:root[data-flat] .tkw{background-image:none!important}
:root[data-flat] .s-diag::before{background-image:none!important}
:root[data-flat] .dh em{background:none!important;-webkit-text-fill-color:var(--acc)!important;color:var(--acc)!important}
:root[data-flat] .sh em{background:none!important;-webkit-text-fill-color:var(--acc)!important;color:var(--acc)!important}
:root[data-flat] .bphero{background-image:none!important}
:root[data-flat] .bpn-lg::after,
:root[data-flat] .bpn-l::after,
:root[data-flat] .bph-tag::after,
:root[data-flat] .bph-h1::after,
:root[data-flat] .bph-h2::after,
:root[data-flat] .bph-btn::after,
:root[data-flat] .bpc-top::after,
:root[data-flat] .bpc-l::after{background-image:none!important}
:root[data-flat] .s-mob::before{background-image:none!important}
:root[data-flat] .pho{background:var(--card2)!important}
:root[data-flat] .pho:not(.side)::before{background:var(--card2)!important}
:root[data-flat] .pho:not(.side)::after{background:var(--card2)!important}
:root[data-flat] .pscr::after{background-image:none!important}
:root[data-flat] .ptop{background:var(--card2)!important}
:root[data-flat] .pho.side .pnotch{background:var(--card2)!important}
:root[data-flat] .pbar-f{background:var(--acc)!important}
:root[data-flat] .pbar-f::after{background-image:none!important}
:root[data-flat] .s-smm::before{background-image:none!important}
:root[data-flat] .smmav{background:var(--acc)!important}
:root[data-flat] .bimark{background:var(--acc)!important}
:root[data-flat] .mesh-h em{background:none!important;-webkit-text-fill-color:var(--acc)!important;color:var(--acc)!important}
:root[data-flat] .msn em{background:none!important;-webkit-text-fill-color:var(--acc)!important;color:var(--acc)!important}
:root[data-flat] .stn em{background:none!important;-webkit-text-fill-color:var(--acc)!important;color:var(--acc)!important}
:root[data-flat] .tt2{background-image:none!important}
:root[data-flat] .s-contact::before{background-image:none!important}
:root[data-flat] .cta::before{background-image:none!important}
:root[data-flat] .cta h2 em{background:none!important;-webkit-text-fill-color:var(--acc)!important;color:var(--acc)!important}
:root[data-flat] .f-logo-glass .logo-word{background:none!important;-webkit-text-fill-color:var(--acc)!important;color:var(--acc)!important}
:root[data-flat] .auth-modal-backdrop{background-image:none!important}
:root[data-flat] .auth-modal-panel{background-image:none!important}
:root[data-flat] .auth-modal-panel::before{background-image:none!important}
:root[data-flat] .auth-submit{background:var(--acc)!important}
:root[data-flat] .auth-submit::before{background-image:none!important}
:root[data-flat][data-theme="light"] .auth-modal-backdrop{background-image:none!important}
:root[data-flat][data-theme="light"] .auth-modal-panel{background-image:none!important}
:root[data-flat][data-theme="light"] .auth-modal-panel::before{background-image:none!important}
:root[data-flat] .pf-hero::before{background-image:none!important}
:root[data-flat] .pf-order-box{background-image:none!important}
:root[data-flat][data-theme="light"] .pf-order-box{background-image:none!important}
/* accent gradients */
:root[data-accent] h1 em{background-image:linear-gradient(100deg,var(--acc),var(--acc2))!important}
:root[data-accent] .dh em{background-image:linear-gradient(100deg,var(--acc),var(--acc2))!important}
:root[data-accent] .sh em{background-image:linear-gradient(100deg,var(--acc),var(--acc2))!important}
:root[data-accent] .mesh-h em{background-image:linear-gradient(100deg,var(--acc),var(--acc2))!important}
:root[data-accent] .msn em{background-image:linear-gradient(100deg,var(--acc),var(--acc2))!important}
:root[data-accent] .stn em{background-image:linear-gradient(100deg,var(--acc),var(--acc2))!important}
:root[data-accent] .cta h2 em{background-image:linear-gradient(100deg,var(--acc),var(--acc2))!important}
:root[data-accent] .f-logo-glass .logo-word{background-image:linear-gradient(100deg,var(--acc),var(--acc2))!important}