:root{--lg-radius: 22px;--lg-radius-pill: 999px;--lg-blur: 18px;--lg-sat: 1.8;--lg-tint-rgb: 255, 255, 255;--lg-fill: rgba(var(--lg-tint-rgb), 0.12);--lg-fill-strong: rgba(var(--lg-tint-rgb), 0.18);--lg-stroke: rgba(255, 255, 255, 0.24);--lg-stroke-strong: rgba(255, 255, 255, 0.42);--lg-shadow: 0 10px 30px rgba(0, 0, 0, 0.14), 0 1px 0 rgba(255, 255, 255, 0.18) inset, 0 -1px 0 rgba(255, 255, 255, 0.06) inset;--lg-highlight: linear-gradient( 180deg, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0.18) 16%, rgba(255, 255, 255, 0.08) 34%, rgba(255, 255, 255, 0.02) 60%, rgba(255, 255, 255, 0.10) 100% );--lg-sheen: radial-gradient( 120% 90% at 12% 0%, rgba(255, 255, 255, 0.58) 0%, rgba(255, 255, 255, 0.16) 24%, rgba(255, 255, 255, 0) 56% );--lg-bottom-caustic: radial-gradient( 140% 100% at 50% 120%, rgba(255, 255, 255, 0.26) 0%, rgba(255, 255, 255, 0.08) 28%, rgba(255, 255, 255, 0) 62% )}html.dark,[data-theme=dark]{--lg-fill: rgba(255, 255, 255, 0.08);--lg-fill-strong: rgba(255, 255, 255, 0.11);--lg-stroke: rgba(255, 255, 255, 0.16);--lg-stroke-strong: rgba(255, 255, 255, 0.28);--lg-shadow: 0 12px 36px rgba(0, 0, 0, 0.34), 0 1px 0 rgba(255, 255, 255, 0.10) inset, 0 -1px 0 rgba(255, 255, 255, 0.04) inset}.liquid-glass{position:relative;overflow:hidden;border-radius:var(--lg-radius);border:1px solid var(--lg-stroke);background:var(--lg-sheen),var(--lg-bottom-caustic),var(--lg-highlight),linear-gradient(180deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.07)),var(--lg-fill);backdrop-filter:blur(var(--lg-blur)) saturate(var(--lg-sat));-webkit-backdrop-filter:blur(var(--lg-blur)) saturate(var(--lg-sat));box-shadow:var(--lg-shadow);isolation:isolate}.liquid-glass::before,.liquid-glass::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}.liquid-glass::before{inset:1px;border-radius:calc(var(--lg-radius) - 1px);background:radial-gradient(100% 60% at 16% 0%, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.06) 35%, transparent 60%),linear-gradient(180deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.02) 30%, transparent 60%);mix-blend-mode:screen;opacity:.9}.liquid-glass::after{border:1px solid hsla(0,0%,100%,.1);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.28),inset 0 -8px 18px hsla(0,0%,100%,.04)}@supports not (((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) or (-webkit-backdrop-filter: blur(1px))){.liquid-glass{background:var(--lg-sheen),linear-gradient(180deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.1))}}.liquid-glass--pill{position:relative;overflow:hidden;border-radius:var(--lg-radius-pill);border:1px solid var(--lg-stroke);background:var(--lg-sheen),var(--lg-bottom-caustic),var(--lg-highlight),linear-gradient(180deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.07)),var(--lg-fill);backdrop-filter:blur(var(--lg-blur)) saturate(var(--lg-sat));-webkit-backdrop-filter:blur(var(--lg-blur)) saturate(var(--lg-sat));box-shadow:var(--lg-shadow);isolation:isolate}.liquid-glass--pill::before,.liquid-glass--pill::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}.liquid-glass--pill::before{inset:1px;border-radius:calc(var(--lg-radius-pill) - 1px);background:radial-gradient(100% 60% at 16% 0%, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.06) 35%, transparent 60%),linear-gradient(180deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.02) 30%, transparent 60%);mix-blend-mode:screen;opacity:.9}.liquid-glass--pill::after{border:1px solid hsla(0,0%,100%,.1);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.28),inset 0 -8px 18px hsla(0,0%,100%,.04)}@supports not (((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) or (-webkit-backdrop-filter: blur(1px))){.liquid-glass--pill{background:var(--lg-sheen),linear-gradient(180deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.1))}}.liquid-glass--interactive{transition:transform 180ms cubic-bezier(0.2, 0.8, 0.2, 1),box-shadow 180ms cubic-bezier(0.2, 0.8, 0.2, 1),border-color 180ms cubic-bezier(0.2, 0.8, 0.2, 1),background-color 180ms cubic-bezier(0.2, 0.8, 0.2, 1)}.liquid-glass--interactive:hover{transform:translateY(-1px);border-color:var(--lg-stroke-strong);box-shadow:0 16px 34px rgba(0,0,0,.18),0 1px 0 hsla(0,0%,100%,.22) inset,0 -1px 0 hsla(0,0%,100%,.06) inset}.liquid-glass--interactive:active{transform:translateY(0)}@media(prefers-reduced-motion: reduce){.liquid-glass--interactive{transition:none}}
/*# sourceMappingURL=common_theme_226_efa1cf97904d6c894d71507169337486ac1c8b08.css.map?__ws=noobish.me */