@layer components{.material-bar{background:var(--glass-bar);-webkit-backdrop-filter:blur(calc(var(--blur) * var(--glass-enabled,1))) saturate(var(--saturate,180%));backdrop-filter:blur(calc(var(--blur) * var(--glass-enabled,1))) saturate(var(--saturate,180%))}.material-menu{background:var(--glass-menu);-webkit-backdrop-filter:blur(calc(var(--blur) * var(--glass-enabled,1))) saturate(var(--saturate,180%));backdrop-filter:blur(calc(var(--blur) * var(--glass-enabled,1))) saturate(var(--saturate,180%))}.material-window{background:var(--window-bg);-webkit-backdrop-filter:blur(calc(var(--blur) * var(--glass-enabled,1))) saturate(var(--saturate,180%));backdrop-filter:blur(calc(var(--blur) * var(--glass-enabled,1))) saturate(var(--saturate,180%))}.press-scale{transition:transform .16s var(--ease-standard,cubic-bezier(.2, .8, .2, 1))}.press-scale:active{transform:scale(.92)}.press-ripple{position:relative;overflow:hidden}.press-ripple:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s var(--ease-decel,cubic-bezier(.05, .7, .1, 1)), transform .3s var(--ease-decel,cubic-bezier(.05, .7, .1, 1));background:radial-gradient(circle,currentColor 0%,#0000 70%);position:absolute;inset:0;transform:scale(.5)}.press-ripple:active:after{opacity:.12;transform:scale(1.6)}.ripple-host{position:relative;overflow:hidden}.ripple-ink{opacity:.16;pointer-events:none;background:currentColor;border-radius:50%;animation:.45s cubic-bezier(.2,0,0,1) forwards ripple-expand;position:absolute;transform:scale(0)}@keyframes ripple-expand{to{opacity:0;transform:scale(2.5)}}.icon-tile{border-radius:var(--radius-icon);box-shadow:0 0 0 .5px rgba(0, 0, 0, calc(.1 * var(--icon-plate,1))), 0 1px 1px rgba(0, 0, 0, calc(.18 * var(--icon-gloss,1))), 0 4px 10px -3px rgba(0, 0, 0, calc(.26 * var(--icon-gloss,1))), inset 0 1px 1px rgba(255, 255, 255, calc(.5 * var(--icon-gloss,1))), inset 0 -3px 6px -2px rgba(0, 0, 0, calc(.15 * var(--icon-gloss,1)));position:relative;overflow:hidden}.icon-tile:before{content:"";border-radius:inherit;pointer-events:none;opacity:var(--icon-gloss,1);background:radial-gradient(120% 80% at 50% -10%,#ffffff3d,#fff0 72%),linear-gradient(#ffffff24 0%,#ffffff05 36%,#0000000f 66%,#0000002e 100%);position:absolute;inset:0}.icon-tile:after{content:"";border-radius:inherit;pointer-events:none;opacity:var(--icon-gloss,1);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff1a}.icon-tile>svg{z-index:1;color:#fff;filter:drop-shadow(0 0 1px #00000073)drop-shadow(0 1px 1.5px #0006);position:relative}[data-shell=windows] .icon-tile{background:0 0!important}}.wp-aurora{background-color:#0000;background-image:url(/wallpapers/aurora.webp),radial-gradient(120% 120% at 18% 12%,#6a8dff 0%,#6a8dff00 46%),radial-gradient(120% 110% at 86% 22%,#ff7ac4 0%,#ff7ac400 42%),radial-gradient(120% 120% at 70% 88%,#5be0c8 0%,#5be0c800 48%),linear-gradient(160deg,#2a2f6b 0%,#1b2050 60%,#141738 100%);background-position:50%,0 0,0 0,0 0,0 0;background-repeat:no-repeat,repeat,repeat,repeat,repeat;background-size:cover;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box}.wp-noir{background:linear-gradient(160deg,#121316 0%,#0a0a0c 100%)}.wp-sunset{background:linear-gradient(160deg,#7c2d12 0%,#db2777 45%,#f59e0b 100%)}.wp-ocean{background:linear-gradient(160deg,#042f49 0%,#0e7490 45%,#14b8a6 100%)}.wp-mono{background:linear-gradient(160deg,#e5e7eb 0%,#9ca3af 100%)}.dark .wp-mono{background:linear-gradient(160deg,#374151 0%,#111827 100%)}.wp-win11{background-color:#0000;background-image:url(/wallpapers/win11.webp),radial-gradient(90% 75% at 50% 35%,#3b82f6 0%,#1e40af 42%,#0b1f4a 100%);background-position:50%,0 0;background-repeat:no-repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.wp-material{background-color:#0000;background-image:url(/wallpapers/material.webp),linear-gradient(150deg,#cfe0ff 0%,#e8def8 55%,#ffd8e4 100%);background-position:50%,0 0;background-repeat:no-repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.dark .wp-material{background:linear-gradient(150deg,#1f2c47 0%,#322c4b 55%,#46263a 100%)}.wp-ios{background-color:#0000;background-image:url(/wallpapers/ios.webp),linear-gradient(165deg,#0f2a6b 0%,#5b3bb4 48%,#c84fa0 100%);background-position:50%,0 0;background-repeat:no-repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.wp-auto{background:conic-gradient(from 220deg,#3b82f6,#8b5cf6,#ec4899,#f59e0b,#10b981,#3b82f6)}.os-spinner-tick{animation:1s linear infinite os-spinner-pulse;animation-delay:calc(var(--i,0) * -125ms)}@keyframes os-spinner-pulse{0%,39%,to{opacity:.25;transform:scale(.82)}40%{opacity:1;transform:scale(1)}}.os-spinner-arc-rotate{animation:1.6s linear infinite os-spinner-arc-rotate}@keyframes os-spinner-arc-rotate{to{transform:rotate(360deg)}}.os-spinner-arc-dash{animation:1.4s ease-in-out infinite os-spinner-arc-dash}@keyframes os-spinner-arc-dash{0%{stroke-dasharray:1 100;stroke-dashoffset:0}50%{stroke-dasharray:65 100;stroke-dashoffset:-20px}to{stroke-dasharray:65 100;stroke-dashoffset:-85px}}[data-shell=macos] :focus-visible,[data-shell=windows] :focus-visible,[data-shell=ios] :focus-visible,[data-shell=android] :focus-visible{outline:none}[data-shell=macos] :focus-visible{box-shadow:0 0 0 3.5px var(--os-accent)}@supports (color:color-mix(in lab, red, red)){[data-shell=macos] :focus-visible{box-shadow:0 0 0 3.5px color-mix(in oklab, var(--os-accent) 55%, transparent)}}[data-shell=windows] :focus-visible{box-shadow:0 0 0 1px var(--background), 0 0 0 3px var(--foreground)}[data-shell=ios] :focus-visible,[data-shell=android] :focus-visible{box-shadow:0 0 0 2px var(--os-accent)}:root{--sai-bottom:env(safe-area-inset-bottom,0px);--menubar-h:24px;--blur:30px;--os-accent:#2f7bf6;--brand:var(--primary);--brand-soft:var(--primary)}@supports (color:color-mix(in lab, red, red)){:root{--brand-soft:color-mix(in oklch, var(--primary) 16%, transparent)}}:root{--brand-strong:var(--primary)}@supports (color:color-mix(in lab, red, red)){:root{--brand-strong:color-mix(in oklch, var(--primary) 80%, black)}}:root{--glass-bar:#fafafc9e;--glass-menu:#fcfcfedb;--window-bg:#f8f8fbdb;--surface:#f4f4f7;--window-head:#ffffff8c;--hover-strong:#00000017;--dock-bg:#ffffff57;--mica-win:#f3f3f3e0}@supports (color:color-mix(in lab, red, red)){:root{--mica-win:color-mix(in srgb, #f3f3f3e0 90%, var(--os-accent) 10%)}}:root{--radius-win:12px;--radius-icon:22%;--shadow-win:0 0 0 .5px #00000029, 0 24px 60px -12px #0000006b, 0 8px 22px -10px #0000004d;--shadow-win-active:var(--shadow-win);--shadow-win-inactive:0 0 0 .5px #0000001f, 0 6px 18px -6px #00000038;--tl-idle:#d1d1d6;--island-w:126px;--island-h:37px;--island-top:11px}.dark{--glass-bar:#1c1c2099;--glass-menu:#28282edb;--window-bg:#222228d1;--surface:#1b1b20;--window-head:#3c3c4480;--hover-strong:#ffffff24;--dock-bg:#2828306b;--mica-win:#202020c7}@supports (color:color-mix(in lab, red, red)){.dark{--mica-win:color-mix(in srgb, #202020c7 90%, var(--os-accent) 10%)}}.dark{--shadow-win:0 0 0 .5px #0009, 0 28px 70px -12px #000000b3, 0 8px 22px -10px #0000008c, inset 0 0 0 .5px #ffffff1f;--tl-idle:#4f4f55}.glass{-webkit-backdrop-filter:blur(calc(var(--blur) * var(--glass-enabled,1))) saturate(var(--saturate,180%));backdrop-filter:blur(calc(var(--blur) * var(--glass-enabled,1))) saturate(var(--saturate,180%))}::selection{background:var(--os-accent)}@supports (color:color-mix(in lab, red, red)){::selection{background:color-mix(in oklab, var(--os-accent) 30%, transparent)}}.os-menu{background:var(--glass-menu);border-radius:10px;padding:4px;font-size:13px}.os-menu [data-slot=dropdown-menu-item]{border-radius:5px;min-height:22px;padding-block:2px}.os-menu [data-slot=dropdown-menu-item]:focus{background:var(--os-accent);color:#fff}.os-menu [data-slot=dropdown-menu-item]:focus [data-slot=dropdown-menu-shortcut]{color:inherit}.os-menu button:not(:disabled):hover,.os-menu button:not(:disabled):focus{background:var(--os-accent);color:#fff}[data-shell=ios] .icon-tile{box-shadow:none;border-radius:0;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath d='M1 .5 L.998 .721 L.993 .791 L.984 .84 L.972 .879 L.956 .91 L.935 .935 L.91 .956 L.879 .972 L.84 .984 L.791 .993 L.721 .998 L.5 1 L.279 .998 L.209 .993 L.16 .984 L.121 .972 L.09 .956 L.065 .935 L.044 .91 L.028 .879 L.016 .84 L.007 .791 L.002 .721 L0 .5 L.002 .279 L.007 .209 L.016 .16 L.028 .121 L.044 .09 L.065 .065 L.09 .044 L.121 .028 L.16 .016 L.209 .007 L.279 .002 L.5 0 L.721 .002 L.791 .007 L.84 .016 L.879 .028 L.91 .044 L.935 .065 L.956 .09 L.972 .121 L.984 .16 L.993 .209 L.998 .279 Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath d='M1 .5 L.998 .721 L.993 .791 L.984 .84 L.972 .879 L.956 .91 L.935 .935 L.91 .956 L.879 .972 L.84 .984 L.791 .993 L.721 .998 L.5 1 L.279 .998 L.209 .993 L.16 .984 L.121 .972 L.09 .956 L.065 .935 L.044 .91 L.028 .879 L.016 .84 L.007 .791 L.002 .721 L0 .5 L.002 .279 L.007 .209 L.016 .16 L.028 .121 L.044 .09 L.065 .065 L.09 .044 L.121 .028 L.16 .016 L.209 .007 L.279 .002 L.5 0 L.721 .002 L.791 .007 L.84 .016 L.879 .028 L.91 .044 L.935 .065 L.956 .09 L.972 .121 L.984 .16 L.993 .209 L.998 .279 Z'/%3E%3C/svg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}[data-shell=android] .icon-tile{box-shadow:0 0 0 .5px rgba(0, 0, 0, calc(.1 * var(--icon-plate,1))), 0 1px 2px #0000004d}[data-shell=android]{--m3-primary-container:var(--os-accent)}@supports (color:color-mix(in lab, red, red)){[data-shell=android]{--m3-primary-container:color-mix(in oklch, var(--os-accent) 30%, white)}}[data-shell=android]{--m3-on-primary-container:var(--os-accent)}@supports (color:color-mix(in lab, red, red)){[data-shell=android]{--m3-on-primary-container:color-mix(in oklch, var(--os-accent) 65%, black)}}[data-shell=android]{--m3-surface-container:var(--os-accent)}@supports (color:color-mix(in lab, red, red)){[data-shell=android]{--m3-surface-container:color-mix(in oklch, var(--os-accent) 6%, var(--background))}}[data-shell=android].dark{--m3-primary-container:var(--os-accent)}@supports (color:color-mix(in lab, red, red)){[data-shell=android].dark{--m3-primary-container:color-mix(in oklch, var(--os-accent) 35%, black)}}[data-shell=android].dark{--m3-on-primary-container:var(--os-accent)}@supports (color:color-mix(in lab, red, red)){[data-shell=android].dark{--m3-on-primary-container:color-mix(in oklch, var(--os-accent) 30%, white)}}[data-shell=android].dark{--m3-surface-container:var(--os-accent)}@supports (color:color-mix(in lab, red, red)){[data-shell=android].dark{--m3-surface-container:color-mix(in oklch, var(--os-accent) 10%, var(--background))}}@layer base{.os-accent-icons svg[viewBox="0 0 256 256"]{color:var(--os-accent)}}
