@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:400;src:url(roboto-cyrillic-ext-400-normal.4a6731f3.woff2)format("woff2"),url(roboto-cyrillic-ext-400-normal.9e5f5f71.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:400;src:url(roboto-cyrillic-400-normal.7fcd20c0.woff2)format("woff2"),url(roboto-cyrillic-400-normal.479fcbeb.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:400;src:url(roboto-greek-ext-400-normal.0c05310b.woff2)format("woff2"),url(roboto-greek-ext-400-normal.4350546f.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:400;src:url(roboto-greek-400-normal.9ccd1423.woff2)format("woff2"),url(roboto-greek-400-normal.944e2380.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:400;src:url(roboto-math-400-normal.fc0cc277.woff2)format("woff2"),url(roboto-math-400-normal.6107afc7.woff)format("woff");unicode-range:U+302-303,U+305,U+307-308,U+310,U+312,U+315,U+31A,U+326-327,U+32C,U+32F-330,U+332-333,U+338,U+33A,U+346,U+34D,U+391-3A1,U+3A3-3A9,U+3B1-3C9,U+3D1,U+3D5-3D6,U+3F0-3F1,U+3F4-3F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE??}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:400;src:url(roboto-symbols-400-normal.8b54171f.woff2)format("woff2"),url(roboto-symbols-400-normal.ec9a1b1b.woff)format("woff");unicode-range:U+1-C,U+E-1F,U+7F-9F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+28??,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B??,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F0??,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F7??,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB??}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:400;src:url(roboto-vietnamese-400-normal.ab110f83.woff2)format("woff2"),url(roboto-vietnamese-400-normal.eaf4b9e0.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:400;src:url(roboto-latin-ext-400-normal.b16c6219.woff2)format("woff2"),url(roboto-latin-ext-400-normal.5180442e.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:400;src:url(roboto-latin-400-normal.7014c08d.woff2)format("woff2"),url(roboto-latin-400-normal.d05ce739.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@keyframes loading-icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#app>.main-loading{justify-content:center;align-items:center;width:100vw;height:100vh;font-size:3em;display:flex}#app>.main-loading p{text-align:center;width:5em;height:5em;margin-top:2.5em;position:relative}#app>.main-loading p .loading-icon{border:2px solid var(--text-color);border-top:2px solid #0000;border-radius:50%;width:100%;min-width:1em;height:100%;min-height:1em;animation:1s linear infinite loading-icon-spin;display:inline-block;position:absolute;top:-1.75em;left:0}#preview-container{z-index:calc(var(--z-index-preview));background-color:var(--primary-color);--sidebar-width:12em;flex-direction:row;display:flex;position:fixed;inset:0;overflow:auto}#preview-container .controls{background-color:var(--background-color);width:var(--sidebar-width);background:linear-gradient(to left,#171717cc 0%,var(--background-color)2%);flex-direction:column;padding:1em;display:flex}#preview-container .controls .top{flex-direction:column;flex:1;gap:1em;display:flex}#preview-container .controls .top .mode{justify-content:space-around;display:flex}#preview-container .controls .top .mode span{cursor:pointer;align-items:center;display:flex}#preview-container .controls .top .mode span:hover svg,#preview-container .controls .top .mode span.active svg{stroke:var(--accent-color)}#preview-container .controls .top .mode span svg{stroke:var(--text-color);width:36px;height:36px;transition:stroke .2s}#preview-container .controls .top .mode span .phone{transition:transform .2s}#preview-container .controls .top .mode span.landscape .phone{transform:rotate(90deg)}#preview-container .controls .top .mode span span.flip{opacity:0;width:18px;height:18px;margin-left:5px;transition:opacity .2s}#preview-container .controls .top .mode span span.flip svg{stroke:var(--text-color)}#preview-container .controls .top .mode span span.flip:hover svg{stroke:var(--accent-color)}#preview-container .controls .top .mode span .phone:hover~.flip,#preview-container .controls .top .mode span .flip:hover{opacity:1}#preview-container .controls .top .colors{flex-direction:column;gap:1em;display:flex}#preview-container .controls .top .colors .palettes{flex-flow:wrap;gap:.5em;display:flex}#preview-container .controls .top .colors .palettes .palette-item{cursor:pointer;transition:transform .2s}#preview-container .controls .top .colors .palettes .palette-item:hover{transform:scale(.97)}#preview-container .controls .top .colors .palettes .palette-item span{width:1em;height:1em;display:inline-block}#preview-container .controls .top .colors .palettes .palette-item span:first-child{border-radius:5px 0 0 5px}#preview-container .controls .top .colors .palettes .palette-item span:last-child{border-radius:0 5px 5px 0}#preview-container .controls .top .colors .color-variables{grid-template-columns:auto auto;gap:.5em 1em;display:grid}#preview-container .controls .top .colors .color-variables input{width:1em;height:1em}#preview-container .controls .button{width:100%}#preview-container .iframe-container{aspect-ratio:1280/1024;width:calc(100vw - var(--sidebar-width));left:var(--sidebar-width);opacity:0;min-width:50em;max-height:100vh;transition:opacity .5s;position:absolute;top:50%;overflow:hidden;transform:translateY(-50%)}#preview-container .iframe-container.ready{opacity:1}#preview-container .iframe-container iframe{border:none;width:100%;height:100%}#preview-container .iframe-container .mobile-outline-container{aspect-ratio:1/2;background:#000;border:.5em solid #000;border-radius:2em;outline:.2em solid gray;margin:1em auto;transition:transform .2s,height .2s,max-height .2s;position:relative;box-shadow:0 0 15px #000}#preview-container .iframe-container .mobile-outline-container.portrait{height:95vh}#preview-container .iframe-container .mobile-outline-container.landscape{height:calc(95vw - var(--sidebar-width));max-height:150vh;transform:translateY(-20%)rotate(90deg)}#preview-container .iframe-container .mobile-outline-container.landscape iframe{writing-mode:vertical-lr;transform-origin:0 0;width:200%;height:50%;transform:rotate(-90deg)translate(-100%)}#preview-container .iframe-container .mobile-outline-container .mobile-outline-content{border-radius:5px;height:calc(100% - 2.5em);margin:1.5em .5em;overflow:hidden}#preview-container .iframe-container .mobile-outline-container .top{text-align:center;width:100%;height:1.25em;position:absolute;top:0}#preview-container .iframe-container .mobile-outline-container .top .camera-container{background:#000;border-radius:0 0 2em 2em;gap:.5em;width:60%;height:100%;margin:auto;padding-top:.15em;display:flex}#preview-container .iframe-container .mobile-outline-container .top .camera-container .big-line{background:gray;border-radius:.25em;flex:1;height:.5em;margin:0 0 .25em .75em}#preview-container .iframe-container .mobile-outline-container .top .camera-container .dot{background:gray;border-radius:.25em;width:.5em;height:.5em;margin:0 .75em 0 0}.toast-container{z-index:var(--z-index-toaster)}.toast-container .toast{background:var(--background-color);color:var(--text-color);outline:1px solid var(--background-color);border:1px solid var(--primary-color);border-radius:3px}#preview-container .controls .button.publishing{background-blend-mode:darken;background-color:#0009;background-image:repeating-linear-gradient(-45deg,var(--accent-color),var(--accent-color)10px,var(--primary-color)10px,var(--primary-color)20px);will-change:background-position;background-size:200% 100%;animation:3s linear infinite indeterminate}@keyframes indeterminate{0%{background-position:100%}to{background-position:0}}#preview-container .controls .button.progress{background-image:linear-gradient(to right,var(--accent-color)50%,var(--primary-color)50%);background-position:0%;background-size:200%;transition:background-position .5s}#published-modal{width:20em;padding:0}#published-modal .header{background-color:var(--primary-color);--form-primary-color:var(--background-color);--form-secondary-color:var(--primary-color);border-radius:5px 5px 0 0;justify-content:center;align-items:center;gap:1em;width:100%;height:3em;padding:0 1em;display:flex;position:relative;box-shadow:0 1px 2px #0003;container-type:inline-size}#published-modal .header h1,#published-modal .header h2{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#published-modal .header h1{font-size:1.1em}#published-modal .header .button{margin:.5em 0;padding:.5em 1em}#published-modal .header .header-actions{align-items:center;gap:1em;display:flex}#published-modal .content{padding:1em 1.5em 1.5em}#published-modal .content p{margin-bottom:.5em}#published-modal .content a{color:var(--accent-color)}#published-modal .content a:hover{text-decoration:underline}#content>.analytics-component{flex-direction:column;max-width:50em;display:flex}#content>.analytics-component>.header{background-color:var(--primary-color);--form-primary-color:var(--background-color);--form-secondary-color:var(--primary-color);border-radius:5px 5px 0 0;justify-content:space-between;align-items:center;gap:1em;width:100%;height:3em;padding:0 1em;display:flex;box-shadow:0 1px 2px #0003;container-type:inline-size}#content>.analytics-component>.header h1,#content>.analytics-component>.header h2{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#content>.analytics-component>.header h1{font-size:1.1em}#content>.analytics-component>.header .button{margin:.5em 0;padding:.5em 1em}#content>.analytics-component>.header .header-actions{align-items:center;gap:1em;display:flex}#content>.analytics-component>.header .select-component{--select-primary-color:var(--background-color)}#content>.analytics-component .content{--pie-chart-size:10em;flex-direction:column;gap:1em;display:flex}#content>.analytics-component .content .totals{background-color:var(--primary-color-darker);border-radius:0 0 5px;justify-content:space-between;padding:1em;display:flex}#content>.analytics-component .content .totals>div{flex-direction:column;align-items:center;min-width:4em;display:flex}#content>.analytics-component .content .totals>div .loading-icon{width:1.8em;height:1.8em;margin-top:.4em}#content>.analytics-component .content .totals>div .label{font-size:1em}#content>.analytics-component .content .totals>div .count{font-size:2em}#content>.analytics-component .content .lists{grid-template-columns:repeat(auto-fit,minmax(20em,1fr));grid-auto-rows:20em;gap:1em;display:grid}#content>.analytics-component .content .lists .list{background-color:var(--primary-color-darker);border-radius:0 0 5px;flex-direction:column;height:100%;padding:0;display:flex}#content>.analytics-component .content .lists .list .header{background-color:var(--primary-color);border-radius:5px 5px 0 0;align-items:center;padding:0 1rem;font-size:.8em;display:flex;overflow:hidden}#content>.analytics-component .content .lists .list .header span:first-child{width:100%;padding:1em 0}#content>.analytics-component .content .lists .list .data{flex:1;overflow:auto}#content>.analytics-component .content .lists .list .data .item{background-color:var(--accent-color);background-image:linear-gradient(to right,var(--accent-color-light)50%,var(--primary-color-darker)50%);background-size:200%;background-position:var(--progress);border-bottom:1px solid var(--primary-color);border-bottom:1px solid var(--primary-color);padding:.5em 1em;display:flex}#content>.analytics-component .content .lists .list .data .item span:first-child{flex:1}#content>.analytics-component .content .lists .list .data .item span:last-child{text-align:right}#content>.analytics-component .content .device-types{background-color:var(--primary-color-darker);--desktop-color:var(--primary-color);--mobile-color:var(--text-color);--tablet-color:var(--accent-color-light);border-radius:0 0 5px;padding:0 0 1em}#content>.analytics-component .content .device-types path[name=desktop],#content>.analytics-component .content .device-types .legend .desktop{fill:var(--desktop-color);background:var(--desktop-color)}#content>.analytics-component .content .device-types path[name=mobile],#content>.analytics-component .content .device-types .legend .mobile{fill:var(--mobile-color);background:var(--mobile-color)}#content>.analytics-component .content .device-types path[name=tablet],#content>.analytics-component .content .device-types .legend .tablet{fill:var(--tablet-color);background:var(--tablet-color)}#content>.analytics-component .content .device-types .legend{justify-content:center;gap:1em;display:flex}#content>.analytics-component .content .device-types .legend li{align-items:center;gap:.5em;display:flex}#content>.analytics-component .content .device-types .legend li span{width:.5em;height:.5em;display:inline-block}#content>.analytics-component .content .device-types .tooltip{background-color:var(--primary-color-darker);border:.5px solid var(--accent-color-light);border-radius:3px;padding:1em;font-size:.9em}#content>.analytics-component .content .timeseries-chart{--views-color:var(--primary-color);--visitors-color:var(--text-color);--bounce-rate-color:var(--accent-color);background-color:var(--primary-color-darker);border-radius:0 0 5px;padding:1.5em 1em .5em;transition:all .5s}#content>.analytics-component .content .timeseries-chart.active{min-height:20em;max-height:20em}#content>.analytics-component .content .timeseries-chart:not(.active){min-height:0;max-height:0;margin-bottom:-1em;padding:0}#content>.analytics-component .content .timeseries-chart .tooltip{background-color:var(--primary-color-darker);border:.5px solid var(--accent-color-light);border-radius:3px;padding:1em;font-size:.9em}#content>.analytics-component .content .timeseries-chart .tooltip h1{margin-bottom:1em;font-weight:700}#content>.analytics-component .content .timeseries-chart .tooltip .counts{grid-template-columns:auto auto;gap:.25em .5em;display:grid}#content>.analytics-component .content .timeseries-chart .tooltip .legend{align-items:center;gap:.5em;display:flex}#content>.analytics-component .content .timeseries-chart .tooltip .legend:before{content:"";border-radius:50%;width:.5em;height:.5em;display:inline-block}#content>.analytics-component .content .timeseries-chart .tooltip .legend.views:before{background-color:var(--views-color)}#content>.analytics-component .content .timeseries-chart .tooltip .legend.visitors:before{background-color:var(--visitors-color)}#content>.analytics-component .content .timeseries-chart .tooltip .legend.bounce-rate:before{background-color:var(--bounce-rate-color)}#content>.analytics-component .content .timeseries-chart .count-views .recharts-area-area{fill:var(--views-color)}#content>.analytics-component .content .timeseries-chart .count-views .recharts-area-curve{stroke:var(--views-color)}#content>.analytics-component .content .timeseries-chart .count-visitors .recharts-area-area{fill:var(--visitors-color)}#content>.analytics-component .content .timeseries-chart .count-visitors .recharts-area-curve{stroke:var(--visitors-color)}#content>.analytics-component .content .timeseries-chart .count-bounce-rate .recharts-line-curve{stroke:var(--bounce-rate-color)}#login-modal{flex-direction:column;align-items:center;width:20em;padding:0;display:flex}#login-modal .header{background-color:var(--primary-color);--form-primary-color:var(--background-color);--form-secondary-color:var(--primary-color);border-radius:5px 5px 0 0;align-items:center;gap:1em;width:100%;height:3em;padding:0 1em;display:flex;box-shadow:0 1px 2px #0003;container-type:inline-size}#login-modal .header h1,#login-modal .header h2{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#login-modal .header h1{font-size:1.1em}#login-modal .header .button{margin:.5em 0;padding:.5em 1em}#login-modal .header .header-actions{align-items:center;gap:1em;display:flex}#login-modal .error{color:var(--error-color)}#login-modal .form{width:100%;padding:1.5em}#login-modal .form span.action{color:var(--accent-color);cursor:pointer}#login-modal .form span.action:hover{text-decoration:underline}#login-modal .form .controls{justify-content:space-between;align-items:center;gap:1em;display:flex}#login-modal .form .controls button{width:6em}@container (width<45rem){.non-critical-element{display:none!important}}@media (width<=46rem){#content{--padding-left:2rem}}@media (width>=46rem){#content{--padding-left:.5rem}}@keyframes phoetic-kf-fade-in-out{0%{opacity:.8}to{opacity:1}}:root{--active-menu-item-index:0;--menu-width:10rem;--menu-item-height:3rem;--expand-handle-width:1rem;--shadow-width:10px}@media (width<=46rem){#menu{z-index:calc(var(--z-index-menu) + 2);height:100%;transition:left .15s ease-in-out;position:absolute}#menu:not(.expanded){left:calc(var(--expand-handle-width) - var(--menu-width) + var(--shadow-width));padding-right:var(--expand-handle-width);overflow:hidden}#menu.expanded{left:0}#menu.expanded .expand-handle{opacity:0}#menu .expand-handle{align-items:center;height:100%;transition:all .25s;display:flex;position:absolute;right:.4em}#menu .expand-handle svg{margin-top:calc(50% - var(--expand-handle-width))}#menu .active-indicator{display:none!important}.menu-overlay-toggle{z-index:calc(var(--z-index-menu) + 2);position:fixed;inset:0}}@media (width>=46rem){#menu{position:relative}#menu .expand-handle{display:none}}#menu{width:var(--menu-width);-webkit-user-select:none;user-select:none;overflow:auto}#menu .main-menu,#menu .settings-menu{width:calc(var(--menu-width) - var(--shadow-width));background-color:var(--primary-color);flex-direction:column;min-height:100vh;transition:opacity .25s;display:flex;position:absolute;box-shadow:1px 0 8px #0003}#menu .main-menu{gap:1em}#menu .main-menu .actions{flex:1}#menu .main-menu:has(+.settings-menu.active),#menu .settings-menu{opacity:0;pointer-events:none}#menu .settings-menu nav{flex:1}#menu .settings-menu.active{opacity:1;pointer-events:all}#menu nav{flex-direction:column;font-size:1.1em;display:flex;position:relative}#menu nav a{line-height:var(--menu-item-height);height:var(--menu-item-height);padding:0 1em;text-decoration:none;transition:color .25s;display:inline-block;position:relative}#menu nav a:hover{color:var(--accent-color)}#menu nav a .label{z-index:calc(var(--z-index-menu) + 1);position:absolute}#menu nav .active-indicator{z-index:var(--z-index-menu);transform:translateY(calc(var(--active-menu-item-index)*var(--menu-item-height)));height:var(--menu-item-height);line-height:var(--menu-item-height);width:calc(var(--menu-width) - var(--shadow-width));background-color:var(--background-color);transition:transform .25s;position:absolute;left:0;box-shadow:inset 0 10px 5px -10px #0003,inset 0 -10px 5px -10px #0003}#menu nav .active-indicator:after{content:"";background-color:var(--background-color);left:calc(var(--menu-width) - var(--shadow-width));width:var(--shadow-width);position:absolute;top:0;bottom:0}#menu .actions{flex-direction:column;justify-content:space-between;align-items:center;gap:1em;padding:0 1em 1em;display:flex}#menu .actions button{--form-primary-color:var(--background-color);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;text-align:center;background-color:var(--form-primary-color,var(--primary-color));border:none;border-radius:5px;width:100%;padding:.75em 1em;font-size:1em;transition:background-color .25s}#menu .actions button:hover,#menu .actions button:focus{background-color:var(--accent-color)}#menu .actions button.secondary-action{background-color:var(--form-primary-color,var(--primary-color))}#menu .actions button.secondary-action:hover,#menu .actions button.secondary-action:focus{background-color:var(--accent-color-light)}#menu .actions button.destructive-action{background-color:var(--form-secondary-color,var(--background-color))}#menu .actions button.destructive-action:hover,#menu .actions button.destructive-action:focus{background-color:var(--accent-color-lightest)}#menu .actions button.delete{background-color:var(--form-secondary-color,var(--background-color));color:var(--error-color)}#menu .actions button.delete:hover,#menu .actions button.delete:focus{background-color:var(--form-primary-color,var(--primary-color))}#menu .actions button.disabled,#menu .actions button:disabled{color:var(--form-secondary-color,var(--background-color));cursor:none}#menu .actions button.disabled:hover,#menu .actions button.disabled:focus,#menu .actions button:disabled:hover,#menu .actions button:disabled:focus{background-color:var(--form-primary-color,var(--primary-color))}.photo-popover{width:100vw;height:100vh;z-index:var(--z-index-popover);place-content:center;display:grid;position:fixed;top:0;left:0}.photo-popover:before{content:"";background-color:#000000f7;position:absolute;inset:0}.photo-popover .photo-popover-image-container{grid-template-areas:"area";place-items:center;display:grid;position:relative}.photo-popover .photo-popover-image-container .photo-popover-placeholder,.photo-popover .photo-popover-image-container .final-img{object-fit:contain;grid-area:area;width:100%;height:100%;transition:opacity .25s}.photo-popover .photo-popover-image-container .photo-popover-placeholder{opacity:1;z-index:var(--z-index-popover)}.photo-popover .photo-popover-image-container .final-img{opacity:0;z-index:calc(var(--z-index-popover) + 1)}.photo-popover .photo-popover-image-container .photo-popover-placeholder:before{content:"";background-image:var(--bg-img-placeholder);background-position:50%;background-repeat:no-repeat;background-size:cover;animation:.75s linear infinite alternate phoetic-kf-fade-in-out;position:absolute;inset:0}.photo-popover .photo-popover-image-container .photo-popover-placeholder:after{content:"";backdrop-filter:blur(20px);transition:backdrop-filter .25s;position:absolute;inset:0}.photo-popover .thumbnail-loader{opacity:0;pointer-events:none;position:absolute}.photo-popover.loaded-thumbnail .photo-popover-image-container .photo-popover-placeholder:before,.photo-popover.loaded .photo-popover-image-container .photo-popover-placeholder:before{background-image:var(--bg-img-thumbnail)}.photo-popover.loaded-thumbnail .photo-popover-image-container .photo-popover-placeholder:after,.photo-popover.loaded .photo-popover-image-container .photo-popover-placeholder:after{backdrop-filter:blur(5px)}.photo-popover.loaded .photo-popover-image-container .photo-popover-placeholder:after{animation:none}.photo-popover.loaded .final-img{opacity:1}#content>.section-photos{flex-direction:column;flex:1;gap:1em;width:100%;height:100%;display:flex}#content>.section-photos .header{background-color:var(--primary-color);--form-primary-color:var(--background-color);--form-secondary-color:var(--primary-color);border-radius:5px 5px 0 0;align-items:center;gap:1em;width:100%;height:3em;padding:0 1em;display:flex;box-shadow:0 1px 2px #0003;container-type:inline-size}#content>.section-photos .header h1,#content>.section-photos .header h2{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#content>.section-photos .header h1{font-size:1.1em}#content>.section-photos .header .button{margin:.5em 0;padding:.5em 1em}#content>.section-photos .header .header-actions,#content>.section-photos .header>div{align-items:center;gap:1em;display:flex}#content>.section-photos .header>div .button{padding:.5em 1em}#content>.section-photos .header .upload-and-sort{flex:1;gap:1em;display:flex}#content>.section-photos .header .upload-and-sort input{display:none}#content>.section-photos .header .upload-and-sort .upload-button{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;text-align:center;background-color:var(--form-primary-color,var(--primary-color));border:none;border-radius:5px;width:fit-content;padding:.5em 1em;font-size:1em;transition:background-color .25s}#content>.section-photos .header .upload-and-sort .upload-button:hover,#content>.section-photos .header .upload-and-sort .upload-button:focus{background-color:var(--accent-color)}#content>.section-photos .header .upload-and-sort .upload-button.secondary-action{background-color:var(--form-primary-color,var(--primary-color))}#content>.section-photos .header .upload-and-sort .upload-button.secondary-action:hover,#content>.section-photos .header .upload-and-sort .upload-button.secondary-action:focus{background-color:var(--accent-color-light)}#content>.section-photos .header .upload-and-sort .upload-button.destructive-action{background-color:var(--form-secondary-color,var(--background-color))}#content>.section-photos .header .upload-and-sort .upload-button.destructive-action:hover,#content>.section-photos .header .upload-and-sort .upload-button.destructive-action:focus{background-color:var(--accent-color-lightest)}#content>.section-photos .header .upload-and-sort .upload-button.delete{background-color:var(--form-secondary-color,var(--background-color));color:var(--error-color)}#content>.section-photos .header .upload-and-sort .upload-button.delete:hover,#content>.section-photos .header .upload-and-sort .upload-button.delete:focus{background-color:var(--form-primary-color,var(--primary-color))}#content>.section-photos .header .upload-and-sort .upload-button.disabled,#content>.section-photos .header .upload-and-sort .upload-button:disabled{color:var(--form-secondary-color,var(--background-color));cursor:none}#content>.section-photos .header .upload-and-sort .upload-button.disabled:hover,#content>.section-photos .header .upload-and-sort .upload-button.disabled:focus,#content>.section-photos .header .upload-and-sort .upload-button:disabled:hover,#content>.section-photos .header .upload-and-sort .upload-button:disabled:focus{background-color:var(--form-primary-color,var(--primary-color))}#content>.section-photos .photo-list-component{flex:1;overflow:auto}#confirmation-modal.chonky-delete-photos-modal{width:30em}#confirmation-modal.chonky-delete-photos-modal .body{line-height:1.5em}#confirmation-modal.chonky-delete-photos-modal .body strong{color:var(--error-color);font-size:1.1em;font-weight:700}#confirmation-modal.chonky-delete-photos-modal .body ul{padding-left:2em;list-style:outside}.swapping-actions{grid-template-areas:"area";display:grid}.swapping-actions>*{flex:1;grid-area:area;max-width:100%;transition:all .15s,background-color .15s!important}.swapping-actions>div{container-type:inline-size}.swapping-actions>:not(.active){opacity:0;pointer-events:none;display:none!important}.swapping-actions>.active{opacity:1;pointer-events:all}@starting-style{[popover]:popover-open{opacity:0}.swapping-actions>*{opacity:0!important}}.photo-list-component{grid-template-columns:repeat(auto-fit,minmax(10em,1fr));gap:.5em 1em;width:100%;transition:opacity .25s;display:grid;position:relative}.photo-list-component .photo{flex-direction:column;align-items:center;gap:0 .25em;display:flex;position:relative}.photo-list-component .photo p{text-align:center;opacity:0;width:100%;padding:.25em 0;transition:opacity .25s}.photo-list-component .photo:hover p,.photo-list-component .photo .selected+p{opacity:1}.photo-list-component .photo .selected+p{background-color:var(--primary-color)}.photo-list-component.blink{opacity:0}.container-thumbnail{aspect-ratio:1;cursor:pointer;border-radius:3px;grid-template-areas:"area";width:min(15em,100%);height:auto;display:grid;position:relative}.container-thumbnail .placeholder,.container-thumbnail .img-thumbnail{object-fit:cover;border-radius:3px;grid-area:area;width:100%;height:100%;transition:all .25s}.container-thumbnail .placeholder{z-index:var(--z-index-base)}.container-thumbnail .placeholder:before{content:"";background-image:var(--bg-img);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:3px;animation:.75s linear infinite alternate phoetic-kf-fade-in-out;position:absolute;inset:0}.container-thumbnail .placeholder:after{content:"";backdrop-filter:blur(20px);border-radius:3px;position:absolute;inset:0}.container-thumbnail .img-thumbnail{z-index:calc(var(--z-index-base) + 1);opacity:0}.container-thumbnail.loaded-thumbnail .placeholder:before{animation:none}.container-thumbnail.loaded-thumbnail .img-thumbnail{opacity:1}.container-thumbnail:has(.checkmark):after{content:"";opacity:0;z-index:calc(var(--z-index-base) + 2);background-image:linear-gradient(#00000061,#0000 56px,#0000);border-radius:3px;transition:all .25s;display:block;position:absolute;inset:0}.container-thumbnail:not(:has(.checkmark)):after{content:"";opacity:0;z-index:calc(var(--z-index-base) + 2);border-radius:3px;transition:all .25s;display:block;position:absolute;inset:0;box-shadow:inset 0 0 14px 8px #00000061}.container-thumbnail:hover:after,.container-thumbnail.tapped-active:after{opacity:1!important}.container-thumbnail.outlined .img-thumbnail{border-color:var(--accent-color)}.container-thumbnail.selected{background-color:var(--primary-color)}.container-thumbnail.selected .img-thumbnail{transform:scale(.8)}.container-thumbnail.selected span.checkmark{opacity:1!important}.container-thumbnail span.checkmark{opacity:0;cursor:pointer;z-index:calc(var(--z-index-base) + 3);transition:opacity .25s;position:absolute;top:.25em;left:.25em}.container-thumbnail span.checkmark svg{width:2em;height:2em}.container-thumbnail span.checkmark svg circle{fill:var(--text-color)}.container-thumbnail span.checkmark svg path{stroke:var(--primary-color)}.container-thumbnail span.checkmark:hover,.container-thumbnail.tapped-active span.checkmark{opacity:1!important}.container-thumbnail:hover span.checkmark{opacity:.75}#staged-photos-modal{flex-direction:column;width:35em;min-width:25em;padding:0;display:flex;position:relative}#staged-photos-modal .header-container{background-color:var(--primary-color);--form-primary-color:var(--background-color);--form-secondary-color:var(--primary-color);border-radius:5px 5px 0 0;align-items:center;gap:1em;width:100%;height:3em;padding:0 1em;display:flex;box-shadow:0 1px 2px #0003;container-type:inline-size}#staged-photos-modal .header-container h1,#staged-photos-modal .header-container h2{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#staged-photos-modal .header-container h1{font-size:1.1em}#staged-photos-modal .header-container .button{margin:.5em 0;padding:.5em 1em}#staged-photos-modal .header-container .header-actions{align-items:center;gap:1em;display:flex}#staged-photos-modal .header-container .header{flex:1;justify-content:space-between;align-items:center;display:flex}#staged-photos-modal .header-container .header h1{flex:1}#staged-photos-modal .header-container .upload-in-progress{flex:1;align-items:center;gap:1em;display:flex}#staged-photos-modal .header-container .upload-in-progress .header-actions{flex:1}#staged-photos-modal .header-container .upload-in-progress .progress-bar{border-radius:5px;flex:1;height:2em;padding:0 1em;line-height:2em}#staged-photos-modal .header-container .upload-in-progress .progress-bar:not(.one-done){background-blend-mode:darken;background-color:#0009;background-image:repeating-linear-gradient(-45deg,var(--accent-color),var(--accent-color)10px,var(--primary-color)10px,var(--primary-color)20px);will-change:background-position;background-size:200% 100%;animation:6s linear infinite indeterminate}#staged-photos-modal .header-container .upload-in-progress .progress-bar.one-done{background:linear-gradient(to right,var(--accent-color)50%,var(--background-color)50%);background-position:0%;background-size:200%;transition:background-position .5s}#staged-photos-modal .header-container .upload-in-progress .leave-confirmation{grid-area:area;align-items:center;gap:1em;display:flex}#staged-photos-modal .header-container .upload-in-progress .leave-confirmation span{cursor:pointer;transition:color .15s}#staged-photos-modal .header-container .upload-in-progress .leave-confirmation span:hover{color:var(--accent-color)}#staged-photos-modal .header-container .upload-done{align-items:center;gap:1em;display:flex}#staged-photos-modal .header-container .upload-done h2{flex:1}#staged-photos-modal .header-container .header-actions{--form-primary-color:var(--background-color);--form-secondary-color:var(--primary-color);align-items:center;gap:1em;display:flex}#staged-photos-modal .header-container .header-actions .button{margin:.5em 0;padding:.5em 1em}#staged-photos-modal .staged-photos{flex-direction:column;gap:1em;padding:1.5em;display:flex;overflow:auto}#staged-photos-modal .staged-photos .staged-photo{grid-template-rows:10em;grid-template-columns:10em minmax(5em,1fr);gap:1em;display:grid}#staged-photos-modal .staged-photos .staged-photo>img{object-fit:cover;border-radius:5px;width:100%}#staged-photos-modal .staged-photos .staged-photo .photo-data{flex-direction:column;flex:1;gap:.5em;display:flex}#staged-photos-modal .staged-photos .staged-photo .photo-data .file-name{white-space:nowrap;text-overflow:ellipsis;font-size:.8em;overflow:hidden}#staged-photos-modal .staged-photos .staged-photo .photo-data .status{font-size:1em}#staged-photos-modal .staged-photos .staged-photo .photo-data .progress{border-radius:.5em;height:2em}#staged-photos-modal .staged-photos .staged-photo .photo-data .progress:not(.error){background:linear-gradient(to right,var(--accent-color)50%,var(--primary-color)50%);background-position:0%;background-size:200%;transition:background-position .5s}#staged-photos-modal .staged-photos .staged-photo .photo-data .progress.error{background-color:var(--error-color)}.sort-button{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5em;height:100%;line-height:2em;display:flex;position:relative}.sort-button span,.sort-button>svg{transition:color .25s,stroke .25s}.sort-button:hover>span,.sort-button:hover>svg{color:var(--accent-color);stroke:var(--accent-color)}.sort-button span.sorting-label{white-space:nowrap;text-overflow:ellipsis;width:100%;overflow:hidden}.sort-button .sort-menu{z-index:2;pointer-events:none;opacity:0;background-color:var(--primary-color);border:1px solid var(--background-color);border-radius:3px;flex-direction:column;gap:.5em;padding:.5em 1em;transition:opacity .25s;display:flex;position:absolute;top:2.5em;right:0}.sort-button .sort-menu div{cursor:pointer;transition:color .25s}.sort-button .sort-menu div:hover,.sort-button .sort-menu div.active{color:var(--accent-color)}.sort-button:has(input:checked){cursor:default}.sort-button:has(input:checked):before{content:"";background-color:#0000;width:100%;height:100%;position:fixed;top:0;left:0}.sort-button input[type=checkbox]{display:none}.sort-button input[type=checkbox]:checked+.sort-menu{opacity:1;pointer-events:all}.sort-button input[type=checkbox]:checked+.sort-menu span{cursor:pointer}.section-gallery{flex-direction:column;flex:1;height:100%;display:flex}.section-gallery .container{flex-direction:column;height:100%;display:flex;overflow:auto}.section-gallery .form{row-gap:0}.section-gallery .form .settings{background-color:var(--primary-color-darker);border-radius:0 0 5px;flex-direction:column;gap:1em;margin-bottom:1em;padding:1em;display:flex}.section-gallery .form .settings .field-content{max-width:unset;height:15em}.hamburger-button{cursor:pointer;border-radius:5px;height:2em;padding:.2em 0;transition:background-color .25s;position:relative}.hamburger-button:hover,.hamburger-button.active{background-color:var(--accent-color-light)}.hamburger-button .hamburger-menu{opacity:0;pointer-events:none;background-color:var(--background-color);z-index:calc(var(--z-index-base) + 3);border:1px solid var(--primary-color);border-radius:3px;width:max-content;padding:.5em 1em;transition:opacity .25s;position:absolute;top:2em;right:0}.hamburger-button .hamburger-menu span{cursor:pointer;transition:color .25s}.hamburger-button .hamburger-menu span:hover,.hamburger-button .hamburger-menu span.active{color:var(--accent-color)}.hamburger-button:has(input:checked){cursor:default}.hamburger-button:has(input:checked):before{content:"";background-color:#0000;width:100%;height:100%;position:fixed;top:0;left:0}.hamburger-button input[type=checkbox]{display:none}.hamburger-button input[type=checkbox]:checked+.hamburger-menu{opacity:1;pointer-events:all}.hamburger-button input[type=checkbox]:checked+.hamburger-menu span{cursor:pointer}.rich-text-root{box-sizing:border-box;border:1px solid var(--form-primary-color,var(--primary-color));background-color:var(--form-primary-color,var(--primary-color));box-shadow:inset 0px 0px 0px 1px var(--form-secondary-color,var(--background-color));border-radius:2px;flex:1;transition:border-color .15s;position:relative}.rich-text-root span[data-slate-placeholder=true]{width:auto!important;top:unset!important}.rich-text-root.collapsible-toolbar .editor-wrapper .toolbar{opacity:0;height:0;padding:.3em .3em 0;transition:all .1s}.rich-text-root.collapsible-toolbar .editor-wrapper .editor{padding:.5em 1em;transition:padding .1s}.rich-text-root.collapsible-toolbar .editor-wrapper:has(div[contenteditable=true]:focus) .toolbar{opacity:1;height:2em}.rich-text-root.collapsible-toolbar .editor-wrapper:has(div[contenteditable=true]:focus) .editor{padding:.75em 1em}.rich-text-root .editor-wrapper{flex-direction:column;padding:0;display:flex;position:absolute;inset:0;overflow:auto}.rich-text-root .editor-wrapper .editor{flex:1;padding:.75em;overflow:auto}.rich-text-root .editor-wrapper .toolbar{background-color:var(--background-color);gap:.25em;margin:0;padding:.5em .3em .3em;display:flex}.rich-text-root .editor-wrapper .toolbar .toolbar-button{cursor:pointer}.rich-text-root .editor-wrapper .toolbar .toolbar-button svg{fill:var(--text-color);filter:brightness(.85)}.rich-text-root .editor-wrapper .toolbar .toolbar-button.active svg{filter:none}.rich-text-root .editor-wrapper .toolbar .separator{border-left:1px solid var(--text-color);margin:.25em .25em .4em .5em;display:block}.rich-text-root .editor-wrapper .editor .image-container{display:inline-block;position:relative}.rich-text-root .editor-wrapper .editor .image-container img{display:block}.rich-text-root .editor-wrapper .editor .image-container img.selected{box-shadow:0 0 0 3px var(--text-color)}.rich-text-root .editor-wrapper .editor .image-container .delete-image-button{cursor:pointer;position:absolute;top:.5em;right:.5em}.rich-text-root .editor-wrapper .editor .image-container .delete-image-button svg{fill:var(--text-color);filter:brightness(.85)}.rich-text-root .editor-wrapper .editor .image-container .delete-image-button svg:hover{filter:none}.rich-text-root .editor-wrapper .editor a{color:oklch(from var(--accent-color)l .07 h);text-decoration:underline}.rich-text-root .editor-wrapper .editor strong{font-weight:700}.rich-text-root .editor-wrapper .editor em{font-style:italic}.rich-text-root .editor-wrapper .editor u{text-decoration:underline}.rich-text-root .editor-wrapper .editor h1{font-size:1.5em}.rich-text-root .editor-wrapper .editor h2{font-size:1.25em}.rich-text-root .editor-wrapper .editor blockquote{border-left:.25em solid #ccc;margin:0;padding:0 1em;font-style:italic}.rich-text-root .editor-wrapper .editor ol,.rich-text-root .editor-wrapper .editor ul{margin-left:1em}.rich-text-root .editor-wrapper .editor ol{list-style-type:decimal}.rich-text-root .editor-wrapper .editor ul{list-style-type:disc}.rich-text-root.small{resize:both;overflow:auto}.rich-text-root.small .editor-wrapper{gap:0;padding:0;transition:all .1s}.rich-text-root.small .editor-wrapper .toolbar{background-color:var(--background-color);margin:0;padding:.3em .3em 0}.rich-text-root.small .editor-wrapper .toolbar svg{width:18px}.rich-text-root.small .editor-wrapper .editor{padding:.3em .5em;transition:padding .1s}.rich-text-root.small .editor-wrapper:has(div[contenteditable=true]:focus){gap:.5em}.rich-text-root.small .editor-wrapper:has(div[contenteditable=true]:focus) .toolbar{opacity:1;height:auto}.rich-text-root.small .editor-wrapper .toolbar{opacity:0;height:0;transition:all .1s;overflow:auto}.url-path-field{background-color:var(--primary-color);border-radius:3px;flex-direction:column;row-gap:1em;padding:.75em;display:flex}.url-path-field span.url{grid-area:label;font-style:italic}.url-path-field .change-container{--form-primary-color:var(--background-color);--form-secondary-color:var(--primary-color);grid-template-areas:"area";display:grid}.url-path-field .change-container .action{cursor:pointer;width:fit-content;transition:color .25s}.url-path-field .change-container .action:hover{color:var(--accent-color)}.url-path-field .change-container .action,.url-path-field .change-container .input-container{grid-area:area;transition:all .25s}.url-path-field .change-container .action.transparent,.url-path-field .change-container .input-container.transparent{height:0;max-height:0}.url-path-field .change-container .input-container{flex-direction:column;gap:.5em;display:flex}.section-gallery .photos{flex-direction:column;display:flex}.section-gallery .photos .header{background-color:var(--primary-color);--form-primary-color:var(--background-color);--form-secondary-color:var(--primary-color);border-radius:5px 5px 0 0;align-items:center;gap:1em;width:100%;height:3em;padding:0 1em;display:flex;box-shadow:0 1px 2px #0003;container-type:inline-size}.section-gallery .photos .header h1,.section-gallery .photos .header h2{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.section-gallery .photos .header .button{margin:.5em 0;padding:.5em 1em}.section-gallery .photos .header .header-actions{align-items:center;gap:1em;display:flex}.section-gallery .photos .header>div{flex:1;align-items:center;gap:1em;display:flex}.section-gallery .photos .header h1{font-size:1em}.section-gallery .photos .content{background-color:var(--primary-color-darker);border-radius:0 0 5px;grid-template-areas:"area";padding:1em;display:grid}.section-gallery .photos .content>div{grid-area:area}.section-gallery .photos .content .edit-photo-form{opacity:0;transform-origin:top;gap:1em;height:100%;max-height:20em;transition:all .25s;display:flex;transform:scale(0)}.section-gallery .photos .content .edit-photo-form.active{opacity:1;transform:scale(1)}.section-gallery .photos .content .edit-photo-form img{aspect-ratio:1;object-fit:cover;width:auto;height:100%}.section-gallery .photos .content .edit-photo-form .fields{flex-direction:column;flex:1;gap:1em;display:flex}.section-gallery .photos .content .edit-photo-form .fields .actions{justify-content:flex-end;gap:1em;display:flex}.section-gallery .photos .content .edit-photo-form .fields .actions .button{padding:.5em 1em}.section-gallery .photos .content .edit-photo-form .fields .rich-text-root{width:100%;height:100%}.section-gallery .photos .content:has(.edit-photo-form.active) .photo-list{opacity:0;pointer-events:none;transform:scale(0)}.section-gallery .photos .content .photo-list{background-color:var(--primary-color-darker);transform-origin:bottom;--gap:1em;row-gap:1em;gap:var(--gap);border-radius:0 0 5px;flex-wrap:wrap;width:100%;max-height:fit-content;padding:.5em;transition:all .25s;display:flex;position:relative}.section-gallery .photos .content .photo-list .photo-container{width:calc(25% - var(--gap));aspect-ratio:1}.section-gallery .photos .content .photo-list .photo-container.draggable{cursor:grab}.section-gallery .photos .content .photo-list .photo-container.draggable .photo{border-radius:3px;width:100%;height:100%}.section-gallery .photos .content .photo-list .photo-container.draggable .photo img{object-fit:cover;border-radius:3px;width:100%;height:100%}.section-gallery .photos .content .photo-list .photo-container.active{width:50%}#add-photo-modal{flex-direction:column;width:min(95vw,60em);height:90vh;padding:0;display:flex}#add-photo-modal .header{background-color:var(--primary-color);--form-primary-color:var(--background-color);--form-secondary-color:var(--primary-color);border-radius:5px 5px 0 0;align-items:center;gap:1em;width:100%;height:3em;min-height:2.75em;padding:0 1em;display:flex;box-shadow:0 1px 2px #0003;container-type:inline-size}#add-photo-modal .header h1,#add-photo-modal .header h2{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#add-photo-modal .header h1{font-size:1.1em}#add-photo-modal .header .button{margin:.5em 0;padding:.5em 1em}#add-photo-modal .header .header-actions{align-items:center;gap:1em;display:flex}#add-photo-modal .header h2{flex:1}#add-photo-modal .header .selected-photos{align-items:center;gap:1em;display:flex}#add-photo-modal .header .select-and-sort{flex:1;align-items:center;gap:1em;display:flex}#add-photo-modal .header .select-and-sort input{display:none}#add-photo-modal .photo-list-component{flex:1;padding:1em;overflow:auto}.custom-section{flex-direction:column;gap:1em;height:100%;display:flex}.custom-section .form{row-gap:0;height:100%}.custom-section .form .settings{background-color:var(--primary-color-darker);border-radius:0 0 5px;flex-direction:column;gap:1em;height:100%;padding:1em;display:flex}.custom-section .rich-text-root{flex:1;min-height:10em}.section-gallery-collection{flex-direction:column;flex:1;height:100%;display:flex}.section-gallery-collection .container{flex-direction:column;height:100%;display:flex;overflow:auto}.section-gallery-collection .form{row-gap:0}.section-gallery-collection .form .settings{background-color:var(--primary-color-darker);border-radius:0 0 5px;flex-direction:column;gap:1em;margin-bottom:1em;padding:1em;display:flex}.section-gallery-collection .form .settings .field-content{max-width:unset;height:15em}.section-gallery-collection .galleries{flex-direction:column;display:flex}.section-gallery-collection .galleries .header{background-color:var(--primary-color);--form-primary-color:var(--background-color);--form-secondary-color:var(--primary-color);border-radius:5px 5px 0 0;align-items:center;gap:1em;width:100%;height:3em;min-height:2.75em;padding:0 1em;display:flex;box-shadow:0 1px 2px #0003;container-type:inline-size}.section-gallery-collection .galleries .header h1,.section-gallery-collection .galleries .header h2{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.section-gallery-collection .galleries .header .button{margin:.5em 0;padding:.5em 1em}.section-gallery-collection .galleries .header .header-actions{align-items:center;gap:1em;display:flex}.section-gallery-collection .galleries .header>div{flex:1}.section-gallery-collection .galleries .header h1{font-size:1em}.section-gallery-collection .galleries .gallery-list{background-color:var(--primary-color-darker);border-radius:0 0 5px;flex-direction:column;gap:1em;padding:1em 1em 1em 0;display:flex;position:relative}.section-gallery-collection .galleries .gallery-list .gallery-collection-item{align-items:center;gap:1em;transition:background-color .15s;display:flex}.section-gallery-collection .galleries .gallery-list .gallery-collection-item .gallery-collection-details{flex:1;align-items:flex-start;gap:1em;display:flex}.section-gallery-collection .galleries .gallery-list .gallery-collection-item .gallery-collection-details div.title{flex:1}.section-gallery-collection .galleries .gallery-list .gallery-collection-item .gallery-collection-details .button{opacity:0;padding:.5em 1em;transition:opacity .1s}.section-gallery-collection .galleries .gallery-list .gallery-collection-item:hover .button,.section-gallery-collection .galleries .gallery-list .gallery-collection-item.tapped-active .button{opacity:1}.section-gallery-collection .galleries .gallery-list .gallery-collection-item .sortable-gallery-collection-item{flex:1;align-self:self-start;align-items:center;display:flex}.section-gallery-collection .galleries .gallery-list .gallery-collection-item .sortable-gallery-collection-item .drag-handle{cursor:grab;align-self:start;align-items:center;display:flex}.section-gallery-collection .galleries .gallery-list .gallery-collection-item .sortable-gallery-collection-item .drag-handle svg{fill:var(--text-color);filter:brightness(.8)}.section-gallery-collection .galleries .gallery-list .gallery-collection-item .sortable-gallery-collection-item .drag-handle div.thumbnail{width:5em;height:5em;margin-right:1em;position:relative}.section-gallery-collection .galleries .gallery-list .gallery-collection-item .sortable-gallery-collection-item .drag-handle div.thumbnail img,.section-gallery-collection .galleries .gallery-list .gallery-collection-item .sortable-gallery-collection-item .drag-handle div.thumbnail .no-image{object-fit:cover;border-radius:3px;width:100%;height:100%}.section-gallery-collection .galleries .gallery-list .gallery-collection-item .sortable-gallery-collection-item .drag-handle div.thumbnail .no-image{background-color:var(--primary-color);text-align:center;line-height:5em}.section-gallery-collection .galleries .gallery-list .gallery-collection-item .sortable-gallery-collection-item .drag-handle:hover svg{filter:brightness()}#new-gallery-modal{padding:0}#new-gallery-modal .header{background-color:var(--primary-color);--form-primary-color:var(--background-color);--form-secondary-color:var(--primary-color);border-radius:5px 5px 0 0;align-items:center;gap:1em;width:100%;height:3em;padding:0 1em;display:flex;box-shadow:0 1px 2px #0003;container-type:inline-size}#new-gallery-modal .header h1,#new-gallery-modal .header h2{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#new-gallery-modal .header h1{font-size:1.1em}#new-gallery-modal .header .button{margin:.5em 0;padding:.5em 1em}#new-gallery-modal .header .header-actions{align-items:center;gap:1em;display:flex}#new-gallery-modal .form{flex-direction:column;row-gap:1em;padding:1em;display:flex}#new-gallery-modal .form .actions{justify-content:space-between;display:flex}#new-gallery-modal .form .actions button{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;text-align:center;background-color:var(--form-primary-color,var(--primary-color));border:none;border-radius:5px;width:fit-content;padding:.5em 1em;font-size:1em;transition:background-color .25s}#new-gallery-modal .form .actions button:hover,#new-gallery-modal .form .actions button:focus{background-color:var(--accent-color)}#new-gallery-modal .form .actions button.secondary-action{background-color:var(--form-primary-color,var(--primary-color))}#new-gallery-modal .form .actions button.secondary-action:hover,#new-gallery-modal .form .actions button.secondary-action:focus{background-color:var(--accent-color-light)}#new-gallery-modal .form .actions button.destructive-action{background-color:var(--form-secondary-color,var(--background-color))}#new-gallery-modal .form .actions button.destructive-action:hover,#new-gallery-modal .form .actions button.destructive-action:focus{background-color:var(--accent-color-lightest)}#new-gallery-modal .form .actions button.delete{background-color:var(--form-secondary-color,var(--background-color));color:var(--error-color)}#new-gallery-modal .form .actions button.delete:hover,#new-gallery-modal .form .actions button.delete:focus{background-color:var(--form-primary-color,var(--primary-color))}#new-gallery-modal .form .actions button.disabled,#new-gallery-modal .form .actions button:disabled{color:var(--form-secondary-color,var(--background-color));cursor:none}#new-gallery-modal .form .actions button.disabled:hover,#new-gallery-modal .form .actions button.disabled:focus,#new-gallery-modal .form .actions button:disabled:hover,#new-gallery-modal .form .actions button:disabled:focus{background-color:var(--form-primary-color,var(--primary-color))}#modal-change-gallery-cover{flex-direction:column;width:min(90vw,60em);height:min-content;max-height:90vh;padding:0;display:flex}#modal-change-gallery-cover .header{background-color:var(--primary-color);--form-primary-color:var(--background-color);--form-secondary-color:var(--primary-color);border-radius:5px 5px 0 0;justify-content:space-between;align-items:center;gap:1em;width:100%;height:3em;padding:0 1em;display:flex;box-shadow:0 1px 2px #0003;container-type:inline-size}#modal-change-gallery-cover .header h1,#modal-change-gallery-cover .header h2{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#modal-change-gallery-cover .header h1{font-size:1.1em}#modal-change-gallery-cover .header .button{margin:.5em 0;padding:.5em 1em}#modal-change-gallery-cover .header .header-actions{align-items:center;gap:1em;display:flex}#modal-change-gallery-cover .gallery-photo-list{flex:1;grid-template-columns:repeat(auto-fit,minmax(10em,1fr));gap:1em;padding:1em;display:grid;overflow:auto}#modal-change-gallery-cover .gallery-photo-list .gallery-photo-item{grid-template-areas:"area";justify-content:center;place-items:center;width:10em;height:10em;display:grid}#modal-change-gallery-cover .gallery-photo-list .gallery-photo-item .container-thumbnail,#modal-change-gallery-cover .gallery-photo-list .gallery-photo-item button{grid-area:area}#modal-change-gallery-cover .gallery-photo-list .gallery-photo-item button{opacity:0;z-index:calc(var(--z-index-base) + 1);transition:opacity .1s}#modal-change-gallery-cover .gallery-photo-list .gallery-photo-item:hover button,#modal-change-gallery-cover .gallery-photo-list .gallery-photo-item.tapped-active button{opacity:1}#modal-change-gallery-cover .gallery-photo-list .gallery-photo-item.current-cover{background-color:var(--primary-color);border-radius:10px}#modal-change-gallery-cover .gallery-photo-list .gallery-photo-item.current-cover img{padding:1em}#content>.sections{flex-direction:column;flex:1;min-width:15em;max-width:30em;display:flex;position:relative}#content>.sections .header{background-color:var(--primary-color);--form-primary-color:var(--background-color);--form-secondary-color:var(--primary-color);border-radius:5px 5px 0 0;justify-content:space-between;align-items:center;gap:1em;width:100%;height:3em;padding:0 1em;display:flex;box-shadow:0 1px 2px #0003;container-type:inline-size}#content>.sections .header h1,#content>.sections .header h2{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#content>.sections .header .button{margin:.5em 0;padding:.5em 1em}#content>.sections .header .header-actions{align-items:center;gap:1em;display:flex}#content>.sections .header h1{font-size:1.1em}#content>.sections .header .button{padding:.5em 1em}#content>.sections .section-list{background-color:var(--primary-color-darker);border-radius:0 0 5px;flex-direction:column;gap:1em;padding:1em;display:flex}#content>.sections .section-list .section-item{flex:1;align-items:center;display:flex}#content>.sections .section-list .section-item .drag-handle{cursor:var(--drag-cursor,grab);flex:1;align-items:center;display:flex}#content>.sections .section-list .section-item .drag-handle svg{fill:var(--text-color);filter:brightness(.8);width:16px}#content>.sections .section-list .section-item .drag-handle span{flex:1;margin-right:1em;display:inline-block}#content>.sections .section-list .section-item button{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;text-align:center;background-color:var(--form-primary-color,var(--primary-color));opacity:0;border:none;border-radius:5px;width:8em;padding:.5em 1em;font-size:1em;transition:opacity .25s}#content>.sections .section-list .section-item button:hover,#content>.sections .section-list .section-item button:focus{background-color:var(--accent-color)}#content>.sections .section-list .section-item button.secondary-action{background-color:var(--form-primary-color,var(--primary-color))}#content>.sections .section-list .section-item button.secondary-action:hover,#content>.sections .section-list .section-item button.secondary-action:focus{background-color:var(--accent-color-light)}#content>.sections .section-list .section-item button.destructive-action{background-color:var(--form-secondary-color,var(--background-color))}#content>.sections .section-list .section-item button.destructive-action:hover,#content>.sections .section-list .section-item button.destructive-action:focus{background-color:var(--accent-color-lightest)}#content>.sections .section-list .section-item button.delete{background-color:var(--form-secondary-color,var(--background-color));color:var(--error-color)}#content>.sections .section-list .section-item button.delete:hover,#content>.sections .section-list .section-item button.delete:focus{background-color:var(--form-primary-color,var(--primary-color))}#content>.sections .section-list .section-item button.disabled,#content>.sections .section-list .section-item button:disabled{color:var(--form-secondary-color,var(--background-color));cursor:none}#content>.sections .section-list .section-item button.disabled:hover,#content>.sections .section-list .section-item button.disabled:focus,#content>.sections .section-list .section-item button:disabled:hover,#content>.sections .section-list .section-item button:disabled:focus{background-color:var(--form-primary-color,var(--primary-color))}#content>.sections .section-list .section-item:hover svg,#content>.sections .section-list .section-item.active svg{filter:brightness()}#content>.sections .section-list .section-item:hover button,#content>.sections .section-list .section-item.active button{opacity:1}#content>.sections .section-list .section-item.just-added{opacity:0;animation:.5s forwards fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#new-section-modal{padding:0}#new-section-modal .header{background-color:var(--primary-color);--form-primary-color:var(--background-color);--form-secondary-color:var(--primary-color);border-radius:5px 5px 0 0;align-items:center;gap:1em;width:100%;height:3em;padding:0 1em;display:flex;box-shadow:0 1px 2px #0003;container-type:inline-size}#new-section-modal .header h1,#new-section-modal .header h2{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#new-section-modal .header h1{font-size:1.1em}#new-section-modal .header .button{margin:.5em 0;padding:.5em 1em}#new-section-modal .header .header-actions{align-items:center;gap:1em;display:flex}#new-section-modal .form{flex-direction:column;row-gap:1em;padding:1em;display:flex}#new-section-modal .form .actions{justify-content:space-between;display:flex}#new-section-modal .form .actions button{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;text-align:center;background-color:var(--form-primary-color,var(--primary-color));border:none;border-radius:5px;width:fit-content;padding:.5em 1em;font-size:1em;transition:background-color .25s}#new-section-modal .form .actions button:hover,#new-section-modal .form .actions button:focus{background-color:var(--accent-color)}#new-section-modal .form .actions button.secondary-action{background-color:var(--form-primary-color,var(--primary-color))}#new-section-modal .form .actions button.secondary-action:hover,#new-section-modal .form .actions button.secondary-action:focus{background-color:var(--accent-color-light)}#new-section-modal .form .actions button.destructive-action{background-color:var(--form-secondary-color,var(--background-color))}#new-section-modal .form .actions button.destructive-action:hover,#new-section-modal .form .actions button.destructive-action:focus{background-color:var(--accent-color-lightest)}#new-section-modal .form .actions button.delete{background-color:var(--form-secondary-color,var(--background-color));color:var(--error-color)}#new-section-modal .form .actions button.delete:hover,#new-section-modal .form .actions button.delete:focus{background-color:var(--form-primary-color,var(--primary-color))}#new-section-modal .form .actions button.disabled,#new-section-modal .form .actions button:disabled{color:var(--form-secondary-color,var(--background-color));cursor:none}#new-section-modal .form .actions button.disabled:hover,#new-section-modal .form .actions button.disabled:focus,#new-section-modal .form .actions button:disabled:hover,#new-section-modal .form .actions button:disabled:focus{background-color:var(--form-primary-color,var(--primary-color))}#content>.account-settings{flex-direction:column;flex:1;min-width:15em;max-width:35em;display:flex}#content>.account-settings .header{background-color:var(--primary-color);--form-primary-color:var(--background-color);--form-secondary-color:var(--primary-color);border-radius:5px 5px 0 0;align-items:center;gap:1em;width:100%;height:3em;padding:0 1em;display:flex;box-shadow:0 1px 2px #0003;container-type:inline-size}#content>.account-settings .header h1,#content>.account-settings .header h2{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#content>.account-settings .header h1{font-size:1.1em}#content>.account-settings .header .button{margin:.5em 0;padding:.5em 1em}#content>.account-settings .header .header-actions{align-items:center;gap:1em;display:flex}#content>.account-settings .header h1{flex:1}#content>.account-settings .form{background-color:var(--primary-color-darker);border-radius:0 0 5px;padding:1em}#content>.account-settings .form .field{max-width:unset}#content>.account-settings .email,#content>.account-settings .password{background-color:var(--primary-color);--form-primary-color:var(--background-color);border-radius:3px;align-items:center;gap:.5em;padding:.5em;display:flex}#content>.account-settings .email button,#content>.account-settings .password button{padding:.5em 1em}#change-email-modal{max-width:25em;padding:0}#change-email-modal .header{background-color:var(--primary-color);--form-primary-color:var(--background-color);--form-secondary-color:var(--primary-color);border-radius:5px 5px 0 0;align-items:center;gap:1em;width:100%;height:3em;padding:0 1em;display:flex;box-shadow:0 1px 2px #0003;container-type:inline-size}#change-email-modal .header h1,#change-email-modal .header h2{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#change-email-modal .header h1{font-size:1.1em}#change-email-modal .header .button{margin:.5em 0;padding:.5em 1em}#change-email-modal .header .header-actions{align-items:center;gap:1em;display:flex}#change-email-modal .form{flex-direction:column;row-gap:1em;padding:1em;display:flex}#change-email-modal .form .actions{justify-content:flex-end;gap:1em;display:flex}#change-email-modal .form .actions button{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;text-align:center;background-color:var(--form-primary-color,var(--primary-color));border:none;border-radius:5px;width:fit-content;padding:.5em 1em;font-size:1em;transition:background-color .25s}#change-email-modal .form .actions button:hover,#change-email-modal .form .actions button:focus{background-color:var(--accent-color)}#change-email-modal .form .actions button.secondary-action{background-color:var(--form-primary-color,var(--primary-color))}#change-email-modal .form .actions button.secondary-action:hover,#change-email-modal .form .actions button.secondary-action:focus{background-color:var(--accent-color-light)}#change-email-modal .form .actions button.destructive-action{background-color:var(--form-secondary-color,var(--background-color))}#change-email-modal .form .actions button.destructive-action:hover,#change-email-modal .form .actions button.destructive-action:focus{background-color:var(--accent-color-lightest)}#change-email-modal .form .actions button.delete{background-color:var(--form-secondary-color,var(--background-color));color:var(--error-color)}#change-email-modal .form .actions button.delete:hover,#change-email-modal .form .actions button.delete:focus{background-color:var(--form-primary-color,var(--primary-color))}#change-email-modal .form .actions button.disabled,#change-email-modal .form .actions button:disabled{color:var(--form-secondary-color,var(--background-color));cursor:none}#change-email-modal .form .actions button.disabled:hover,#change-email-modal .form .actions button.disabled:focus,#change-email-modal .form .actions button:disabled:hover,#change-email-modal .form .actions button:disabled:focus{background-color:var(--form-primary-color,var(--primary-color))}#content>.subscription-settings{flex-direction:column;flex:1;min-width:15em;max-width:35em;display:flex}#content>.subscription-settings .header{background-color:var(--primary-color);--form-primary-color:var(--background-color);--form-secondary-color:var(--primary-color);border-radius:5px 5px 0 0;align-items:center;gap:1em;width:100%;height:3em;padding:0 1em;display:flex;box-shadow:0 1px 2px #0003;container-type:inline-size}#content>.subscription-settings .header h1,#content>.subscription-settings .header h2{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#content>.subscription-settings .header h1{font-size:1.1em}#content>.subscription-settings .header .button{margin:.5em 0;padding:.5em 1em}#content>.subscription-settings .header .header-actions{align-items:center;gap:1em;display:flex}#content>.subscription-settings .header h1{flex:1}#content>.subscription-settings .content{background-color:var(--primary-color-darker);border-radius:0 0 5px;flex-direction:column;padding:1em;line-height:1.5em;display:flex}#content>.subscription-settings .content .current-plan strong{text-transform:uppercase;font-size:1.1em}#content>.subscription-settings .content .support{margin-top:1em}#content>.subscription-settings .content a{color:var(--accent-color)}#content>.subscription-settings .content a:hover{text-decoration:underline}#content>.website-settings{flex-direction:column;flex:1;min-width:15em;max-width:35em;display:flex;position:relative;overflow:hidden}#content>.website-settings .header{background-color:var(--primary-color);--form-primary-color:var(--background-color);--form-secondary-color:var(--primary-color);border-radius:5px 5px 0 0;align-items:center;gap:1em;width:100%;height:3em;padding:0 1em;display:flex;box-shadow:0 1px 2px #0003;container-type:inline-size}#content>.website-settings .header h1,#content>.website-settings .header h2{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#content>.website-settings .header h1{font-size:1.1em}#content>.website-settings .header .button{margin:.5em 0;padding:.5em 1em}#content>.website-settings .header .header-actions{align-items:center;gap:1em;display:flex}#content>.website-settings .header h1{flex:1}#content>.website-settings .header .actions{justify-content:flex-end;gap:1em;display:flex}#content>.website-settings .form{flex-direction:column;flex:1;gap:1em;display:flex;overflow:auto}#content>.website-settings .normal-options{background-color:var(--primary-color-darker);border-radius:0 0 5px;flex-direction:column;gap:1em;padding:1em;display:flex}#content>.website-settings .normal-options .field{max-width:unset}#content>.website-settings .normal-options .field-content{height:7em;max-width:unset}#content>.website-settings .normal-options .field-content .rich-text-root{width:100%}#content>.website-settings .normal-options .favicon-field{max-width:unset}#content>.website-settings .advanced-options{flex-direction:column;width:100%;display:flex}#content>.website-settings .advanced-options .expandable-header{background-color:var(--primary-color);--form-primary-color:var(--background-color);--form-secondary-color:var(--primary-color);cursor:pointer;width:100%;height:3em;transition:all .25;border-radius:5px;align-items:center;gap:1em;padding:0 1em;display:flex;box-shadow:0 1px 2px #0003;container-type:inline-size}#content>.website-settings .advanced-options .expandable-header h1,#content>.website-settings .advanced-options .expandable-header h2{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#content>.website-settings .advanced-options .expandable-header h1{font-size:1.1em}#content>.website-settings .advanced-options .expandable-header .button{margin:.5em 0;padding:.5em 1em}#content>.website-settings .advanced-options .expandable-header .header-actions{align-items:center;gap:1em;display:flex}#content>.website-settings .advanced-options .expandable-header h2{flex:1}#content>.website-settings .advanced-options .expandable-header:after{content:"❯";transform-origin:.25em;width:1.5em;height:1.5em;margin-top:.25em;transition:all .35s}#content>.website-settings .advanced-options .expandable-header:hover:after{color:var(--accent-color)}#content>.website-settings .advanced-options.expanded .expandable-header{border-radius:5px 5px 0 0}#content>.website-settings .advanced-options.expanded .expandable-header:after{transform:rotate(90deg)}#content>.website-settings .advanced-options .content{background-color:var(--primary-color-darker);border-radius:0 0 5px;flex-direction:column;gap:1em;max-height:0;padding:0 1em;transition:all .25s;display:flex;overflow:hidden}#content>.website-settings .advanced-options .content .field{max-width:unset;flex:1}#content>.website-settings .advanced-options .content textarea{resize:vertical;flex:1}#content>.website-settings .advanced-options.expanded .content{min-height:30em;max-height:30em;padding-top:1em;overflow:auto}.favicon-field .explanation-trigger{cursor:pointer;position:relative}.favicon-field .explanation-trigger .explanation{opacity:0;pointer-events:none;background:var(--background-color);border:2px solid var(--primary-color);border-radius:5px;width:20em;padding:1em;transition:opacity .2s ease-in-out;position:absolute;top:0;left:0}.favicon-field .explanation-trigger .explanation img{width:100%;margin-top:.5em}.favicon-field .explanation-trigger input[type=checkbox]:checked~.explanation{opacity:1;pointer-events:all}.favicon-field .explanation-trigger input[type=checkbox]:checked~.explanation:after{content:"";background-color:#0000;width:100%;height:100%;position:fixed;top:0;left:0}.favicon-field .favicon-container{background-color:var(--primary-color);border-radius:3px;flex-direction:column;gap:.5em;padding:.5em;display:flex}.favicon-field .favicon-container>div{align-items:center;gap:.5em;display:flex}.favicon-field .favicon-container>div label.button{--form-primary-color:var(--background-color)}.favicon-field .favicon-container .preview img{width:1.5em;height:1.5em}.favicon-field .favicon-container .file{margin:1em 0}.favicon-field .favicon-container .file input{display:none}.favicon-field .favicon-container .color{align-items:center;display:flex}.favicon-field .favicon-container .color input{display:none}.form{flex-direction:column;row-gap:1.5em;display:flex}.form div.field{flex-direction:column;gap:.25em;max-width:25em;display:flex}.form div.field-with-delete{grid-template-areas:"label.""input button";gap:.25em 1em;display:grid}.form div.field-with-delete label{grid-area:label}.form div.field-with-delete input{grid-area:input}.form div.field-with-delete button{grid-area:button}.form p.error,.form span.error{color:var(--error-color)}.form button{text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;text-align:center;background-color:var(--form-primary-color,var(--primary-color));border:none;border-radius:5px;width:fit-content;padding:.75em 1em;font-size:1em;transition:background-color .25s}.form button:hover,.form button:focus{background-color:var(--accent-color)}.form button.secondary-action{background-color:var(--form-primary-color,var(--primary-color))}.form button.secondary-action:hover,.form button.secondary-action:focus{background-color:var(--accent-color-light)}.form button.destructive-action{background-color:var(--form-secondary-color,var(--background-color))}.form button.destructive-action:hover,.form button.destructive-action:focus{background-color:var(--accent-color-lightest)}.form button.delete{background-color:var(--form-secondary-color,var(--background-color));color:var(--error-color)}.form button.delete:hover,.form button.delete:focus{background-color:var(--form-primary-color,var(--primary-color))}.form button.disabled,.form button:disabled{color:var(--form-secondary-color,var(--background-color));cursor:none}.form button.disabled:hover,.form button.disabled:focus,.form button:disabled:hover,.form button:disabled:focus{background-color:var(--form-primary-color,var(--primary-color))}.form .input-with-icon{align-items:center;display:flex;position:relative}.form .input-with-icon input{flex:1}.form .input-with-icon .loading{border:2px solid var(--text-color);border-top:2px solid #0000;border-radius:50%;width:1em;min-width:1em;height:1em;min-height:1em;animation:1s linear infinite loading-icon-spin;display:inline-block;position:absolute;right:.5em}.form input[type=text],.form input[type=password],.form textarea{border:none;border:1px solid var(--form-primary-color,var(--primary-color));background-color:var(--form-primary-color,var(--primary-color));box-shadow:inset 0px 0px 0px 1px var(--form-secondary-color,var(--background-color));border-radius:2px;padding:.5em;font-size:1em;transition:border-color .15s}.form input[type=text]:invalid,.form input[type=password]:invalid,.form textarea:invalid{border:1px solid var(--error-color)}.form input[type=text]:focus,.form input[type=password]:focus,.form textarea:focus{border:1px solid var(--accent-color);box-shadow:none;outline:none}.form input[type=text]::placeholder,.form input[type=password]::placeholder,.form textarea::placeholder{opacity:.5;font-style:italic}.form select{-webkit-user-select:none;user-select:none}.form label{font-size:.9em}.form label.explanation{font-size:.8em;font-style:italic}fieldset{border:1px solid var(--form-primary-color,var(--primary-color));padding:.5em 1em 1em}:root{--base-hue:258;--background-color:oklch(27% .02 var(--base-hue));--primary-color:oklch(33% .02 mod(calc(var(--base-hue) + 10),360));--primary-color-darker:oklch(from var(--primary-color)calc(l - .05)c h);--text-color:oklch(95% 0 0);--accent-color:oklch(71% .056 mod(calc(var(--base-hue) + 50),360));--accent-color-light:oklch(from var(--accent-color)l calc(c - .04)h);--accent-color-lightest:oklch(from var(--accent-color)l calc(c - .05)h);--error-color:oklch(from var(--accent-color)l c 360);--app-min-width:35rem;--z-index-base:0;--z-index-menu:10;--z-index-preview:20;--z-index-modals:30;--z-index-popover:40;--z-index-toaster:50}body{font-family:Roboto,sans-serif;font-size:16px;font-weight:400}*{color:var(--text-color);scrollbar-color:var(--primary-color)var(--background-color);scrollbar-width:thin!important}@container (width<45rem){.non-critical-element{display:none!important}}html,body,#root,#app{width:100vw;max-width:100vw;height:100vh;max-height:100vh;overflow:hidden}@media (width<=46rem){#content{--padding-left:2rem}}@media (width>=46rem){#content{--padding-left:.5rem}}#app{min-width:var(--app-min-width);background-color:var(--background-color);flex-direction:row;display:flex}#app #content{padding:1rem var(--padding-left);flex-direction:column;flex:1;max-width:100vw;max-height:100vh;display:flex;overflow:auto}#app #content .page-header{font-size:1.3em}#app #content .section{width:min(45em,100%);max-width:100%}#app #content .section .section-header{background-color:var(--primary-color);--form-primary-color:var(--background-color);--form-secondary-color:var(--primary-color);width:100%;height:3em;z-index:calc(var(--z-index-base) + 1);border-radius:5px 5px 0 0;justify-content:space-between;align-items:center;gap:1em;padding:0 1em;display:flex;position:sticky;box-shadow:0 1px 2px #0003;container-type:inline-size}#app #content .section .section-header h1,#app #content .section .section-header h2{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#app #content .section .section-header h1{font-size:1.1em}#app #content .section .section-header .button{margin:.5em 0;padding:.5em 1em}#app #content .section .section-header .header-actions{align-items:center;gap:1em;display:flex}#app #content .section .section-header .header-actions .button{margin:.5em 0}.transparent{opacity:0;pointer-events:none;transition:opacity .25s}.modal-portal .modal-overlay{z-index:var(--z-index-modals);opacity:0;background-color:#000000f2;grid-template-rows:1fr;place-items:center;width:100vw;height:100vh;max-height:100vh;transition:opacity .25s ease-in-out;display:grid;position:fixed;top:0;left:0}.modal-portal .modal-overlay .modal-content{background-color:var(--background-color);border-radius:5px;max-width:95vw;max-height:90vh;padding:1em}.modal-portal .ReactModal__Overlay--after-open,.modal-portal .ReactModal__Content--after-open{opacity:1}.modal-portal .ReactModal__Overlay--before-close,.modal-portal .ReactModal__Content--before-close{opacity:0}#confirmation-modal{flex-direction:column;gap:1em;width:20em;padding:1em;display:flex}#confirmation-modal .header{font-size:1.1em;line-height:1.4em}#confirmation-modal .body{flex-direction:column;gap:.5em;display:flex}#confirmation-modal .footer{justify-content:space-between;display:flex}.select-component{--select-primary-color:var(--primary-color);-webkit-user-select:none;user-select:none;border:1px solid var(--form-primary-color,var(--primary-color));background-color:var(--form-primary-color,var(--primary-color));box-shadow:inset 0px 0px 0px 1px var(--form-secondary-color,var(--background-color));border-radius:2px;grid-template-areas:"area";align-items:center;transition:border-color .15s;display:grid}.select-component select{border:none;border-radius:2px;grid-area:area;width:100%;padding:.5em 1.75em .5em .5em;font-size:1em}.select-component svg{stroke:var(--text-color);pointer-events:none;grid-area:area;justify-self:end;padding-right:.25em}.select-component:hover,.select-component:focus{border:1px solid var(--accent-color);box-shadow:none;outline:none}span.spacer{flex:1}span.small{white-space:nowrap;text-overflow:ellipsis;font-size:.8em;overflow:hidden}label.full-date{cursor:pointer;text-decoration:underline;position:relative}label.full-date .tooltip{opacity:0;pointer-events:none;background:var(--background-color);border:2px solid var(--primary-color);white-space:nowrap;border-radius:5px;padding:.5em;transition:opacity .2s ease-in-out;position:absolute;top:0;left:100%}label.full-date input[type=checkbox]:checked~.tooltip{opacity:1;pointer-events:all}label.full-date input[type=checkbox]:checked~.tooltip:after{content:"";background-color:#0000;width:100%;height:100%;position:fixed;top:0;left:0}.loading-icon{border:2px solid var(--text-color);border-top:2px solid #0000;border-radius:50%;width:1em;min-width:1em;height:1em;min-height:1em;animation:1s linear infinite loading-icon-spin;display:inline-block}.button{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;text-align:center;background-color:var(--form-primary-color,var(--primary-color));border:none;border-radius:5px;width:fit-content;padding:.75em 1em;font-size:1em;transition:background-color .25s}.button:hover,.button:focus{background-color:var(--accent-color)}.button.secondary-action{background-color:var(--form-primary-color,var(--primary-color))}.button.secondary-action:hover,.button.secondary-action:focus{background-color:var(--accent-color-light)}.button.destructive-action{background-color:var(--form-secondary-color,var(--background-color))}.button.destructive-action:hover,.button.destructive-action:focus{background-color:var(--accent-color-lightest)}.button.delete{background-color:var(--form-secondary-color,var(--background-color));color:var(--error-color)}.button.delete:hover,.button.delete:focus{background-color:var(--form-primary-color,var(--primary-color))}.button.disabled,.button:disabled{color:var(--form-secondary-color,var(--background-color));cursor:none}.button.disabled:hover,.button.disabled:focus,.button:disabled:hover,.button:disabled:focus{background-color:var(--form-primary-color,var(--primary-color))}:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,:before,:after{box-sizing:border-box}html{text-size-adjust:none}a,button{cursor:revert}ol,ul,menu,summary{list-style:none}ol{counter-reset:revert}img{max-block-size:100%;max-inline-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{appearance:revert}:where(pre){all:revert;box-sizing:border-box}::placeholder{color:unset}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert;box-sizing:border-box}::-webkit-details-marker{display:none}
/*# sourceMappingURL=index.3b277117.css.map */