/* All rules are scoped to prevent theme collisions. */
#yp-widget{position:fixed;right:calc(var(--yp-desktop-right) + env(safe-area-inset-right,0px));bottom:var(--yp-edge-bottom);z-index:99990;font-family:inherit!important;font-size:15px;line-height:1.5;color:#18212a;text-align:left;isolation:isolate;--yp-height:var(--yp-desktop-height);--yp-width:var(--yp-desktop-width);--yp-gap:12px;--yp-bottom:var(--yp-desktop-bottom);--yp-safe-bottom:env(safe-area-inset-bottom,0px);--yp-active-safe-bottom:0px;--yp-edge-bottom:calc(var(--yp-desktop-bottom) + var(--yp-active-safe-bottom));--yp-admin-offset:0px}
#yp-widget,#yp-widget *{box-sizing:border-box}
#yp-widget *{font-family:inherit!important}
#yp-widget [hidden]{display:none!important}
#yp-widget h2,#yp-widget h3,#yp-widget p{margin:0;padding:0;font-family:inherit;letter-spacing:normal;text-transform:none;color:inherit}
#yp-widget h2,#yp-widget h3{font-weight:700;line-height:1.22}
#yp-widget button,#yp-widget a{font:inherit;letter-spacing:normal;text-transform:none}
#yp-widget button{appearance:none;border:0;margin:0;cursor:pointer;display:grid;place-items:center;box-shadow:none}
#yp-widget a{text-decoration:none;box-shadow:none}
#yp-widget button:focus-visible,#yp-widget a:focus-visible{outline:3px solid #eea819;outline-offset:3px}
#yp-widget svg{display:block;width:24px;height:24px;flex:none}
#yp-widget .yp-pill{display:flex;justify-content:flex-end;height:var(--yp-height)}
#yp-widget .yp-launcher{width:var(--yp-height);height:var(--yp-height);border-radius:var(--yp-ball-radius);background:var(--yp-ball-bg);color:var(--yp-icon-color);padding:0;flex:none;box-shadow:0 8px 25px #0003}
#yp-widget .yp-launcher:hover{filter:brightness(1.08)}
#yp-widget .yp-launcher-x{display:none}
#yp-widget.yp-is-open .yp-launcher-x{display:block}

#yp-widget .yp-launcher-icon svg,#yp-widget .yp-action-icon svg{color:inherit;fill:currentColor}
#yp-widget .yp-launcher-icon svg[fill="none"],#yp-widget .yp-action-icon svg[fill="none"]{fill:none}
#yp-widget .yp-launcher-icon svg [fill]:not([fill="none"]),#yp-widget .yp-action-icon svg [fill]:not([fill="none"]){fill:currentColor}
#yp-widget .yp-launcher-icon svg[stroke]:not([stroke="none"]),#yp-widget .yp-action-icon svg[stroke]:not([stroke="none"]),#yp-widget .yp-launcher-icon svg [stroke]:not([stroke="none"]),#yp-widget .yp-action-icon svg [stroke]:not([stroke="none"]){stroke:currentColor}
#yp-widget .yp-pre,#yp-widget .yp-panel{position:absolute;right:0;bottom:calc(var(--yp-height) + var(--yp-gap));max-width:calc(100vw - 32px);border-radius:var(--yp-panel-radius);box-shadow:0 16px 45px #0003;overflow:hidden;animation:yp-enter .2s ease-out;overflow-wrap:anywhere}
#yp-widget .yp-pre{width:var(--yp-pre-width);background:var(--yp-pre-bg);color:var(--yp-pre-text);max-height:calc(100vh - var(--yp-height) - var(--yp-edge-bottom) - 32px - var(--yp-admin-offset));max-height:calc(100dvh - var(--yp-height) - var(--yp-edge-bottom) - 32px - var(--yp-admin-offset));overflow-y:auto}
#yp-widget .yp-background-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;margin:0;border:0;max-width:none;pointer-events:none}
#yp-widget .yp-pre-content{position:relative;padding:24px;min-height:190px}
#yp-widget .yp-pre h2{font-size:var(--yp-font-ad-title);max-width:85%}
#yp-widget .yp-pre p{font-size:var(--yp-font-ad-body);margin:8px 0 16px;max-width:85%}
#yp-widget .yp-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 16px;border-radius:var(--yp-button-radius);min-height:44px;font-size:var(--yp-font-ad-button);font-weight:600;line-height:1.3;transition:background .15s;text-align:center}
#yp-widget .yp-pre .yp-cta{background:var(--yp-pre-button-bg);color:var(--yp-pre-button-text)}
#yp-widget .yp-pre .yp-cta:hover{background:var(--yp-pre-button-hover)}
#yp-widget .yp-panel{width:var(--yp-panel-width);max-height:calc(100vh - var(--yp-height) - var(--yp-edge-bottom) - 32px - var(--yp-admin-offset));max-height:calc(100dvh - var(--yp-height) - var(--yp-edge-bottom) - 32px - var(--yp-admin-offset));overflow-y:auto;overscroll-behavior:contain;background:var(--yp-panel-bg);scrollbar-width:thin}
#yp-widget .yp-header{position:relative;background:transparent;color:var(--yp-effective-header-text,var(--yp-header-text));padding:25px 24px 23px;isolation:isolate;overflow:hidden}
#yp-widget .yp-eyebrow{display:block;font-size:var(--yp-font-menu-eyebrow);font-weight:700;letter-spacing:.07em;padding-right:36px;white-space:normal}
#yp-widget .yp-header h2{font-size:var(--yp-font-menu-title);margin-top:24px}
#yp-widget .yp-header p{margin-top:10px;font-size:var(--yp-font-menu-body);opacity:.85}
#yp-widget .yp-close{position:absolute;top:16px;right:16px;width:44px;height:44px;border-radius:50%;background:var(--yp-close-bg);color:var(--yp-close-color);padding:0}
#yp-widget .yp-close svg{width:18px;height:18px}
#yp-widget .yp-panel-body{padding:14px}
#yp-widget .yp-actions{display:grid;gap:6px;margin:0 0 14px;padding:0}
#yp-widget .yp-action{display:flex;align-items:center;gap:12px;padding:13px 14px;min-height:70px;border-radius:var(--yp-action-radius);transition:background .15s}
#yp-widget .yp-action:last-child{border-bottom:0}
#yp-widget .yp-action-icon{display:grid;place-items:center;flex:none}
#yp-widget .yp-action-copy{flex:1;min-width:0;display:block}
#yp-widget .yp-action-copy strong{display:block;font-size:var(--yp-font-link-title);font-weight:700;line-height:1.3}
#yp-widget .yp-action-copy>span{display:block;font-size:var(--yp-font-link-body);opacity:.75;margin-top:2px;line-height:1.4}
#yp-widget .yp-promo{position:relative;isolation:isolate;background:var(--yp-promo-bg);color:var(--yp-promo-text);border-radius:16px;overflow:hidden;box-shadow:0 8px 20px #0001}
#yp-widget .yp-promo-copy{position:relative;padding:18px;min-width:0}
#yp-widget .yp-promo h3{font-size:var(--yp-font-ad-title)}
#yp-widget .yp-promo p{font-size:var(--yp-font-ad-body);margin:8px 0 12px;opacity:.8}
#yp-widget .yp-promo .yp-cta{background:var(--yp-promo-button-bg);color:var(--yp-promo-button-text);font-size:var(--yp-font-ad-button);padding:10px 13px}
#yp-widget .yp-promo .yp-cta:hover{background:var(--yp-promo-button-hover)}
@media(max-width:600px){
 #yp-widget{--yp-height:var(--yp-mobile-height);--yp-width:var(--yp-mobile-width);--yp-bottom:var(--yp-mobile-bottom);--yp-edge-bottom:max(8px,var(--yp-mobile-bottom),var(--yp-active-safe-bottom));right:calc(var(--yp-mobile-right) + env(safe-area-inset-right,0px));bottom:var(--yp-edge-bottom)!important}
 #yp-widget .yp-panel,#yp-widget .yp-pre{position:fixed;right:8px;left:8px;width:auto;max-width:none;bottom:calc(var(--yp-edge-bottom) + var(--yp-height) + var(--yp-gap))}
 #yp-widget .yp-header{padding:24px 20px 20px}
 #yp-widget .yp-panel-body{padding:12px}
 #yp-widget .yp-promo-copy{padding:16px}
}
@media(max-width:350px){#yp-widget .yp-promo-copy{padding:12px}#yp-widget .yp-action{padding:12px 10px;gap:10px}}
@keyframes yp-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){#yp-widget *,#yp-widget .yp-panel,#yp-widget .yp-pre{animation:none!important;transition:none!important}}

body.admin-bar #yp-widget{--yp-admin-offset:32px}
@media(max-width:782px){body.admin-bar #yp-widget{--yp-admin-offset:46px}}

/* Keep theme button styles from changing the floating controls. */
#yp-widget .yp-launcher{width:var(--yp-height)!important;height:var(--yp-height)!important;min-width:var(--yp-height)!important;max-width:var(--yp-height)!important;min-height:var(--yp-height)!important;max-height:var(--yp-height)!important;border-radius:var(--yp-ball-radius)!important;aspect-ratio:1/1;padding:0!important;overflow:hidden}
#yp-widget .yp-close{width:44px!important;height:44px!important;min-width:44px!important;max-width:44px!important;min-height:44px!important;max-height:44px!important;border-radius:50%!important;aspect-ratio:1/1;padding:0!important;overflow:hidden}


/* Normal viewports are already inset by the browser. Only full-bleed pages need an extra device inset. */
#yp-widget.yp-edge-to-edge{--yp-active-safe-bottom:var(--yp-safe-bottom)}

#yp-widget .yp-pre{animation:none;opacity:0;transform:translateY(20px) scale(.12);transform-origin:calc(100% - var(--yp-pre-origin-x,80px)) calc(100% + var(--yp-gap) + var(--yp-height)*.5);transition:opacity .36s ease,transform .36s cubic-bezier(.22,.68,.18,1);pointer-events:none;will-change:transform,opacity}
#yp-widget .yp-pre.yp-pre-visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}
@media(prefers-reduced-motion:reduce){#yp-widget .yp-pre{transition:none!important;transform:none!important;will-change:auto}}

/* Optional dark-panel contrast. */
#yp-widget.yp-dark-outline .yp-pre,#yp-widget.yp-dark-outline .yp-panel{border:1px solid #303746;box-shadow:0 14px 48px #0006}
#yp-widget.yp-dark-outline a:focus-visible,#yp-widget.yp-dark-outline button:focus-visible{outline:2px solid #fbbf6e;outline-offset:3px}

#yp-widget.yp-is-open .yp-launcher-icon { display:none }
#yp-widget .yp-close svg, #yp-widget .yp-launcher-x svg { stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round }
#yp-widget .yp-cta-icon svg { width:1em;height:1em }
#yp-widget .yp-panel-body { position:relative }
#yp-widget .yp-panel > .yp-background-image,
#yp-widget .yp-panel > picture > .yp-background-image { z-index:-1;opacity:.4 }
#yp-widget .yp-panel { isolation:isolate }
#yp-widget .yp-promo-copy { z-index:2 }
#yp-widget .yp-launcher.yp-bg-gradient {
    background-image:linear-gradient(var(--yp-ball-gradient-angle),var(--yp-ball-bg),var(--yp-ball-gradient-end));
}
#yp-widget:not(.yp-is-open) .yp-launcher.yp-bg-gradient.yp-animated-gradient {
    background-size:250% 250%;
    animation:yp-gradient 6s ease-in-out infinite alternate;
}
#yp-widget.yp-is-open .yp-launcher { background:var(--yp-close-bg);color:var(--yp-close-color) }
#yp-widget .yp-close.yp-bg-gradient,
#yp-widget.yp-is-open .yp-launcher.yp-close-gradient {
    background-image:linear-gradient(var(--yp-close-gradient-angle),var(--yp-close-bg),var(--yp-close-gradient-end));
}
@keyframes yp-gradient { from {background-position:0% 50%} to {background-position:100% 50%} }
#yp-widget .yp-pre.yp-bg-gradient { background-image:linear-gradient(var(--yp-pre-gradient-angle),var(--yp-pre-bg),var(--yp-pre-gradient-end)) }
#yp-widget .yp-promo.yp-bg-gradient { background-image:linear-gradient(var(--yp-promo-gradient-angle),var(--yp-promo-bg),var(--yp-promo-gradient-end)) }
#yp-widget .yp-panel.yp-bg-gradient { background-image:linear-gradient(var(--yp-panel-gradient-angle),var(--yp-panel-bg),var(--yp-panel-gradient-end)) }

#yp-widget .yp-pre { border-radius:var(--yp-pre-radius) }
#yp-widget .yp-promo { border-radius:var(--yp-promo-radius) }
#yp-widget .yp-promo-copy {
    padding-block:var(--yp-promo-vertical-padding);
}
#yp-widget .yp-image-overlay {
    position:absolute;inset:0;pointer-events:none;
}
#yp-widget .yp-pre:has(.yp-image-overlay) { color:var(--yp-pre-image-text) }
#yp-widget .yp-promo:has(.yp-image-overlay) { color:var(--yp-promo-image-text) }
#yp-widget .yp-pre .yp-image-overlay {
    background:linear-gradient(90deg,
        color-mix(in srgb,var(--yp-pre-overlay-color) calc(var(--yp-pre-overlay-left) * 100%),transparent),
        color-mix(in srgb,var(--yp-pre-overlay-color) calc(var(--yp-pre-overlay-right) * 100%),transparent));
}
#yp-widget .yp-promo .yp-image-overlay {
    background:linear-gradient(90deg,
        color-mix(in srgb,var(--yp-promo-overlay-color) calc(var(--yp-promo-overlay-left) * 100%),transparent),
        color-mix(in srgb,var(--yp-promo-overlay-color) calc(var(--yp-promo-overlay-right) * 100%),transparent));
}
#yp-widget .yp-pre-content { z-index:1 }
#yp-widget .yp-pre:has(.yp-image-overlay) p,#yp-widget .yp-promo:has(.yp-image-overlay) p { opacity:1 }

#yp-widget .yp-action{background:var(--yp-link-bg);color:var(--yp-link-text)}
#yp-widget .yp-action:hover{background:var(--yp-link-hover)}
#yp-widget .yp-action .yp-action-icon{color:var(--yp-link-icon-color)}
#yp-widget .yp-launcher svg{width:min(var(--yp-ball-icon-size),80%);height:auto;aspect-ratio:1}
#yp-widget .yp-launcher > span{width:100%;display:grid;place-items:center}
#yp-widget .yp-launcher .yp-launcher-x{display:none}
#yp-widget.yp-is-open .yp-launcher .yp-launcher-x{display:grid}
#yp-widget.yp-is-open .yp-launcher .yp-launcher-icon{display:none}

#yp-widget:not(.yp-is-open) .yp-launcher.yp-ball-custom-hover:hover {
    background:var(--yp-ball-hover);
    filter:none;
    animation:none;
}
#yp-widget .yp-close.yp-close-custom-hover:hover,
#yp-widget.yp-is-open .yp-launcher.yp-close-custom-hover:hover {
    background:var(--yp-close-hover);
    filter:none;
}