/* Shared reading figures and portfolio adaptations of the Live Gallery controls. */
.exploration-article{margin-top:60px}.exploration-article header{margin-top:58px}.exploration-article h1{font-size:27px;line-height:1.3;font-weight:500;letter-spacing:-.7px}.exploration-article .lead{font-size:19px;line-height:1.65;margin-top:26px}
.interactive-figure,.essay-image{width:100%;max-width:640px;margin:32px 0}
.study-canvas{height:350px;width:100%;position:relative;isolation:isolate;display:grid;place-items:center;overflow:hidden;border-radius:26px;background:var(--study-background-image,none) center 43%/cover var(--study-background-color,#f5f5f7)}
.study-mount{width:100%;height:100%;min-width:0;display:grid;place-items:center;grid-template-columns:minmax(0,1fr);position:relative}.activity-stage{display:grid;place-items:center;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);width:100%;height:100%;min-width:0;min-height:0}.activity-stage>.activity-scale{transform:scale(var(--activity-zoom,1));transform-origin:center}
.widget-fallback{max-width:calc(100% - 30px);max-height:calc(100% - 50px);width:auto;height:auto;object-fit:contain}.study-mount .mw-label,.study-mount [data-layer-name="Widget Label"]{display:none}.study-mount .widget-fit{flex:none}.activity-canvas .timer-controls .round-button:after{content:"";position:absolute;inset:-4px;border-radius:50%}
.figure-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:14px;min-height:36px}.activity-canvas .study-mount{grid-template-rows:minmax(0,1fr) auto;gap:16px;padding:24px}.activity-canvas .figure-controls{margin:0;flex-wrap:nowrap}
.study-segments,.study-action-group{--segment-count:2;--segment-index:0;display:flex;align-items:center;isolation:isolate;position:relative;max-width:100%;height:36px;padding:6px;gap:0;border-radius:100px;background:rgb(0 0 0 / .64);box-shadow:inset 0 0 0 1px #ffffff29;backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2);font-family:-apple-system,BlinkMacSystemFont,sans-serif}
.study-segments::before{content:"";position:absolute;left:6px;top:6px;bottom:6px;width:calc((100% - 12px)/var(--segment-count));border-radius:100px;background:#fff;transform:translateX(calc(var(--segment-index)*100%));transition:transform .24s cubic-bezier(.22,1,.36,1);z-index:0;pointer-events:none}
.study-segments:has(button:nth-child(2)[aria-pressed=true]){--segment-index:1}.study-segments:has(button:nth-child(3)[aria-pressed=true]){--segment-index:2}.study-segments:has(button:nth-child(4)[aria-pressed=true]){--segment-index:3}
.study-segments button{position:relative;z-index:1;flex:1;display:flex;align-items:center;justify-content:center;min-width:0;height:24px;min-height:24px;padding:0 12px;background:none;border:0;border-radius:100px;font-size:14px;line-height:20px;white-space:nowrap;color:#ffffffad;transition:color .2s}
.study-segments button[aria-pressed=true]{color:#161616}.study-segments button:hover{color:#fff}.study-segments button[aria-pressed=true]:hover{color:#000}.study-segments button:focus-visible{outline:2px solid #007aff;outline-offset:3px}
.study-segments.icon-segments{gap:6px;width:max-content}.icon-segments::before{width:24px;transform:translateX(calc(var(--segment-index)*30px))}.icon-segments button{width:24px;flex:0 0 24px;padding:0}.icon-segments svg{width:20px;height:20px}.study-size-icon{display:block;width:18px;height:18px;background:currentColor;mask-position:center;mask-size:contain;mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat}.study-size-icon.size-small{mask-image:url('/components/assets/gallery-controls/size-small.svg');-webkit-mask-image:url('/components/assets/gallery-controls/size-small.svg')}.study-size-icon.size-medium{mask-image:url('/components/assets/gallery-controls/size-medium.svg');-webkit-mask-image:url('/components/assets/gallery-controls/size-medium.svg')}.study-size-icon.size-large{mask-image:url('/components/assets/gallery-controls/size-large.svg');-webkit-mask-image:url('/components/assets/gallery-controls/size-large.svg')}.study-size-icon.size-extra-large{mask-image:url('/components/assets/gallery-controls/size-extra-large.svg');-webkit-mask-image:url('/components/assets/gallery-controls/size-extra-large.svg')}
/* Preserve the supplied CoreSVG artwork and opacity. The filled export has
   additional transparent bounds; compensate so both glyphs have equal optical size. */
.study-material-icon{display:block;flex:none;width:20px;height:20px;background:currentColor;mask-position:center;mask-repeat:no-repeat;mask-size:contain;mask-mode:alpha;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain}.material-clear{mask-image:url('/assets/study-controls/clear.svg');-webkit-mask-image:url('/assets/study-controls/clear.svg')}.material-default{width:21.7437px;height:21.7437px;mask-image:url('/assets/study-controls/solid.svg');-webkit-mask-image:url('/assets/study-controls/solid.svg')}
.replay-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;position:relative;flex:none;width:max-content;max-width:100%;height:44px;min-height:44px;margin:0 auto;padding:0 12px 0 10px;border:0;border-radius:12px;background:transparent;color:#74747b;box-shadow:none;font:500 14px/20px -apple-system,BlinkMacSystemFont,sans-serif}.replay-button>svg{width:17px;height:17px;flex:none}.replay-button:hover{background:transparent;color:#222}
.article .interactive-figure figcaption,.article .essay-image figcaption{max-width:566px;margin:16px auto 0;font-size:14px;line-height:1.65;color:#74747b;text-wrap:pretty}.article .interactive-figure figcaption a{white-space:normal}.observation-copy{margin-top:30px}.article .observation-copy h2{font-size:18px;margin-bottom:10px}.observation-copy>p{font-size:17px;line-height:1.75;color:#58585e;letter-spacing:-.13px}.observation-copy>p+p{margin-top:17px}.observation-copy .finding{color:#38383e;font-weight:500;line-height:1.6}.article .study-reference{font-size:14px;line-height:1.6;color:#74747b;margin-top:24px}.study-reference a{text-decoration:underline;text-decoration-color:#c7c7cb;text-underline-offset:4px}.study-reference a:hover{color:#333}.study-reference .source-line{display:block;margin-top:6px}.article-references{margin-top:28px}.article .article-references h2{font-size:15px;font-weight:500;margin-bottom:17px}.article .article-references .study-reference{font-size:14px;line-height:1.4286;margin-top:16px}
.study-reading{font-size:16px;line-height:1.75;color:#74747b;margin-top:36px}.study-reading a{color:#515157;text-decoration:underline;text-decoration-color:#d1d1d4;text-underline-offset:4px}.study-reading>a{display:inline-block;min-height:38px;padding-top:5px}.study-reading a:hover{color:#222}.essay-image-well{height:420px;display:grid;place-items:center;border-radius:24px;background:#f6f6f6;overflow:hidden}.essay-image-well img{width:auto;height:360px;max-width:85%;object-fit:contain}
[data-controls=size] .study-canvas{height:440px}[data-special=measurement] .study-canvas{height:410px}[data-special=measurement] .widget-fit{translate:0 -30px}.measure-overlay{position:absolute;inset:0;width:338px;height:158px;overflow:visible;pointer-events:none;z-index:4;color:#e8348b;opacity:0;transition:opacity .2s}.measure-overlay path{fill:none;stroke:currentColor;stroke-width:1}.measure-overlay text{font:12px -apple-system,BlinkMacSystemFont,sans-serif;fill:currentColor;text-anchor:middle}.context-annotation{position:absolute;top:181px;left:68px;width:235px;padding:12px 14px;border-radius:12px;background:#fff;color:#55555c;font:13px/1.45 -apple-system,BlinkMacSystemFont,sans-serif;box-shadow:0 5px 24px #00000015;opacity:0;pointer-events:none;transition:opacity .2s}.context-annotation:before{content:"";position:absolute;width:1px;height:65px;background:#e8348b;bottom:100%;left:79px}.context-annotation:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:#e8348b;bottom:calc(100% + 65px);left:76.5px}.context-annotation strong{display:block;color:#333;font-weight:600;margin-bottom:4px}.interactive-figure[data-context=spacing] .measure-overlay,.interactive-figure[data-context=annotation] .context-annotation{opacity:1}
.simple-exploration{max-width:640px;margin-top:40px}.simple-exploration header{margin-top:34px}.simple-exploration h1{font-size:26px;letter-spacing:-.65px}.simple-exploration .lead{font-size:18px;line-height:1.55;margin-top:16px;color:#75757b}
.activity-choices{display:flex;align-items:center;width:max-content;max-width:100%;margin:24px auto 0;padding:4px;gap:0;height:44px;border-radius:100px;background:#f5f5f7;position:relative;isolation:isolate}.activity-choices:before{content:"";position:absolute;inset:4px auto 4px 4px;width:calc((100% - 8px)/2);border-radius:100px;background:#fff;box-shadow:none;transition:transform .24s cubic-bezier(.22,1,.36,1)}.activity-choices:has(button:nth-child(2)[aria-selected=true]):before{transform:translateX(100%)}.activity-choices button{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;flex:1;width:132px;height:36px;padding:0 12px;border-radius:100px;background:none;color:#74747b;font:14px/20px -apple-system,BlinkMacSystemFont,sans-serif}.activity-choices button[aria-selected=true]{color:#161616}.activity-choices img{width:22px;height:22px;border-radius:5px}.activity-study-panel[hidden]{display:none}.simple-exploration .activity-study-panel>.interactive-figure{width:100%;margin:20px 0 0}.simple-exploration .observation-copy{margin:26px 0 0}.simple-exploration .observation-copy>p{font-size:16px;line-height:1.5}.simple-exploration .observation-copy .finding{font-weight:400;color:#75757b;margin-top:0}.simple-exploration .observation-copy h2{font-size:17px;margin-bottom:6px}
.widget-browser{margin-top:20px}.browser-title{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin-bottom:12px}.browser-title>img{width:24px;height:24px;border-radius:6px}.article .browser-title h2{font-size:16px;margin:0;font-weight:500}.browser-canvas{height:460px}.widget-study-stack{display:grid;align-content:center;justify-items:center;gap:16px;width:100%;height:100%;padding:36px 0}.widget-study-stack>.study-mount{height:auto}.browser-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;min-height:36px;max-width:calc(100% - 96px)}.browser-observation>h3{font-size:17px;font-weight:500;line-height:1.5;letter-spacing:-.2px;margin-bottom:12px}.study-load-error{font-size:15px;line-height:1.6;text-align:center;padding:20px;color:#222;background:#ffffffe6;border-radius:16px}.study-load-error button{display:block;margin:12px auto 0;min-height:36px;border-radius:20px;padding:8px 14px;background:#ededee}.simple-exploration .essay-end{margin-top:42px}
@keyframes study-panel-in{from{opacity:0;transform:translateY(var(--study-panel-offset,-6px))}to{opacity:1;transform:translateY(0)}}
@media(max-width:767px){.exploration-article{margin-top:30px}.exploration-article header{margin-top:40px}.exploration-article h1{font-size:26px}.exploration-article .lead{font-size:18px;line-height:1.65}.interactive-figure,.essay-image{margin-top:32px}.study-canvas{height:320px;border-radius:22px}.activity-canvas .study-mount{padding:20px}.figure-controls{gap:8px;margin-top:12px}.article .interactive-figure figcaption,.article .essay-image figcaption{margin:14px 12px 0;font-size:14px}.observation-copy{margin-top:24px}.observation-copy>p{font-size:16px;line-height:1.75}.essay-image-well{height:360px}.essay-image-well img{height:310px}[data-special=measurement] .study-canvas{height:360px}.simple-exploration{margin-top:22px}.simple-exploration header{margin-top:26px}.simple-exploration h1{font-size:24px}.simple-exploration .lead{font-size:17px;line-height:1.55}.study-toolbar{margin-top:20px;gap:8px}.study-background-toggle{font-size:14px;gap:6px;padding-inline:10px}.browser-canvas{height:410px}.simple-exploration .activity-study-panel>.interactive-figure{width:100%;margin-inline:0}.simple-exploration .observation-copy{margin-top:24px}}
@media(max-width:359px){.study-toolbar{align-items:flex-start;flex-wrap:wrap}.study-background-toggle{margin-left:auto}.activity-canvas .study-mount{padding-inline:12px}.browser-controls{gap:6px}}
@media(prefers-reduced-transparency:reduce){.study-segments,.study-action-group,.study-background-panel{background:#292929;backdrop-filter:none;-webkit-backdrop-filter:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.study-segments,.study-action-group,.study-background-panel{background:#292929}}
@media(prefers-reduced-motion:reduce){.study-segments::before,.study-segments button,.activity-choices:before,.measure-overlay,.context-annotation{transition:none}.study-background-panel:popover-open{animation:none}}

/* Card geometry is independent of the selected app, material, or widget size. */
.exploration-canvas{--study-background-image:url('/components/assets/wallpaper-media/dark-clear.webp');--study-background-color:#00152b;--card-edge:28px;--top-control-height:36px;--header-side:44px;height:var(--exploration-height,460px)}.browser-canvas.exploration-canvas{--top-control-height:36px;--header-side:80px}
.activity-gallery,.widget-browser{margin-top:24px}
.study-card-header{position:absolute;top:var(--card-edge);left:var(--card-edge);right:var(--card-edge);z-index:5;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;height:var(--top-control-height)}.study-card-header>.study-app-toggle{grid-column:2}.study-header-actions{grid-column:3;justify-self:start;display:flex;align-items:center;gap:8px;flex:none}
.study-app-toggle{flex:0 1 auto;display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;max-width:100%;height:var(--top-control-height);padding:0 10px;border-radius:100px;background:rgb(0 0 0 / .64);color:white;box-shadow:inset 0 0 0 1px #ffffff29;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);font:500 16px/22px -apple-system,BlinkMacSystemFont,sans-serif;text-align:left}
.study-app-toggle>img{width:24px;height:24px;border-radius:6px;flex:none}
.study-app-toggle>[data-current-name]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.study-picker-caret{width:16px;height:16px;flex:none;opacity:.6}
.study-app-toggle:hover{background:rgb(0 0 0 / .76)}
.study-background-toggle,.study-material-toggle{position:relative;display:grid;place-items:center;flex:none;width:var(--top-control-height);height:var(--top-control-height);min-height:var(--top-control-height);padding:0;border:1px solid #ffffff29;border-radius:50%;background:rgb(0 0 0 / .64);color:white;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.study-background-toggle::after,.study-material-toggle::after{content:"";position:absolute;inset:-4px;border-radius:50%}.study-material-toggle:not(.study-theme-toggle)[aria-pressed=true]{background:white;color:#161616}.study-background-toggle:disabled,.study-material-toggle:disabled{opacity:.4;cursor:default}
.study-background-toggle:hover,.study-material-toggle:hover{background:#3b3b3d}.study-material-toggle:not(.study-theme-toggle)[aria-pressed=true]:hover{background:#f1f1f1}
.background-swatch{display:block;width:24px;height:24px;border-radius:50%;border:1px solid #ffffff38;background:var(--study-background-thumb,var(--study-background-image,none)) center/cover var(--study-background-color,#f5f5f7)}
.study-canvas[data-background]:not([data-background=paper]) .study-app-toggle{color:white;background:rgb(0 0 0 / .5);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.widget-study-stack{position:absolute;inset:0;display:grid;grid-template-rows:minmax(0,1fr) 36px;align-content:stretch;justify-items:center;gap:16px;width:100%;height:100%;padding:calc(var(--card-edge) + var(--top-control-height) + 16px) 60px var(--card-edge)}
.widget-study-stack>.study-mount{width:100%;height:100%;min-width:0;min-height:0}
.browser-controls{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:nowrap;height:36px;min-height:36px;max-width:none}.browser-controls>.study-material-toggle{position:absolute;left:calc(100% + 12px)}
.browser-controls>[data-primary-controls]{display:flex;align-items:center}.browser-controls .study-material-toggle{width:36px;height:36px;min-height:36px}
.study-gallery-panels,.activity-study-panel,.activity-card-content{width:100%;height:100%;min-height:0;margin:0}
.activity-study-panel[hidden]{display:none}
.activity-canvas.exploration-canvas .activity-layout{grid-template-rows:minmax(0,1fr);padding:calc(var(--card-edge) + 44px + 16px) 24px;gap:0}
.activity-controls{align-self:end;width:100%;height:44px;min-height:44px}
.activity-controls--outside{margin-top:8px}
.study-segments:not(.icon-segments){height:44px;padding:4px}
.study-segments:not(.icon-segments)::before{left:4px;top:4px;bottom:4px;width:calc((100% - 8px)/var(--segment-count))}
.study-segments:not(.icon-segments) button{height:36px;min-height:36px;min-width:80px;padding:0 14px;font-size:14px;line-height:20px}
.study-segments:not(.icon-segments) button::after{content:"";position:absolute;inset:-4px 0;border-radius:inherit}
.study-segments.icon-segments{height:36px;padding:6px;gap:0}
.icon-segments::before{width:32px;transform:translateX(calc(var(--segment-index)*32px))}
.icon-segments button{width:32px;flex:0 0 32px;height:24px;min-height:24px;padding:0}
.study-size-icon.size-small{width:18px;height:18px}
.study-size-icon.size-medium{width:22px;height:14px}
.study-size-icon.size-large,.study-size-icon.size-extra-large{width:20px;height:20px}
.study-material-icon.material-clear,.study-material-icon.material-default{width:22px;height:18px}
.study-menu{position:fixed;inset:auto;margin:0;width:280px;max-width:calc(100vw - 24px);max-height:420px;padding:8px;border:1px solid #ffffff29;border-radius:18px;color:#fff;background:rgb(36 36 38 / .97);box-shadow:0 12px 32px #0003;overflow:auto;overscroll-behavior:contain;font-family:-apple-system,BlinkMacSystemFont,sans-serif}
.study-menu:popover-open{animation:study-panel-in .18s cubic-bezier(.22,1,.36,1)}
.study-menu::backdrop{background:none}
.study-menu-items{display:flex;flex-direction:column}
.study-menu-item{position:relative;display:flex;align-items:center;gap:12px;flex:none;width:100%;min-height:48px;padding:8px 10px;border-radius:10px;background:transparent;color:#fff;text-align:left;font:500 16px/22px -apple-system,BlinkMacSystemFont,sans-serif}
.study-menu-item[hidden]{display:none}
.study-menu-item::after{content:"";position:absolute;bottom:0;left:50px;right:10px;height:1px;background:#ffffff0b}
.study-menu-item:last-child::after{display:none}
.study-menu-item:hover,.study-menu-item[aria-pressed=true]{background:#ffffff0d}
.study-menu-item>img{width:28px;height:28px;flex:none;border-radius:6px;object-fit:contain}
.study-menu-check{margin-left:auto;flex:none;width:20px;visibility:hidden;text-align:center;font-size:18px;line-height:24px}
.study-menu-item[aria-pressed=true]>.study-menu-check{visibility:visible}
.study-background-thumb{display:block;width:28px;height:28px;flex:none;border:1px solid #ffffff29;border-radius:50%;background-position:center;background-size:cover}
.study-menu-search{display:block;position:sticky;top:-8px;margin:-8px -8px 4px;padding:12px;background:#242426;z-index:1}
.study-menu-search input{display:block;width:100%;height:40px;min-height:40px;border:0;border-radius:10px;background:#ffffff0d;color:#fff;padding:8px 12px;font:400 16px/24px -apple-system,BlinkMacSystemFont,sans-serif;appearance:none;-webkit-appearance:none}
.study-menu-search input::placeholder{color:#a5a5aa}.study-menu-empty{padding:12px;color:#ffffffad;font-size:14px;line-height:20px}
.study-app-menu{scrollbar-gutter:stable;scrollbar-width:thin}
.study-app-menu .study-menu-item{min-height:44px;padding-block:6px;font-size:15px}
.study-app-menu .study-menu-item>img{width:26px;height:26px}
.study-menu button:focus-visible,.study-card-header button:focus-visible,.study-background-toggle:focus-visible,.study-material-toggle:focus-visible,.replay-button:focus-visible{outline:2px solid #0a84ff;outline-offset:2px}
@media(max-width:767px){.exploration-canvas{--card-edge:24px;height:var(--exploration-height,410px)}.study-card-header{left:12px;right:12px}.browser-canvas .study-app-toggle{font-size:14px;padding-inline:8px;gap:4px}.browser-canvas .study-app-toggle>img{width:20px;height:20px}.browser-canvas .study-picker-caret{width:12px;height:12px}.widget-study-stack{padding-inline:52px}.activity-canvas.exploration-canvas .activity-layout{padding-inline:16px}}
@media(max-width:359px){.exploration-canvas{--card-edge:20px}.widget-study-stack{padding-inline:44px}.study-app-toggle{font-size:14px;padding-inline:8px;gap:4px}.study-app-toggle>img{width:20px;height:20px}.study-picker-caret{width:12px;height:12px}.activity-canvas.exploration-canvas .activity-layout{padding-inline:12px}.study-segments:not(.icon-segments) button{min-width:72px;padding-inline:10px}.activity-controls{gap:8px}}
@media(prefers-reduced-motion:reduce){.study-menu:popover-open{animation:none}}
/* Shared study controls for an example without an app picker. */
.study-card-header.actions-only{display:flex;justify-content:flex-start}
.browser-controls>.replay-button{position:absolute;left:calc(100% + 12px)}
.study-appearance-icon{display:block;width:20px;height:20px;background:currentColor;mask:url('/components/assets/sf-symbols/moon.fill.svg') center/contain no-repeat;-webkit-mask:url('/components/assets/sf-symbols/moon.fill.svg') center/contain no-repeat}

/* Appearance and background bracket the independently centered app choice. */
.study-card-header{grid-template-columns:minmax(44px,1fr) minmax(0,auto) minmax(44px,1fr)}
.study-card-header>.study-theme-toggle{grid-column:1;grid-row:1;justify-self:end}
.study-card-header>.study-app-toggle{grid-row:1}
.study-card-header.actions-only{gap:8px}
.browser-controls>.study-material-toggle[data-leading-action]{left:auto;right:calc(100% + 12px)}
.study-canvas[data-theme=light]{color-scheme:light}.study-canvas[data-theme=dark]{color-scheme:dark}
@media(prefers-reduced-transparency:reduce){
 .study-menu,.study-app-toggle,.study-background-toggle,.study-material-toggle,.study-segments,.study-action-group{background:#292929;backdrop-filter:none;-webkit-backdrop-filter:none;color:white}
 .study-canvas[data-theme=light] .study-app-toggle,.study-canvas[data-theme=light] .study-background-toggle,.study-canvas[data-theme=light] .study-material-toggle{background:#f5f5f7;color:#161616;border-color:#d1d1d6}
 .study-material-toggle:not(.study-theme-toggle)[aria-pressed=true],.study-material-toggle:not(.study-theme-toggle)[aria-pressed=true]:hover{background:white;color:#161616}
 .study-canvas[data-theme=light] .study-material-toggle:not(.study-theme-toggle)[aria-pressed=true]{background:#161616;color:white}
}

/* Native swatch picker variant. The panel expands from its trigger without reflow. */
.study-menu.study-swatch-menu{padding:3px;height:52px;max-height:none;border-radius:26px;overflow:hidden;opacity:1;clip-path:inset(8px calc(100% - var(--swatch-origin,26px) - 18px) 8px calc(var(--swatch-origin,26px) - 18px) round 26px);transition:clip-path .18s cubic-bezier(.22,1,.36,1),display .18s allow-discrete,overlay .18s allow-discrete}
.study-menu.study-swatch-menu:popover-open{animation:none;clip-path:inset(0 round 26px)}
@starting-style{.study-menu.study-swatch-menu:popover-open{clip-path:inset(8px calc(100% - var(--swatch-origin,26px) - 18px) 8px calc(var(--swatch-origin,26px) - 18px) round 26px)}}
.study-swatch-menu .study-menu-items{display:flex;flex-direction:row;gap:0;padding:0}
.study-swatch-menu .study-menu-item{display:grid;place-items:center;flex:0 0 44px;width:44px;min-height:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent}
.study-swatch-menu .study-background-swatch{width:24px;height:24px;border-radius:50%}
.study-swatch-menu .study-menu-item[aria-pressed=true] .study-background-swatch{outline:2px solid #fff;outline-offset:3px}
.study-swatch-menu .study-menu-item:hover{background:#ffffff0d}
.study-swatch-menu .study-menu-item:focus-visible{outline:2px solid #fff;outline-offset:-2px}
@media(prefers-reduced-motion:reduce){.study-menu.study-swatch-menu{transition:none}}

.study-swatch-menu .study-menu-item::after{display:none}

.study-swatch-menu .study-menu-items{transform:translateX(var(--swatch-shift,0px));transition:transform .18s cubic-bezier(.22,1,.36,1)}
.study-swatch-menu:popover-open .study-menu-items{transform:translateX(0)}
@starting-style{.study-swatch-menu:popover-open .study-menu-items{transform:translateX(var(--swatch-shift,0px))}}
@media(prefers-reduced-motion:reduce){.study-swatch-menu .study-menu-items{transition:none}}

/* Wallpaper family picker: the same swatch geometry, opening vertically. */
.study-menu.study-wallpaper-menu{--study-picker-duration:140ms;box-sizing:border-box;width:52px;height:184px;max-height:none;padding:3px;border-radius:26px;background:rgb(0 0 0 / .64);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);overflow-x:hidden;overflow-y:auto;scrollbar-width:none;opacity:1;clip-path:inset(calc(var(--wallpaper-origin,26px) - var(--wallpaper-radius,18px)) calc(26px - var(--wallpaper-radius,18px)) calc(100% - var(--wallpaper-origin,26px) - var(--wallpaper-radius,18px)) round 26px);transition:clip-path var(--study-picker-duration) cubic-bezier(.23,1,.32,1),display var(--study-picker-duration) allow-discrete,overlay var(--study-picker-duration) allow-discrete}
.study-wallpaper-menu::-webkit-scrollbar{display:none}
.study-menu.study-wallpaper-menu:popover-open{--study-picker-duration:200ms;animation:none;clip-path:inset(0 round 26px)}
.study-wallpaper-menu .study-menu-items{display:flex;flex-direction:column;gap:0;padding:0;transform:translateY(var(--wallpaper-shift,0px));transition:transform var(--study-picker-duration) cubic-bezier(.23,1,.32,1)}
.study-wallpaper-menu:popover-open .study-menu-items{transform:translateY(0)}
.study-wallpaper-menu .study-menu-item{box-sizing:border-box;display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:transparent}
.study-wallpaper-menu .study-menu-item::after{display:none}
.study-wallpaper-menu .study-background-thumb{box-sizing:border-box;width:28px;height:28px}
.study-wallpaper-menu .study-menu-item[aria-pressed=true] .study-background-thumb{outline:2px solid #fff;outline-offset:3px}
.study-wallpaper-menu .study-menu-item:hover{background:#ffffff0d}
.study-wallpaper-menu .study-menu-item:focus-visible{outline:2px solid #0a84ff;outline-offset:-2px}
@starting-style{
 .study-menu.study-wallpaper-menu:popover-open{clip-path:inset(calc(var(--wallpaper-origin,26px) - var(--wallpaper-radius,18px)) calc(26px - var(--wallpaper-radius,18px)) calc(100% - var(--wallpaper-origin,26px) - var(--wallpaper-radius,18px)) round 26px)}
 .study-wallpaper-menu:popover-open .study-menu-items{transform:translateY(var(--wallpaper-shift,0px))}
}
@media(prefers-reduced-motion:reduce){.study-menu.study-wallpaper-menu,.study-wallpaper-menu .study-menu-items{transition:none}}
.study-menu[data-picker-input=keyboard],.study-menu[data-picker-input=keyboard] .study-menu-items{transition:none;animation:none}
@media(prefers-reduced-transparency:reduce){.study-menu.study-wallpaper-menu,.study-canvas[data-theme=light] .study-menu.study-wallpaper-menu{background:#292929;backdrop-filter:none;-webkit-backdrop-filter:none;border-color:#ffffff29}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.study-menu.study-wallpaper-menu{background:#292929}}

/* Action-only studies keep the same icon sizes and insets as the app studies. */
.study-card-header.actions-rail{top:50%;left:var(--card-edge);right:auto;width:var(--top-control-height);height:auto;translate:0 -50%;display:flex;flex-direction:column;gap:8px}
.study-card-header.actions-rail>button{margin:0}

/* Independent actions share the selector surface, without exclusive selection. */
.study-action-group{width:max-content}
.study-action-group>button{width:44px;height:24px;min-height:24px;padding:0;border:0;border-radius:100px;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
.study-action-group>button::after{inset:-10px 0;border-radius:inherit}
.study-action-group>button[aria-pressed=true]{background:white;color:#161616}

/* Theme is a persistent mode control, with its own surface and selected cue. */
.study-theme-toggle{--theme-control-bg:rgb(0 0 0 / .54);--theme-control-hover:rgb(0 0 0 / .68);--theme-control-ink:#fff;--theme-control-edge:rgb(255 255 255 / .28)}
.study-canvas[data-theme=light] .study-theme-toggle{--theme-control-bg:rgb(255 255 255 / .78);--theme-control-hover:rgb(255 255 255 / .92);--theme-control-ink:#1d1d1f;--theme-control-edge:rgb(0 0 0 / .16)}
.study-canvas .study-theme-toggle{background:var(--theme-control-bg);color:var(--theme-control-ink);border-color:var(--theme-control-edge);transition:none}
.study-canvas .study-theme-toggle:hover{background:var(--theme-control-hover)}
.study-canvas .study-theme-toggle[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--theme-control-edge)}
@media(prefers-reduced-transparency:reduce){.study-canvas .study-theme-toggle{--theme-control-bg:#292929;--theme-control-hover:#3b3b3d}.study-canvas[data-theme=light] .study-theme-toggle{--theme-control-bg:#f5f5f7;--theme-control-hover:#fff}.study-canvas[data-theme] .study-theme-toggle{background:var(--theme-control-bg);color:var(--theme-control-ink)}.study-canvas[data-theme] .study-theme-toggle:hover{background:var(--theme-control-hover)}}
@media(prefers-reduced-motion:reduce){.study-canvas .study-theme-toggle{transition:none}}

/* The trigger shares the thumbnail resource; the canvas alone uses full artwork. */
.background-swatch{background-image:var(--study-background-thumb,var(--study-background-image,none))}

/* Opaque materials resolve at their wallpaper-owning selector. Menus retain
   their dark palette in both canvas themes, including search and empty states. */
.study-material-note { margin: 16px 0 0; color: var(--muted); font-size: .875rem; line-height: 1.6; }
.study-material-note[hidden] { display: none; }
@media (prefers-reduced-transparency: reduce) {
 .study-canvas[data-background]:not([data-background=paper]) .study-app-toggle { background: #292929; color: #fff; backdrop-filter: none; -webkit-backdrop-filter: none; }
 .study-canvas[data-background]:not([data-background=paper]) .study-app-toggle:hover { background: #3b3b3d; }
 .study-canvas[data-theme=light][data-background]:not([data-background=paper]) .study-app-toggle { background: #f5f5f7; color: #161616; }
 .study-canvas[data-theme=light][data-background]:not([data-background=paper]) .study-app-toggle:hover { background: #fff; }
 .study-canvas .study-menu { background: #292929; color: #fff; backdrop-filter: none; -webkit-backdrop-filter: none; }
}
@media (forced-colors: active) {
 .study-segments button[aria-pressed=true], .study-menu-item[aria-pressed=true] { outline: 2px solid Highlight; outline-offset: -2px; }
 .study-segments::before { background: Canvas; }
 .study-size-icon,.study-material-icon,.study-appearance-icon { forced-color-adjust: none; background: ButtonText; }
}

/* Polished exploration controls: one compact rhythm, consistent hit areas and
   presentation-value feedback across appearance, app, size and material. */
@property --study-press-scale{
 syntax:"<number>";
 inherits:true;
 initial-value:1;
}
.browser-canvas.exploration-canvas{
 --top-control-height:40px;
 --exploration-height:460px;
}
.study-app-toggle,
.study-background-toggle,
.study-material-toggle,
.replay-button,
.study-segments,
.study-segments::before,
.study-segments button{
 transition-property:background-color,color,box-shadow,transform,--study-press-scale;
 transition-duration:160ms;
 transition-timing-function:cubic-bezier(.2,0,0,1);
}
.study-app-toggle,
.study-background-toggle,
.study-material-toggle{
 box-shadow:inset 0 0 0 1px rgb(255 255 255 / .20),0 1px 2px rgb(0 0 0 / .16),0 8px 24px rgb(0 0 0 / .12);
}
.study-app-toggle{
 position:relative;
 gap:7px;
 padding-inline:11px 9px;
 background:rgb(22 22 24 / .62);
 backdrop-filter:blur(20px) saturate(1.25);
 -webkit-backdrop-filter:blur(20px) saturate(1.25);
 font-size:15px;
 line-height:20px;
}
.study-app-toggle::before{content:"";position:absolute;inset:-2px;border-radius:inherit}
.study-app-toggle>img{width:23px;height:23px;border-radius:6px;object-fit:contain;object-position:center;box-shadow:0 0 0 1px rgb(255 255 255 / .12)}
.study-picker-caret{width:14px;height:14px;opacity:.72;translate:0 1px}
.study-background-toggle::after,.study-material-toggle::after{inset:-2px}
.background-swatch{width:26px;height:26px;border-color:rgb(255 255 255 / .30);box-shadow:inset 0 0 0 1px rgb(0 0 0 / .08)}
.study-appearance-icon{width:19px;height:19px}
.browser-controls{
 height:40px;
 min-height:40px;
 gap:10px;
}
.browser-controls>.study-material-toggle{left:calc(100% + 10px)}
.browser-controls .study-material-toggle{width:40px;height:40px;min-height:40px}
.widget-card-header .study-side-controls,
.activity-card-header .study-side-controls{
 position:absolute;
 top:calc(var(--exploration-height,460px)/2 - var(--card-edge));
 left:0;
 translate:0 -50%;
 display:flex;
 flex-direction:column;
 gap:8px;
}
.widget-card-header .study-side-controls>button,
.activity-card-header .study-side-controls>button{margin:0}
.widget-card-header>.study-app-toggle,
.activity-card-header>.study-app-toggle{grid-column:2;grid-row:1}
.activity-canvas.exploration-canvas{--exploration-height:460px;--top-control-height:40px}
@media(max-width:767px){.browser-canvas.exploration-canvas,.activity-canvas.exploration-canvas{--exploration-height:410px}}
/* Full-width activities need their own control space on a narrow canvas. */
@media(max-width:767px){
 .activity-card-header .study-side-controls{
  top:calc(var(--exploration-height) - 2 * var(--card-edge) - 40px);
  translate:none;
  flex-direction:row;
 }
}
.study-segments.icon-segments{
 height:44px;
 padding:4px;
 gap:0;
 border-radius:100px;
}
.icon-segments::before{
 left:4px;
 top:4px;
 bottom:4px;
 width:40px;
 border-radius:100px;
 box-shadow:none;
 transform:translateX(calc(var(--segment-index)*40px));
}
.icon-segments button{
 width:40px;
 height:36px;
 min-height:36px;
 flex-basis:40px;
 border-radius:100px;
}
.icon-segments button::after{content:"";position:absolute;inset:-4px 0;border-radius:100px}
.study-size-icon.size-small{width:17px;height:17px}
.study-size-icon.size-medium{width:21px;height:14px}
.study-size-icon.size-large,.study-size-icon.size-extra-large{width:19px;height:19px}
.study-material-icon.material-clear,.study-material-icon.material-default{width:21px;height:18px}
.study-segments,.study-segments::before,.study-segments button{box-shadow:none}
/* One inherited value drives both transforms. Independently interpolating an
   inverse icon scale lets icons grow during press/release interruptions. */
.study-app-toggle,
.study-background-toggle,
.study-material-toggle,
.replay-button{
 transform:scale(var(--study-press-scale));
 transition-property:background-color,color,box-shadow,--study-press-scale;
}
.study-app-toggle:active:not(:disabled),
.study-background-toggle:active:not(:disabled),
.study-material-toggle:active:not(:disabled),
.replay-button:active:not(:disabled){--study-press-scale:.96}
.study-app-toggle>:not(.sr-only),
.study-background-toggle>*,
.study-material-toggle>*,
.replay-button>*{
 scale:calc(1 / var(--study-press-scale));
}
.study-app-toggle:focus-visible,
.study-background-toggle:focus-visible,
.study-material-toggle:focus-visible,
.study-segments button:focus-visible{outline:2px solid #0a84ff;outline-offset:3px}
.study-canvas .study-theme-toggle{transition-property:background-color,color,box-shadow,--study-press-scale;transition-duration:160ms;transition-timing-function:cubic-bezier(.2,0,0,1)}
@media(hover:hover){
 .study-app-toggle:hover,.study-background-toggle:hover,.study-material-toggle:hover{background-color:rgb(45 45 48 / .76)}
 .study-segments button:not([aria-pressed=true]):hover{color:#fff}
}
@media(prefers-reduced-motion:reduce){
 .study-app-toggle,.study-background-toggle,.study-material-toggle,.replay-button,.study-canvas .study-theme-toggle,.study-segments,.study-segments::before,.study-segments button{transition:none}
 .study-app-toggle:active,.study-background-toggle:active,.study-material-toggle:active,.replay-button:active{transform:none}
 .study-app-toggle>:not(.sr-only),.study-background-toggle>*,.study-material-toggle>*,.replay-button>*{scale:1;transition:none}
}

/* Canvas chrome follows the selected widget appearance as one coherent layer. */
.study-canvas[data-theme=dark]{
 --study-chrome-bg:oklch(.24 0 0 / .88);
 --study-chrome-hover:oklch(.31 0 0 / .94);
 --study-chrome-ink:oklch(.98 0 0);
 --study-chrome-muted:oklch(.8 0 0);
 --study-chrome-edge:oklch(1 0 0 / .2);
 --study-chrome-shadow:oklch(0 0 0 / .28);
 --study-menu-bg:oklch(.24 0 0 / .98);
 --study-menu-field:oklch(.31 0 0);
 --study-swatch-edge:oklch(1 0 0 / .48);
 --study-menu-divider:oklch(1 0 0 / .08);
 --study-menu-hover:oklch(1 0 0 / .08);
 --study-selection-bg:oklch(.98 0 0);
 --study-selection-ink:oklch(.24 0 0);
 --study-control-shadow:inset 0 1px 0 oklch(1 0 0 / .09),0 0 0 1px oklch(1 0 0 / .11),0 1px 2px oklch(0 0 0 / .2),0 5px 14px oklch(0 0 0 / .13);
 --study-control-shadow-hover:inset 0 1px 0 oklch(1 0 0 / .12),0 0 0 1px oklch(1 0 0 / .15),0 1px 3px oklch(0 0 0 / .22),0 7px 18px oklch(0 0 0 / .16);
 --study-control-shadow-pressed:inset 0 1px 0 oklch(1 0 0 / .08),0 0 0 1px oklch(1 0 0 / .1),0 1px 2px oklch(0 0 0 / .18);
 --study-selection-shadow:0 0 0 1px oklch(0 0 0 / .06),0 1px 2px oklch(0 0 0 / .14),0 2px 6px oklch(0 0 0 / .09);
 --study-menu-shadow:0 0 0 1px oklch(1 0 0 / .08),0 3px 10px oklch(0 0 0 / .22),0 18px 48px oklch(0 0 0 / .24);
}
.study-canvas[data-theme=light]{
 --study-chrome-bg:oklch(.98 .003 286 / .78);
 --study-chrome-hover:oklch(1 0 0 / .94);
 --study-chrome-ink:oklch(.2 .006 286);
 --study-chrome-muted:oklch(.46 .006 286);
 --study-chrome-edge:oklch(0 0 0 / .14);
 --study-chrome-shadow:oklch(0 0 0 / .18);
 --study-menu-bg:oklch(.98 .003 286 / .96);
 --study-menu-field:oklch(.92 .004 286);
 --study-swatch-edge:oklch(0 0 0 / .45);
 --study-menu-divider:oklch(0 0 0 / .08);
 --study-menu-hover:oklch(0 0 0 / .06);
 --study-selection-bg:oklch(.22 .006 286);
 --study-selection-ink:oklch(.98 0 0);
 --study-control-shadow:inset 0 1px 0 oklch(1 0 0 / .5),0 0 0 1px oklch(0 0 0 / .06),0 1px 2px -1px oklch(0 0 0 / .1),0 5px 14px oklch(0 0 0 / .07);
 --study-control-shadow-hover:inset 0 1px 0 oklch(1 0 0 / .58),0 0 0 1px oklch(0 0 0 / .08),0 1px 3px -1px oklch(0 0 0 / .12),0 7px 18px oklch(0 0 0 / .09);
 --study-control-shadow-pressed:inset 0 1px 0 oklch(1 0 0 / .4),0 0 0 1px oklch(0 0 0 / .07),0 1px 2px oklch(0 0 0 / .08);
 --study-selection-shadow:0 0 0 1px oklch(1 0 0 / .06),0 1px 2px oklch(0 0 0 / .14),0 2px 6px oklch(0 0 0 / .09);
 --study-menu-shadow:0 0 0 1px oklch(0 0 0 / .06),0 3px 10px oklch(0 0 0 / .1),0 18px 48px oklch(0 0 0 / .12);
}
.study-canvas[data-theme] .study-app-toggle,
.study-canvas[data-theme] .study-background-toggle,
.study-canvas[data-theme] .study-material-toggle,
.study-canvas[data-theme] .study-segments{
 background:var(--study-chrome-bg);
 color:var(--study-chrome-ink);
 border-color:var(--study-chrome-edge);
 box-shadow:var(--study-control-shadow);
}
.study-canvas[data-theme] .study-segments{box-shadow:none}
.study-canvas[data-theme=light][data-background] .study-app-toggle{background:var(--study-chrome-bg);color:var(--study-chrome-ink)}
.study-canvas[data-theme] .study-app-toggle:hover,
.study-canvas[data-theme] .study-background-toggle:hover,
.study-canvas[data-theme] .study-material-toggle:hover{background:var(--study-chrome-hover);box-shadow:var(--study-control-shadow-hover)}
.study-canvas[data-theme] .study-app-toggle:active,
.study-canvas[data-theme] .study-background-toggle:active,
.study-canvas[data-theme] .study-material-toggle:active{box-shadow:var(--study-control-shadow-pressed)}
.study-canvas[data-theme] .study-material-toggle:not(.study-theme-toggle)[aria-pressed=true]{background:var(--study-selection-bg);color:var(--study-selection-ink)}
.study-canvas[data-theme] .study-segments::before{background:var(--study-selection-bg);box-shadow:none}
.study-canvas[data-theme] .study-segments button{color:var(--study-chrome-muted)}
.study-canvas[data-theme] .study-segments button[aria-pressed=true]{color:var(--study-selection-ink)}
.study-canvas[data-theme] .study-menu,
.study-canvas[data-theme] .study-menu.study-wallpaper-menu{
 background:var(--study-menu-bg);
 color:var(--study-chrome-ink);
 border-color:var(--study-chrome-edge);
 box-shadow:var(--study-menu-shadow);
}
.study-canvas[data-theme] .study-menu-search{background:var(--study-menu-bg)}
.study-canvas[data-theme] .study-menu-search input{background:var(--study-menu-field);color:var(--study-chrome-ink)}
.study-canvas[data-theme] .study-menu-search input::placeholder{color:var(--study-chrome-muted)}
.study-canvas[data-theme] .study-menu-empty{color:var(--study-chrome-muted)}
.study-canvas[data-theme] .study-wallpaper-menu .study-menu-item[aria-pressed=true] .study-background-thumb{outline-color:var(--study-chrome-ink)}
.study-canvas[data-theme] .background-swatch,
.study-canvas[data-theme] .study-background-thumb{
 border:1px solid var(--study-swatch-edge);
 box-shadow:none;
}
.study-canvas[data-theme] .background-swatch{width:28px;height:28px}
.study-canvas[data-theme] .study-menu-item{color:var(--study-chrome-ink)}
.study-canvas[data-theme] .study-menu-item::after{background:var(--study-menu-divider)}
.study-canvas[data-theme] .study-menu-item:hover,
.study-canvas[data-theme] .study-menu-item[aria-pressed=true]{background:var(--study-menu-hover)}
@media(prefers-reduced-transparency:reduce){
 .study-canvas[data-theme] .study-app-toggle,
 .study-canvas[data-theme] .study-background-toggle,
 .study-canvas[data-theme] .study-material-toggle,
 .study-canvas[data-theme] .study-segments,
 .study-canvas[data-theme] .study-menu{backdrop-filter:none;-webkit-backdrop-filter:none}
 .study-canvas[data-theme=dark]{--study-chrome-bg:oklch(.24 0 0);--study-menu-bg:oklch(.24 0 0)}
 .study-canvas[data-theme=light]{--study-chrome-bg:oklch(.97 .003 286);--study-menu-bg:oklch(.97 .003 286)}
}
/* Keep the same palette when glass is unavailable or contrast is increased. */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 .study-canvas[data-theme=dark]{--study-chrome-bg:oklch(.24 0 0);--study-menu-bg:oklch(.24 0 0)}
 .study-canvas[data-theme=light]{--study-chrome-bg:oklch(.97 .003 286);--study-menu-bg:oklch(.97 .003 286)}
}
@media(prefers-contrast:more){
 .study-canvas[data-theme=dark]{--study-chrome-bg:oklch(.24 0 0);--study-menu-bg:oklch(.24 0 0);--study-chrome-edge:oklch(1 0 0 / .55);--study-swatch-edge:oklch(1 0 0 / .75)}
 .study-canvas[data-theme=light]{--study-chrome-bg:oklch(.97 .003 286);--study-menu-bg:oklch(.97 .003 286);--study-chrome-edge:oklch(0 0 0 / .55);--study-swatch-edge:oklch(0 0 0 / .75)}
}

/* TV's supplied clear asset uses white brand typography. Give that one
   light-wallpaper combination enough material weight to preserve it. */
.browser-canvas[data-app=tv][data-theme=light][data-appearance=clear] .widget-native>[data-layer-name="TV"]>[data-layer-name="Widget Container"]{
 box-shadow:inset 0 0 0 1px oklch(1 0 0 / .16),0 10px 32px oklch(0 0 0 / .18)!important;
 backdrop-filter:blur(18px) saturate(1.08);
 -webkit-backdrop-filter:blur(18px) saturate(1.08);
}
.browser-canvas[data-app=tv][data-theme=light][data-appearance=clear] .widget-native>[data-layer-name="TV"]>[data-layer-name="Widget Container"]::before{
 content:"";
 position:absolute;
 inset:0;
 z-index:1;
 border-radius:inherit;
 background:linear-gradient(145deg,oklch(.24 .01 286 / .82),oklch(.13 .008 286 / .9));
 pointer-events:none;
}
.browser-canvas[data-app=tv][data-theme=light][data-appearance=clear] .widget-native>[data-layer-name="TV"]>[data-layer-name="Widget Container"]>.widget-foreground{z-index:2}
.browser-canvas[data-app=tv][data-theme=light][data-appearance=clear] [data-layer-name="Glass Background"]{
 background-color:oklch(0 0 0 / .08)!important;
}
@media(prefers-reduced-transparency:reduce){
 .browser-canvas[data-app=tv][data-theme=light][data-appearance=clear] .widget-native>[data-layer-name="TV"]>[data-layer-name="Widget Container"]{
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
 }
 .browser-canvas[data-app=tv][data-theme=light][data-appearance=clear] .widget-native>[data-layer-name="TV"]>[data-layer-name="Widget Container"]::before{background:oklch(.16 .008 286)}
}