/* the viewer inside the hero (plus/configurator/): the original site's fonts, the copies it serves itself, in place of the viewer's Google Fonts */
html.embed,html.embed body,html.embed button,html.embed input,html.embed output,html.embed .hover-label,.hover-label{font-family:"Inter",system-ui,sans-serif!important}
html.embed h2,html.embed h3,html.embed .vp-title h2{font-family:"Oswald",sans-serif!important}

/* the design system's flat language inside the viewer (the same tokens as plus/system.css, written out because the frame is a document of its own): square buttons, solid ink,
   a paper hairline, hover one step lighter, the selected one inverted to paper, the keyboard ring crimson with a white gap, no shadows, no gold */
/* (every dark surface is the site's ink, the same as its header: the panel and its fields were a lighter warm #1d1814, which read as brown beside the grey stage; text is paper,
   secondary text the system's on-dark-2, hairlines paper at .18, the system's dark line) */
html.embed{--gold:#f6f2eb;--gold-soft:rgba(246,242,235,.14);--line:rgba(246,242,235,.18);--fg:#f6f2eb;--muted:#bdb4a6;--ink:#15120f;--bg:#15120f;--bg-deep:#15120f;--panel:#15120f;--well:#15120f;--well-2:#15120f;--field:#15120f;--chip:#15120f;--menu:#15120f;--bar:#15120f;--scroll:rgba(246,242,235,.28)}
html.embed :is(.vp-chip,.icon-button,.vp-tool,.vp-reset,.vp-size,.size-sex,.size-sex-btn,.vp-styles,.vp-styles button,.chip-button,.vp-loading){border-radius:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html.embed :is(.vp-chip,.icon-button,.vp-tool,.vp-reset){background:#15120f!important;border:1px solid rgba(246,242,235,.28)!important;color:#f6f2eb!important;transition:background-color .15s,border-color .15s,color .15s}
html.embed :is(.vp-chip,.icon-button,.vp-tool,.vp-reset):hover:not(:disabled){background:#3a342e!important;border-color:#f6f2eb!important;color:#fff!important}
html.embed :is(.vp-chip,.icon-button,.vp-tool,.vp-reset):active:not(:disabled){background:#000!important}
html.embed :is(.vp-chip[aria-expanded=true],.vp-chip.active,.icon-button.altered){background:#f6f2eb!important;border-color:#f6f2eb!important;color:#15120f!important}
html.embed :is(.vp-chip,.icon-button,.vp-tool,.vp-reset):focus-visible,html.embed label.icon-button:has(input:focus-visible){outline:2px solid #ad2a1e!important;outline-offset:2px!important;box-shadow:0 0 0 2px #fff!important}
html.embed .vp-size{background:#15120f!important;border:1px solid rgba(246,242,235,.28)!important}
html.embed .vp-size input[type=range]{accent-color:#ad2a1e}
html.embed .size-sex-btn:focus-visible{outline:2px solid #ad2a1e!important;outline-offset:2px!important;box-shadow:0 0 0 2px #fff!important}
html.embed.minui .vp-cta{background:#ad2a1e!important;color:#fff!important;border:1px solid #ad2a1e!important;box-shadow:none!important;font:500 12px/1 "Oswald",sans-serif!important;letter-spacing:.1em;text-transform:uppercase;transition:background-color .15s,border-color .15s}
html.embed.minui .vp-cta:hover{background:#8f2118!important;border-color:#8f2118!important;color:#fff!important}
html.embed.minui .vp-cta:active{background:#761b13!important;border-color:#761b13!important}