/* * Document-level styles. These are injected into the host page's (NOT the * widget's shadow root), because: * 1. @font-face must be declared at the document level to load reliably — fonts * defined only inside a shadow root are not applied consistently across * browsers. Shadow content can still USE document-level fonts. * 2. The mount host ([data-sb-booking]) lives in the light DOM, so its own * layout sizing has to be set from a light-DOM stylesheet. * * Aeonik Pro — loaded from Sendblue's Webflow CDN. Same URLs sendblue.com uses * (so on sendblue.com the font is already cached/loaded by the host page). */ @font-face { font-family: 'Aeonik'; font-style: normal; font-weight: 300; font-display: swap; src: url('https://cdn.prod.website-files.com/66edf6078b47584cfeee4b62/66edf6078b47584cfeee4b8a_AeonikProTRIAL-Light.otf') format('opentype'); } @font-face { font-family: 'Aeonik'; font-style: normal; font-weight: 400; font-display: swap; src: url('https://cdn.prod.website-files.com/66edf6078b47584cfeee4b62/66edf6078b47584cfeee4b86_AeonikProTRIAL-Regular.otf') format('opentype'); } @font-face { font-family: 'Aeonik'; font-style: normal; font-weight: 500; font-display: swap; src: url('https://cdn.prod.website-files.com/66edf6078b47584cfeee4b62/66edf6078b47584cfeee4b9d_Aeonik%20Pro%20Medium.ttf') format('truetype'); } @font-face { font-family: 'Aeonik'; font-style: normal; font-weight: 700; font-display: swap; src: url('https://cdn.prod.website-files.com/66edf6078b47584cfeee4b62/66edf6078b47584cfeee4b87_AeonikProTRIAL-Bold.otf') format('opentype'); } /* Mount host stretches to its parent — without this, an iframe with no intrinsic width collapses the container to ~0 on the iClosed step. Lives in light DOM because the host element is outside the shadow root. */ [data-sb-booking] { display: block; width: 100%; }