.widget-native{position:relative;transform:scale(var(--scale,1));transform-origin:top left;width:var(--w);height:var(--h);font-family:"SF Pro Text",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-synthesis:none;font-kerning:normal;font-optical-sizing:auto;letter-spacing:0;text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;line-height:normal;text-align:left;isolation:isolate}
.widget-native *{box-sizing:border-box}
.figma-layer{position:absolute;margin:0;padding:0;border:0;transform-origin:0 0;line-height:normal;white-space:normal;text-decoration:none}
.figma-text{display:flex;flex-direction:column}
.figma-paint{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none}
.figma-paint>img{display:block;width:100%;height:100%;max-width:none;pointer-events:none}
.figma-text-content{margin:0;padding:0;width:100%;flex:none;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-variant-caps:inherit;font-kerning:inherit;letter-spacing:inherit;color:inherit;white-space:pre-wrap;overflow-wrap:normal}
.figma-text-content.trim-caps{text-box-trim:trim-both;text-box-edge:cap alphabetic;flex-shrink:0;padding-block:.2em .3em;margin-block:-.2em -.3em}
.figma-text-content.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.figma-text-content.multiline{display:-webkit-box;-webkit-box-orient:vertical;white-space:pre-wrap;overflow:hidden;overflow-wrap:break-word}
.figma-text-glyph{position:absolute;display:block;max-width:none;pointer-events:none;user-select:none;-webkit-user-drag:none}
.figma-text-glyph[hidden]{display:none}
.has-source-glyph>.figma-text-content{opacity:0}
.figma-inline-symbol{display:inline-block;height:1em;vertical-align:-.125em;background:currentColor;mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}
.figma-vector,.figma-raster{display:block;max-width:none;pointer-events:none;user-select:none;-webkit-user-drag:none}
.widget-reference{display:block;width:100%;height:100%;object-fit:contain}
.widget-reference-label{position:absolute;top:calc(100% + 5px);left:0;right:0;text-align:center;font-size:12px;font-weight:500;line-height:16px;color:#ffffffe6}
.widget-hit-target{position:absolute;background:transparent;border:0;padding:0;cursor:pointer;z-index:10;border-radius:8px;-webkit-tap-highlight-color:transparent}
.widget-hit-target:focus-visible{outline:2px solid #007aff;outline-offset:2px}
.widget-hit-target{color:inherit}
.reminder-completion{position:absolute;border:var(--ring-width) solid var(--reminder-accent);border-radius:50%;opacity:0;transform:scale(.85);transition:opacity .12s ease,transform .18s cubic-bezier(.22,1,.36,1);pointer-events:none}
.reminder-completion::before{content:"";position:absolute;inset:2px;border-radius:50%;background:var(--reminder-accent)}
.reminder-toggle[aria-checked=true] .reminder-completion{opacity:1;transform:scale(1)}
.figma-layer[data-completed]>.figma-text{transition:opacity .16s ease}
.figma-layer[data-completed=true]>.figma-text{opacity:.5!important}
.widget-hit-target:active{background:#00000008}
.reminder-toggle:active{background:transparent}
@media(prefers-reduced-motion:reduce){.reminder-completion,.figma-layer[data-completed]>.figma-text{transition:none}}
@supports not(text-box-trim:trim-both){.figma-text-content.trim-caps{position:relative;top:calc(var(--font-size) * -.15)}}

/* Shared widget surface and glass layers from Live Activities v27. */
.widget-foreground{position:absolute;left:0;top:0;transform-origin:top left}

/* Do not promote the foreground to an opacity/filter layer while resizing:
   that isolates Clear's screen/luminosity paints from their wallpaper. */

.gallery-liquid{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none;isolation:isolate;backdrop-filter:blur(2px) saturate(1.08);-webkit-backdrop-filter:blur(2px) saturate(1.08)}
.gallery-liquid-sample{position:absolute;inset:0;background-repeat:no-repeat;opacity:0}
.gallery-glass-defs{position:absolute;width:0;height:0;pointer-events:none;overflow:hidden}
.gallery-glass-target>.widget-foreground{z-index:1}
/* Find My's screen/luminosity layers must blend with the sampled wallpaper,
   not an isolated foreground group. DOM order already keeps the map above it. */
.widget-native[data-widget=find-my] .gallery-glass-target>.widget-foreground{z-index:auto}
.gallery-glass-target>.mw-foreground{position:relative;z-index:2}
.gallery-glass-target.mw-surface::before{z-index:1}
.gallery-glass-target.mw-surface::after{z-index:3}
.widget-native[data-resize-outgoing] .gallery-liquid{visibility:hidden}
@media(prefers-reduced-transparency:reduce){.gallery-liquid{display:none}.widget-native[data-appearance=clear] .gallery-glass-target{background:#454749!important}}

.widget-resize-host{position:relative;flex:none;transform-origin:50% var(--surface-center-y,50%)}
.widget-resize-host>.widget-native{position:absolute;left:var(--surface-left,0px);top:var(--surface-top,0px)}
/* The sibling veil samples the finished widget + wallpaper, outside the native
   clip/backdrop root. Match its live bounds without double-painting translucency. */
.widget-resize-blur{position:absolute;left:var(--surface-left,0px);top:var(--surface-top,0px);z-index:20;pointer-events:none}

.gallery-liquid::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(150deg,#ffffff0f,transparent 42%,#ffffff04);box-shadow:inset .6px .8px 1px #ffffff85,inset -.5px -.7px .7px #ffffff35;pointer-events:none}

/* Contrast adaptations for the gallery's dark backgrounds. Source artwork is
   untouched: only text ink or the material behind it changes, never img filters. */
.widget-native[data-widget=files][data-theme=dark][data-appearance=clear] .figma-text{
 color:oklch(.98 0 0)!important;
 opacity:.9!important;
 mix-blend-mode:normal!important;
}
.widget-native[data-widget=files][data-theme=dark][data-appearance=clear] .figma-text[data-layer-name=Date]{opacity:.72!important}
.widget-native[data-widget=files][data-theme=dark][data-appearance=clear] [data-layer-name="Widget Container"]{--widget-content-shade:.35}
.widget-native[data-widget=tips][data-theme=dark][data-appearance=default] [data-layer-name="Widget Container"]{
 background-image:linear-gradient(135deg,oklch(.34 .08 80),oklch(.25 .06 65))!important;
}
/* Album-driven fills can be too bright for their white labels. The backplate
   is below the foreground, preserving the album art's original colors. */
.widget-native[data-widget=podcasts][data-theme=dark][data-appearance=default] [data-layer-name="Widget Container"]:has(>.figma-paint){--widget-content-shade:.45}
.widget-native[data-widget=music][data-theme=dark][data-appearance=default] [data-layer-name="Widget Container"]:has([data-layer-name="Album Art"]){--widget-content-shade:.28}
.widget-native[data-widget=files][data-theme=dark][data-appearance=clear] [data-layer-name="Widget Container"]::before,
.widget-native[data-widget=podcasts][data-theme=dark][data-appearance=default] [data-layer-name="Widget Container"]:has(>.figma-paint)::before,
.widget-native[data-widget=music][data-theme=dark][data-appearance=default] [data-layer-name="Widget Container"]:has([data-layer-name="Album Art"])::before{
 content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;
 background:oklch(0 0 0 / var(--widget-content-shade));pointer-events:none;
}
.widget-native[data-widget=files][data-theme=dark][data-appearance=clear] [data-layer-name="Widget Container"]>.widget-foreground,
.widget-native[data-widget=podcasts][data-theme=dark][data-appearance=default] [data-layer-name="Widget Container"]:has(>.figma-paint)>.widget-foreground,
.widget-native[data-widget=music][data-theme=dark][data-appearance=default] [data-layer-name="Widget Container"]:has([data-layer-name="Album Art"])>.widget-foreground{z-index:2}
.widget-native[data-widget=podcasts][data-theme=dark][data-appearance=default] .figma-text[data-layer-name=Metadata]{opacity:.85!important}
.widget-native[data-widget=music][data-theme=dark][data-appearance=default] .figma-text:is([data-layer-name=Status],[data-layer-name=Artist]){opacity:.8!important}