[data-public-root] .button{box-sizing:border-box;border-radius:var(--radius-pill);font-family:var(--prv-font-sans);font-weight:var(--text-h6-font-weight);letter-spacing:var(--text-h6-letter-spacing);text-align:center;white-space:nowrap;cursor:pointer;border:none;outline:none;justify-content:center;align-items:center;margin:0;text-decoration:none;transition:background-color .3s,color .3s;display:inline-flex}[data-public-root] .button:disabled{cursor:not-allowed;opacity:.5}[data-public-root] .button[data-busy=true]:disabled{cursor:wait;opacity:1}[data-public-root] a.button{text-decoration:none}[data-public-root] .button--lg{--control-icon-size:var(--control-icon-size-glyph-lg);--control-icon-size-angle:var(--control-icon-size-angle-lg);font-size:var(--text-h6-font-size);line-height:var(--text-h6-line-height);padding:var(--control-padding-y-lg) var(--control-padding-x-lg);min-height:var(--control-min-height-lg);gap:var(--control-icon-gap-lg)}[data-public-root] .button--md{--control-icon-size:var(--control-icon-size-glyph-md);--control-icon-size-angle:var(--control-icon-size-angle-md);font-size:var(--text-body-font-size);line-height:var(--text-body-line-height);padding:var(--control-padding-y-md) var(--control-padding-x-md);min-height:var(--control-min-height-md);gap:var(--control-icon-gap-md)}[data-public-root] .button--sm{--control-icon-size:var(--control-icon-size-glyph-sm);--control-icon-size-angle:var(--control-icon-size-angle-sm);font-size:var(--text-caption-font-size);line-height:var(--text-caption-line-height);font-weight:var(--prv-font-weight-500);padding:var(--control-padding-y-sm) var(--control-padding-x-sm);min-height:var(--control-min-height-sm);gap:var(--control-icon-gap-sm)}[data-public-root] .button--primary{background-color:var(--color-accent);color:var(--color-fg-inverse)}[data-public-root] .button--primary:hover:not(:disabled){background-color:var(--color-accent-hover)}[data-public-root] .button--purple{background-color:var(--color-accent-purple);color:var(--color-fg-inverse)}[data-public-root] .button--purple:hover:not(:disabled){background-color:var(--color-accent-purple-hover)}[data-public-root] .button--yellow{background-color:var(--color-accent-yellow);color:var(--color-fg-default)}[data-public-root] .button--yellow:hover:not(:disabled){background-color:var(--color-accent-yellow-hover)}[data-public-root] .button--magenta{background-color:var(--color-accent-magenta);color:var(--color-fg-inverse)}[data-public-root] .button--magenta:hover:not(:disabled){background-color:var(--color-accent-magenta-hover)}[data-public-root] .button--secondary{--control-wash-rest:color-mix(in srgb, currentColor var(--prv-opacity-7), transparent);--control-wash-hover:color-mix(in srgb, currentColor var(--prv-opacity-11), transparent);background-color:var(--control-wash-rest);color:var(--color-accent-blue);font-weight:var(--prv-font-weight-600)}[data-public-root] .button--secondary:hover:not(:disabled){background-color:var(--control-wash-hover);color:var(--color-accent-blue)}[data-public-root] .button--secondary[data-tone=accent]{background-color:var(--control-wash-rest);color:var(--color-accent)}[data-public-root] .button--secondary[data-tone=accent]:hover:not(:disabled){background-color:var(--control-wash-hover);color:var(--color-accent-hover)}[data-public-root] .button--secondary[data-tone=inverse]{background-color:var(--control-wash-rest);color:var(--color-fg-inverse)}[data-public-root] .button--secondary[data-tone=inverse]:hover:not(:disabled){background-color:var(--control-wash-hover);color:var(--color-fg-inverse)}[data-public-root] .button--secondary[data-tone=neutral]{background-color:var(--control-wash-rest);color:var(--color-fg-default)}[data-public-root] .button--secondary[data-tone=neutral]:hover:not(:disabled){background-color:var(--control-wash-hover);color:var(--color-fg-default)}[data-public-root] .button--black{background-color:var(--color-surface-inverse);color:var(--color-fg-inverse)}[data-public-root] .button--black:hover:not(:disabled){background-color:var(--color-surface-inverse-hover)}[data-public-root] .button--inverse{background-color:var(--color-surface-default);color:var(--color-fg-default)}[data-public-root] .button--inverse:hover:not(:disabled){background-color:var(--color-surface-default-hover)}[data-public-root] .button--ghost{--control-wash-hover:color-mix(in srgb, currentColor var(--prv-opacity-11), transparent);z-index:0;color:inherit;font-weight:var(--prv-font-weight-500);gap:var(--control-icon-gap-ghost);background-color:#0000;min-height:0;transition:background-color .2s,color .2s;position:relative}[data-public-root] .button--ghost:hover:not(:disabled),[data-public-root] .button--ghost:focus-visible:not(:disabled),[data-public-root] .button--ghost.button--expanded{background:var(--control-wash-hover);outline:none;text-decoration:none}[data-public-root] .button--ghost[data-tone=accent]{color:var(--color-accent)}[data-public-root] .button--ghost[data-tone=accent]:hover:not(:disabled),[data-public-root] .button--ghost[data-tone=accent]:focus-visible:not(:disabled){color:var(--color-accent-hover)}[data-public-root] .button--ghost[data-tone=inverse]{color:var(--color-fg-inverse)}[data-public-root] .button--ghost.button--align-start{background:0 0;padding-block:0;padding-inline:0}[data-public-root] .button--ghost.button--align-start:before{content:"";z-index:-1;top:calc(-1 * var(--control-padding-y-md));right:calc(-1 * var(--control-padding-x-md));bottom:calc(-1 * var(--control-padding-y-md));left:calc(-1 * var(--control-padding-x-md));border-radius:var(--radius-pill);background:0 0;transition:background .2s;position:absolute}[data-public-root] .button--lg.button--ghost.button--align-start:before{top:calc(-1 * var(--control-padding-y-lg));right:calc(-1 * var(--control-padding-x-lg));bottom:calc(-1 * var(--control-padding-y-lg));left:calc(-1 * var(--control-padding-x-lg))}[data-public-root] .button--sm.button--ghost.button--align-start:before{top:calc(-1 * var(--control-padding-y-sm));right:calc(-1 * var(--control-padding-x-sm));bottom:calc(-1 * var(--control-padding-y-sm));left:calc(-1 * var(--control-padding-x-sm))}[data-public-root] .button--ghost.button--align-start:hover:not(:disabled),[data-public-root] .button--ghost.button--align-start:focus-visible:not(:disabled),[data-public-root] .button--ghost.button--align-start.button--expanded{background:0 0}[data-public-root] .button--ghost.button--align-start:hover:not(:disabled):before,[data-public-root] .button--ghost.button--align-start:focus-visible:not(:disabled):before,[data-public-root] .button--ghost.button--align-start.button--expanded:before{background:var(--control-wash-hover)}[data-public-root] .button--align-start{text-align:left;justify-content:flex-start;align-self:flex-start;width:fit-content;max-width:100%}[data-public-root] .button--full{width:100%}[data-public-root] .button--icon-only{box-sizing:border-box;width:var(--control-min-height-md);min-width:var(--control-min-height-md);height:var(--control-min-height-md);min-height:var(--control-min-height-md);padding:0}[data-public-root] .button--lg.button--icon-only{width:var(--control-min-height-lg);min-width:var(--control-min-height-lg);height:var(--control-min-height-lg);min-height:var(--control-min-height-lg)}[data-public-root] .button--sm.button--icon-only{width:var(--control-min-height-sm);min-width:var(--control-min-height-sm);height:var(--control-min-height-sm);min-height:var(--control-min-height-sm)}[data-public-root] .button__label{place-items:center;display:inline-grid}[data-public-root] .button__label-idle,[data-public-root] .button__label-busy{grid-area:1/1}[data-public-root] .button__label-busy{text-align:center;white-space:nowrap;width:0;min-width:100%;overflow:hidden}[data-public-root] .button[data-busy=true] .button__label-idle,[data-public-root] .button[data-busy=true] .button__icon{visibility:hidden}[data-public-root] .button__icon{width:var(--control-icon-size,var(--control-icon-size-glyph-lg));height:var(--control-icon-size,var(--control-icon-size-glyph-lg));color:currentColor;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s;display:inline-flex}[data-public-root] .button__icon:has([data-public=icon-angle]){width:var(--control-icon-size-angle,var(--control-icon-size-angle-lg));height:var(--control-icon-size-angle,var(--control-icon-size-angle-lg))}[data-public-root] .button__icon svg,[data-public-root] .button__icon .mgc-icon{width:100%;height:100%;display:block}[data-public-root] .button--expanded .button__icon[data-side=end]{transform:rotate(180deg)}[data-public-root] [data-public-viewport=mobile] .button--lg:not(.button--ghost):not(.button--icon-only){width:100%}@media only screen and (max-width:960px){[data-public-root] .button--lg{font-size:var(--text-body-font-size);line-height:var(--text-body-line-height)}[data-public-root] .button--md,[data-public-root] .button--sm{font-size:var(--prv-font-size-15);line-height:var(--prv-line-height-20)}}[data-public-root] [data-public-viewport=mobile] .button--lg{font-size:var(--text-body-font-size);line-height:var(--text-body-line-height)}[data-public-root] [data-public-viewport=mobile] .button--md,[data-public-root] [data-public-viewport=mobile] .button--sm{font-size:var(--prv-font-size-15);line-height:var(--prv-line-height-20)}
[data-public-root] [data-public=section][data-live-preview-host=true]{--live-preview-dim:0;isolation:isolate;position:relative;overflow:visible}[data-public-root] [data-public=section][data-live-preview-host=true]:has([data-fullscreen=true],[data-docked=true]){isolation:auto}[data-public-root] [data-public=section][data-live-preview-host=true]:before{content:"";z-index:1;pointer-events:none;background:var(--prv-palette-ink);opacity:var(--live-preview-dim);will-change:opacity;position:absolute;inset:0}[data-public-root] [data-public=section][data-live-preview-host=true]>[data-public=section-inner]{z-index:2;position:relative}[data-public-root] [data-public=section][data-live-preview-host=true] [data-public=section-heading]{opacity:calc(1 - var(--live-preview-dim));will-change:opacity}@media (prefers-reduced-motion:reduce){[data-public-root] [data-public=section][data-live-preview-host=true]:before,[data-public-root] [data-public=section][data-live-preview-host=true] [data-public=section-heading]{will-change:auto}}html.disable-scroll,body.disable-scroll{overflow:hidden}[data-public-root] .live-preview{align-items:center;gap:var(--prv-space-48);width:100%;color:var(--color-fg-inverse);font-family:var(--prv-font-sans);flex-direction:column;display:flex}[data-public-root] .live-preview__steps{justify-content:center;align-items:center;gap:var(--space-gap-md);max-width:100%;color:inherit;flex-flow:row;margin:0;padding:0;list-style:none;display:flex}[data-public-root] .live-preview__step{align-items:center;gap:var(--space-gap-md);flex-shrink:0;margin:0;padding:0;list-style:none;display:flex}[data-public-root] .live-preview__label{white-space:nowrap;color:inherit;font-size:var(--text-body-font-size);line-height:var(--text-body-line-height);font-weight:var(--prv-font-weight-500);display:block}[data-public-root] .live-preview__separator{width:var(--prv-size-24);height:var(--prv-size-24);color:inherit;opacity:.45;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}[data-public-root] .live-preview__chevron{width:var(--prv-size-20);height:var(--prv-size-20);display:block}[data-public-root] .live-preview__container{--live-preview-max-width:1800px;box-sizing:border-box;width:min(var(--live-preview-max-width), calc(100vw - 2 * var(--space-container-x)));max-width:min(var(--live-preview-max-width), calc(100vw - 2 * var(--space-container-x)));margin-inline:auto;position:relative;left:50%;translate:-50%}[data-public-root] .live-preview__container[data-fullscreen=true]{z-index:999999;width:auto;max-width:none;padding:var(--prv-space-20);box-sizing:border-box;flex-direction:column;height:100dvh;display:flex;position:fixed;inset:0;translate:none}[data-public-root] .live-preview__container[data-fullscreen=true]:before{content:"";background:color-mix(in srgb, var(--prv-palette-ink) 70%, transparent);position:absolute;inset:0}[data-public-root] .live-preview__stage{z-index:1;width:100%;height:100%;position:relative}[data-public-root] .live-preview__frame{--live-preview-stage-height:900px;z-index:1;box-sizing:border-box;width:100%;height:var(--live-preview-stage-height);border-radius:var(--radius-lg);background:var(--color-surface-default);isolation:isolate;max-height:90vh;box-shadow:0 var(--prv-space-20) var(--prv-space-40) color-mix(in srgb, var(--prv-palette-ink) 40%, transparent);position:relative;overflow:clip}[data-public-root] .live-preview__container[data-fullscreen=true] .live-preview__stage{flex:auto;height:auto;min-height:0}[data-public-root] .live-preview__container[data-fullscreen=true] .live-preview__frame{height:100%;max-height:none}[data-public-root] .live-preview__frame:has(>.live-preview__iframe){background:0 0}[data-public-root] .live-preview__frame:has(>.live-preview__iframe):before{content:"";z-index:-1;inset:var(--prv-space-4);border-radius:calc(var(--radius-lg) - var(--prv-space-4));background:var(--color-surface-default);position:absolute}[data-public-root] .live-preview__container[data-docked=true] .live-preview__frame:before{display:none}[data-public-root] .live-preview__iframe{border:0;border-radius:0;width:100%;height:100%;display:block}[data-public-root] .live-preview__container:not([data-docked=true]) .live-preview__iframe{clip-path:inset(0 round var(--radius-lg))}[data-public-root] .live-preview__iframe[data-src]{display:none}[data-public-root] .live-preview__stub{box-sizing:border-box;width:100%;height:100%;min-height:var(--prv-size-280);background-color:var(--color-surface-default);background-image:repeating-linear-gradient(-45deg, transparent, transparent 7px, color-mix(in srgb, var(--prv-palette-ink) 6%, transparent) 7px, color-mix(in srgb, var(--prv-palette-ink) 6%, transparent) 8px)}[data-public-root] .live-preview__frame>:not(.live-preview__iframe):not(.live-preview__stub){width:100%;height:100%;display:block}[data-public-root] .live-preview__control{font-family:var(--prv-font-sans);top:var(--prv-space-12);right:var(--prv-space-12);z-index:2;box-sizing:border-box;width:var(--prv-size-36);height:var(--prv-size-36);border-radius:var(--radius-xs);color:color-mix(in srgb, var(--prv-palette-ink) 50%, transparent);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;transition:background-color .2s,color .2s;display:inline-flex;position:absolute}[data-public-root] .live-preview__control:hover{background:color-mix(in srgb, var(--prv-palette-ink) 5%, transparent);color:color-mix(in srgb, var(--prv-palette-ink) 70%, transparent)}[data-public-root] .live-preview__control:active{background:color-mix(in srgb, var(--prv-palette-ink) 10%, transparent);color:var(--prv-palette-ink)}[data-public-root] .live-preview__control[data-hidden=true]{opacity:0;visibility:hidden;pointer-events:none}[data-public-root] .live-preview[data-fullscreen=true]{z-index:999999}[data-public-root] .live-preview__placeholder{width:100%}[data-public-root] .live-preview__container[data-docked=true]{z-index:var(--live-preview-dock-z,70);right:max(var(--space-container-x,16px), 16px);bottom:var(--prv-space-24);width:var(--live-preview-dock-w);max-width:none;height:var(--live-preview-dock-h);border-radius:var(--radius-lg);box-shadow:0 var(--prv-space-12) var(--prv-space-32) color-mix(in srgb, var(--prv-palette-ink) 28%, transparent);margin:0;animation:.28s ease-out live-preview-dock-in;position:fixed;left:auto;translate:none}[data-public-root] .live-preview__clip{display:contents}[data-public-root] .live-preview__container[data-docked=true] .live-preview__clip{border-radius:var(--radius-lg);clip-path:inset(0 round var(--radius-lg));display:block;position:absolute;inset:0;overflow:hidden}[data-public-root] .live-preview__container[data-docked=true] .live-preview__stage{width:var(--live-preview-full-w);height:var(--live-preview-full-h);transform:scale(var(--live-preview-dock-scale)) translateY(calc(var(--live-preview-dock-crop,0px) * -1));transform-origin:0 0}[data-public-root] .live-preview__container[data-docked=true] .live-preview__frame{height:100%;max-height:none;box-shadow:none;border-radius:0}[data-public-root] .live-preview__container[data-docked=true] .live-preview__control{display:none}[data-public-root] .live-preview__container[data-docked=true] .live-preview__iframe{pointer-events:none}[data-public-root] .live-preview__dock{z-index:3;position:absolute;inset:0}[data-public-root] .live-preview__dock-expand{cursor:pointer;background:0 0;border:0;margin:0;padding:0;position:absolute;inset:0}[data-public-root] .live-preview__dock-expand:focus-visible{outline:2px solid var(--color-focus-ring,var(--color-accent));outline-offset:-2px;border-radius:inherit}@keyframes live-preview-dock-in{0%{opacity:0;transform:translateY(var(--prv-space-12))}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){[data-public-root] .live-preview__container[data-docked=true]{animation:none}}@media (max-width:768px){[data-public-root] .live-preview{gap:var(--prv-space-32)}[data-public-root] .live-preview__steps{gap:var(--space-gap-sm);flex-wrap:wrap}[data-public-root] .live-preview__step{gap:var(--space-gap-sm)}[data-public-root] .live-preview__label{font-size:var(--prv-font-size-15);line-height:var(--prv-line-height-20);white-space:normal}}
[data-public-root] .live-preview-session-root{width:100%}[data-public-root] .live-preview-popup{z-index:1100;pointer-events:none;background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0}[data-public-root] .live-preview-popup[data-open=true]{pointer-events:auto}[data-public-root] .live-preview-popup:not([data-open=true]){visibility:hidden}[data-public-root] .live-preview-popup .live-preview{width:100%;height:100%}body.live-preview-fullscreen-active [data-public=header],body.live-preview-fullscreen-active .header{z-index:0}[data-public-root] .live-dock{z-index:70;right:var(--space-container-x,1.5rem);bottom:var(--space-inset-lg,1.5rem);width:min(14.5rem, calc(100vw - 2 * var(--space-container-x,1.5rem)));border-radius:var(--radius-lg,12px);background:var(--color-surface-raised,var(--color-surface-default,#fff));border:1px solid var(--color-border-muted,#0000001a);box-shadow:var(--shadow-raised);flex-direction:column;display:flex;position:fixed;overflow:visible}[data-public-root] .live-dock:not([data-media=true]){align-items:center;gap:var(--space-gap-sm,.75rem);width:auto;max-width:min(100% - 2 * var(--space-container-x,1.5rem), 28rem);padding:var(--space-inset-sm,.75rem) var(--space-inset-md,1rem);flex-flow:wrap}[data-public-root] .live-dock__media{box-sizing:border-box;aspect-ratio:3/2;border-radius:var(--radius-lg,12px) var(--radius-lg,12px) 0 0;background:var(--color-surface-muted);cursor:pointer;border:0;width:100%;margin:0;padding:0;display:block;position:relative;overflow:hidden}[data-public-root] .live-dock__footer{justify-content:center;align-items:center;gap:var(--space-gap-xs,.5rem);padding:var(--space-inset-sm,.75rem);display:flex;position:relative}[data-public-root] .live-dock:not([data-media=true]) .live-dock__footer{flex:auto;padding:0}body.live-preview-fullscreen-active [data-public-root] .live-dock{visibility:hidden;pointer-events:none}[data-public-root] .live-dock__dismiss{z-index:2;box-sizing:border-box;background:var(--color-fg-default);width:1.75rem;height:1.75rem;color:var(--color-fg-inverse);cursor:pointer;box-shadow:var(--shadow-media-raised);border:0;border-radius:999px;place-items:center;margin:0;padding:0;display:grid;position:absolute;top:.5rem;right:.5rem}[data-public-root] .live-dock__dismiss--corner{top:-.45rem;right:-.45rem}[data-public-root] .live-dock__dismiss:hover{background:color-mix(in srgb, var(--color-fg-default) 88%, var(--prv-palette-white))}[data-public-root] .live-dock__dismiss:focus-visible{outline:2px solid var(--color-brand-default);outline-offset:2px}[data-public-root] .live-dock__scrim{z-index:1;background:color-mix(in srgb, var(--color-fg-default) 45%, transparent);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}[data-public-root] .live-dock__scrim>*{pointer-events:auto}[data-public-root] .button.live-dock__cta{background-color:var(--color-accent-blue);color:var(--color-fg-inverse);box-shadow:0 6px 16px color-mix(in srgb, var(--color-accent-blue) 35%, transparent)}[data-public-root] .button.live-dock__cta:hover:not(:disabled){background-color:color-mix(in srgb, var(--color-accent-blue) 88%, var(--prv-palette-ink));color:var(--color-fg-inverse)}[data-public-root] .live-dock__stub{pointer-events:none;width:100%;height:100%;display:flex}[data-public-root] .live-dock__stub-settings{box-sizing:border-box;background:var(--prv-palette-ink);align-items:center;width:42%;min-width:0;display:flex}[data-public-root] .live-dock__stub-rail{box-sizing:border-box;flex-direction:column;flex:0 0 1.1rem;align-items:center;gap:.35rem;padding:.25rem .15rem;display:flex}[data-public-root] .live-dock__stub-rail>span{background:color-mix(in srgb, var(--prv-palette-white) 35%, transparent);border-radius:2px;width:.55rem;height:.55rem}[data-public-root] .live-dock__stub-rail>span:first-child{background:var(--prv-palette-white)}[data-public-root] .live-dock__stub-pane{flex-direction:column;flex:1;gap:.45rem;min-width:0;padding:.45rem .4rem;display:flex}[data-public-root] .live-dock__stub-control{justify-content:space-between;align-items:center;gap:.3rem;display:flex}[data-public-root] .live-dock__stub-line{background:color-mix(in srgb, var(--prv-palette-white) 35%, transparent);border-radius:999px;flex:1;height:.28rem;display:block}[data-public-root] .live-dock__stub-line--short{flex:0 0 55%}[data-public-root] .live-dock__stub-switch{background:var(--color-accent-blue);border-radius:999px;flex:0 0 .85rem;height:.45rem;position:relative}[data-public-root] .live-dock__stub-preview{background:var(--color-surface-muted);flex:1;justify-content:center;align-items:center;min-width:0;padding:.7rem .55rem .55rem;display:flex}[data-public-root] .live-dock__stub-widget{box-sizing:border-box;background:var(--prv-palette-white);width:100%;max-width:5.75rem;box-shadow:var(--shadow-media-raised);border-radius:4px;flex-direction:column;gap:.28rem;padding:.45rem;display:flex}[data-public-root] .live-dock__stub-widget .live-dock__stub-line{background:color-mix(in srgb, var(--prv-palette-ink) 18%, transparent)}
