.feature-art-space.apn-placement{display:block!important;width:100%!important;height:auto!important;aspect-ratio:auto!important;padding:0!important;min-height:0!important;background:none!important;border:0!important;overflow:visible!important;grid-column:1/-1}.apn-demo{--apn-brand:var(--live-demo-primary,#20b633);font:13px/1.5 Arial,sans-serif;color:var(--ui-demo-text,#252525);background:var(--ui-demo-surface,#fff);border:1px solid var(--ui-demo-line,#ddd);border-radius:12px;overflow:hidden;text-align:left;min-width:0;width:100%}.apn-demo *{box-sizing:border-box}.product-page .apn-demo :is(h3,h4,p,span,strong,small,label,b){font-family:inherit;letter-spacing:normal;text-wrap:initial;color:inherit}.product-page .apn-demo h3{font-size:19px;line-height:1.4;margin:0}.product-page .apn-demo h4{font-size:14px;text-align:center;margin:24px 0 12px}.product-page .apn-demo p{font-size:12px;line-height:1.5;margin:8px 0;max-width:none}.apn-brand{display:flex;gap:12px;align-items:center;padding:14px 20px;flex-wrap:wrap;border-bottom:1px solid var(--ui-demo-line,#ddd)}.apn-brand small{margin-left:auto;font-size:11px;color:var(--ui-demo-muted,#777)!important}.apn-brand [data-demo-app-icon]{display:grid;place-items:center;width:30px;height:30px;background:var(--apn-brand);color:var(--live-demo-ink,#fff);border-radius:8px}.apn-brand [data-demo-logo] img{max-width:130px;max-height:30px}.apn-demo button{font:inherit;line-height:1.4;color:var(--ui-demo-text,#222);background:var(--ui-demo-surface,#fff);border:1px solid var(--ui-demo-line,#ddd);border-radius:var(--ui-demo-radius,8px);min-height:36px;padding:8px 12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;white-space:normal}.apn-demo :is(select,input){font:inherit;color:var(--ui-demo-text,#222);background:var(--ui-demo-surface,#fff);border:1px solid var(--ui-demo-line,#ddd);border-radius:var(--ui-demo-field-radius,8px);padding:9px;min-height:36px;min-width:0;max-width:100%}.apn-demo :focus-visible{outline:2px solid var(--ui-demo-accent-text,var(--apn-brand));outline-offset:3px}.apn-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:18px 20px 10px;justify-content:space-between}.apn-date-nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.apn-date-nav strong{font-size:14px;min-width:176px;text-align:center}.apn-demo .apn-date-nav button{border:0;padding:8px;background:transparent;color:var(--ui-demo-accent-text,var(--apn-brand))}.apn-toolbar nav{display:flex;background:var(--ui-demo-bg,#f8f8f8);padding:3px;border:1px solid var(--ui-demo-line,#ddd);border-radius:8px}.apn-demo .apn-toolbar nav button{font-size:12px;border:0;background:transparent}.apn-demo button[aria-pressed=true]:not([data-apn-swatch]),.apn-demo .apn-primary{background:var(--apn-brand)!important;color:var(--live-demo-ink,#fff);border-color:var(--apn-brand)}.apn-toolbar>label{font-size:11px;display:flex;align-items:center;gap:8px}.apn-hours{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:0 20px 18px;border-bottom:1px solid var(--ui-demo-line,#ddd)}.apn-hours label{display:flex;align-items:center;gap:6px}.apn-hours span{font-size:10px;color:var(--ui-demo-muted,#777)!important}.apn-hours span i{display:inline-block;width:10px;height:10px;border:1px solid var(--apn-brand);background:color-mix(in srgb,var(--apn-brand) 10%,var(--ui-demo-surface,#fff));border-radius:2px;margin-right:3px}.apn-scroll{max-width:100%;overflow:auto;max-height:630px}.apn-time-calendar{min-width:940px}.apn-time-head{display:grid;grid-template-columns:58px repeat(var(--apn-cols),minmax(0,1fr));position:sticky;top:0;z-index:2;background:var(--ui-demo-surface,#fff);border-bottom:1px solid var(--ui-demo-line,#ddd)}.apn-time-head>div{font-size:11px;text-align:center;padding:10px 6px;border-left:1px solid var(--ui-demo-line,#ddd)}.apn-time-head b{display:block;font-size:14px;width:27px;height:27px;line-height:27px;margin:3px auto 0}.apn-time-head .apn-today{background:var(--apn-brand);border-radius:50%;color:var(--live-demo-ink,#fff)}.apn-time-head i{display:inline-block;width:9px;height:9px;background:var(--apn-event);border-radius:50%;margin-right:6px}.apn-time-head small{margin-left:15px}.apn-time-body{display:grid;grid-template-columns:58px repeat(var(--apn-cols),minmax(0,1fr))}.apn-time-labels>span{display:block;height:54px;font-size:9px;color:var(--ui-demo-muted,#777)!important;padding:3px 5px;text-align:right;white-space:nowrap}.apn-day-column{position:relative;border-left:1px solid var(--ui-demo-line,#ddd);min-width:0}.apn-hour{height:54px;border-bottom:1px solid var(--ui-demo-line,#ddd);background:var(--ui-demo-bg,#fafafa)}.apn-hour:nth-child(even){background:var(--ui-demo-surface,#fff)}.apn-operating,.apn-operating:nth-child(even){background:color-mix(in srgb,var(--apn-brand) 7%,var(--ui-demo-surface,#fff))}.apn-event{position:absolute;left:4px;right:4px;z-index:1;padding:6px;background:var(--apn-event,var(--apn-brand));opacity:var(--apn-opacity,1);color:var(--apn-event-ink,var(--live-demo-ink,#fff));border-radius:5px;font-size:10px;line-height:1.25;overflow:hidden;box-shadow:0 1px 2px #0002}.apn-demo .apn-event :is(strong,span,small){color:inherit;display:block}.apn-event strong{font-size:11px}.apn-event span{font-size:10px;margin:3px 0}.apn-event small{font-size:9px;margin-top:3px}.apn-month{min-width:940px;background:var(--ui-demo-bg,#fafafa);padding:12px}.apn-month-head,.apn-month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.apn-month-head{border:1px solid var(--ui-demo-line,#ddd);border-bottom:0;border-radius:10px 10px 0 0;overflow:hidden}.apn-month-head span{font-size:11px;text-align:center;padding:9px}.apn-month-grid{border-top:1px solid var(--ui-demo-line,#ddd);border-left:1px solid var(--ui-demo-line,#ddd)}.apn-month-cell{min-height:108px;border-right:1px solid var(--ui-demo-line,#ddd);border-bottom:1px solid var(--ui-demo-line,#ddd);background:var(--ui-demo-surface,#fff);padding:5px;min-width:0}.apn-demo .apn-month-cell>button{min-height:24px;width:24px;height:24px;padding:0;border:0;background:transparent;font-size:11px;margin-bottom:4px}.apn-month-cell.apn-current{background:color-mix(in srgb,var(--apn-brand) 9%,var(--ui-demo-surface,#fff));outline:1px solid var(--apn-brand);outline-offset:-1px}.apn-demo .apn-current>button{background:var(--apn-brand);color:var(--live-demo-ink,#fff);border-radius:50%!important}.apn-other{background:var(--ui-demo-bg,#fafafa)}.apn-other>button{opacity:.5}.apn-month-cell .apn-event{position:static;padding:5px;margin:3px 0;display:flex;justify-content:space-between;gap:5px;align-items:center;overflow:visible}.apn-month-cell .apn-event strong{font-size:9px}.apn-month-cell .apn-event span{font-size:9px;white-space:nowrap;margin:0}.product-page .apn-demo>.apn-status{margin:0;padding:13px 20px;border-top:1px solid var(--ui-demo-line,#ddd);font-size:11px;color:var(--ui-demo-muted,#777)}.apn-dialog{padding:0;width:min(600px,calc(100vw - 30px));max-height:calc(100dvh - 40px);border:1px solid var(--ui-demo-line,#ddd);border-radius:14px;background:var(--ui-demo-surface,#fff);color:var(--ui-demo-text,#222);margin:auto;overflow:auto}.apn-dialog:not([open]){display:none}.apn-dialog::backdrop{background:#0008}.apn-dialog>header{padding:22px;border-bottom:1px solid var(--ui-demo-line,#ddd)}.apn-dialog>footer{display:flex;justify-content:flex-end;gap:12px;padding:20px;border-top:1px solid var(--ui-demo-line,#ddd)}.apn-color-list{padding:20px}.apn-demo .apn-color-list>button{width:100%;border:0;justify-content:flex-start;text-align:left;min-height:72px;background:var(--ui-demo-bg,#fafafa)}.apn-color-list>button+button{margin-top:5px}.apn-color-list i{width:34px;height:34px;border-radius:50%;flex-shrink:0}.apn-color-list span{flex:1}.apn-color-list strong{font-size:14px;display:block}.apn-color-list small{display:block;color:var(--ui-demo-muted,#777)!important}.apn-color-body{padding:22px}.apn-color-preview{padding:20px;border-radius:10px;color:#fff;position:relative}.apn-demo .apn-color-preview p{color:inherit}.apn-color-preview>span{position:absolute;right:15px;top:18px;background:#fff9;color:#222!important;border-radius:20px;padding:3px 7px;font-size:12px}.apn-palettes{display:flex;background:var(--ui-demo-bg,#fafafa);border-radius:8px;padding:3px;margin-bottom:15px}.apn-palettes button{flex:1;border:0;font-size:12px}.apn-swatches{display:flex;gap:6px;flex-wrap:wrap;padding:7px}.apn-demo .apn-swatches button{width:32px;height:34px;min-height:0;padding:0;border:0;border-radius:7px;color:#fff}.apn-demo .apn-swatches button[aria-pressed=true]{outline:2px solid var(--ui-demo-text,#222);outline-offset:2px}.apn-custom-color{display:block;text-align:center;padding:12px}.apn-demo .apn-custom-color input{display:block;width:90px;height:70px;padding:3px;margin:10px auto}.apn-opacity{display:block;text-align:center;margin:20px 0}.apn-opacity output{margin-left:10px}.apn-demo .apn-opacity input{display:block;width:100%;accent-color:var(--apn-brand);padding:0;margin-top:10px}.dp-recurring:has(.apn-placement),.ss-opening-context:has(.apn-placement){grid-template-columns:1fr}.dp-recurring:has(.apn-placement)>.dp-recurring-aside{padding:0;background:none}.dp-recurring-aside>.apn-placement{margin-bottom:28px}.ss-opening-context:has(.apn-placement)>p{font-size:18px;max-width:900px}@media(max-width:600px){.apn-toolbar{padding:12px;gap:10px}.apn-brand{padding:12px}.apn-brand small{width:100%;margin:0}.apn-hours{padding:0 12px 12px}.apn-date-nav{width:100%;justify-content:space-between}.apn-date-nav strong{min-width:0;flex:1;font-size:12px}.apn-toolbar>label{flex:1}.apn-toolbar>label select{width:100%}.apn-scroll{max-height:590px}.apn-color-body,.apn-color-list{padding:15px}.apn-dialog>header{padding:18px}.apn-color-preview{padding:16px}.apn-color-preview>span{position:static;display:inline-block;margin-top:5px}}

/* Keep the app glyph legible over the live brand color. */
html .apn-demo [data-demo-app-icon] i{color:var(--live-demo-ink,#fff)!important}