: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}}.d-header .wrap{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}.d-header .wrap::before,.d-header .wrap::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}.d-header .wrap::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}.d-header .wrap::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))){.d-header .wrap{background:var(--lg-sheen),linear-gradient(180deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.1))}}.d-header .wrap{margin-top:.5rem;margin-bottom:.5rem;padding-inline:.75rem;align-items:center}.d-header .contents,.d-header .panel{background:none;box-shadow:none}.navigation-container .nav-pills>li>a{border-radius:var(--lg-radius-pill);padding-inline:.85rem;padding-block:.35rem;border:1px solid rgba(0,0,0,0);background:rgba(0,0,0,0)}.navigation-container .nav-pills>li>a.active,.navigation-container .nav-pills>li>a:hover{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}.navigation-container .nav-pills>li>a.active::before,.navigation-container .nav-pills>li>a.active::after,.navigation-container .nav-pills>li>a:hover::before,.navigation-container .nav-pills>li>a:hover::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}.navigation-container .nav-pills>li>a.active::before,.navigation-container .nav-pills>li>a:hover::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}.navigation-container .nav-pills>li>a.active::after,.navigation-container .nav-pills>li>a:hover::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))){.navigation-container .nav-pills>li>a.active,.navigation-container .nav-pills>li>a:hover{background:var(--lg-sheen),linear-gradient(180deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.1))}}.navigation-container .nav-pills>li>a.active,.navigation-container .nav-pills>li>a:hover{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)}.navigation-container .nav-pills>li>a.active:hover,.navigation-container .nav-pills>li>a:hover: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}.navigation-container .nav-pills>li>a.active:active,.navigation-container .nav-pills>li>a:hover:active{transform:translateY(0)}@media(prefers-reduced-motion: reduce){.navigation-container .nav-pills>li>a.active,.navigation-container .nav-pills>li>a:hover{transition:none}}.navigation-container .nav-pills>li>a.active,.navigation-container .nav-pills>li>a:hover{color:var(--primary-high)}.list-controls .combo-box .combo-box-header{border-radius:var(--lg-radius-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}.list-controls .combo-box .combo-box-header::before,.list-controls .combo-box .combo-box-header::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}.list-controls .combo-box .combo-box-header::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}.list-controls .combo-box .combo-box-header::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))){.list-controls .combo-box .combo-box-header{background:var(--lg-sheen),linear-gradient(180deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.1))}}.list-controls .combo-box .combo-box-header{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)}.list-controls .combo-box .combo-box-header: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}.list-controls .combo-box .combo-box-header:active{transform:translateY(0)}@media(prefers-reduced-motion: reduce){.list-controls .combo-box .combo-box-header{transition:none}}.list-controls .combo-box .combo-box-header{padding-inline:.75rem;padding-block:.25rem}.composer-popup{border-radius:20px;box-shadow:none}.d-editor-container{position:relative;overflow:hidden;border-radius:20px;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}.d-editor-container::before,.d-editor-container::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}.d-editor-container::before{inset:1px;border-radius:calc(20px - 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}.d-editor-container::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))){.d-editor-container{background:var(--lg-sheen),linear-gradient(180deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.1))}}.d-editor-button-bar{background:rgba(0,0,0,0);border-bottom:1px solid hsla(0,0%,100%,.18)}.liquid-glass-banner{margin:.5rem auto 0;padding:.35rem .75rem;width:fit-content;font-size:.85em;color:var(--primary-high);text-align:center}
/*# sourceMappingURL=desktop_theme_194_217fc90bb843d55073a5432e14fb2b7b0ef1d963.css.map?__ws=dev.story.pub */