@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/roboto-cyrillic-ext-400-normal-qHufge6k.woff2)format("woff2"),url(/assets/roboto-cyrillic-ext-400-normal-DhDk0Xwi.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(/assets/roboto-cyrillic-400-normal-CBPI_iaY.woff2)format("woff2"),url(/assets/roboto-cyrillic-400-normal-BepgbcUK.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(data:font/woff2;base64,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)format("woff2"),url(data:font/woff;base64,d09GRgABAAAAAAXAAA8AAAAABwAAAQABAAAAAAAAAAAAAAAAAAAAAAAAAABHREVGAAABWAAAABQAAAAUAA8ACUdQT1MAAAFsAAAAHgAAAB5EdEx1R1NVQgAAAYwAAAAzAAAANJMNggJPUy8yAAABwAAAAE0AAABgdArg2VNUQVQAAAIQAAAASwAAAF5fnUM1Y21hcAAAAlwAAABAAAAAXj5j4n9nYXNwAAACnAAAAAwAAAAMAAgAGWdseWYAAAKoAAABNgAAATZnhEGkaGVhZAAAA+AAAAA2AAAANgz5sE5oaGVhAAAEGAAAAB8AAAAkCroNqWhtdHgAAAQ4AAAAHwAAACQX6f/DbG9jYQAABFgAAAATAAAAFAFZAbFtYXhwAAAEbAAAABwAAAAgACkBIW5hbWUAAASIAAABIgAAAmI2jl6RcG9zdAAABawAAAATAAAAIP9tAGQAAQAAAAwAAAAAAAAAAQAIAAEAAQABAAAACgAcABwAAURGTFQACAAEAAAAAP//AAAAAAAAeNpjYGRgYOBiMAJCFhc3nxAGueTKohwGqfSi1GwGqZzEkjwGKQYQYAER//+DSADdjQkeAHjaY2BhaWecwMDKwMA6i9WYgYFRHkIzX2RIY2JgYABiKHAACjIgAXd/f3eQoLwvG8M/BoY09llMDAoMjPNBcixWrBuAlAIDMwDj2QowAAAAeNoNx7EBAUAQALDcPWhhAQCoTAQAOrCGgQxHugihoaCjYCHfu8cphryPp0dMxPmxvsVSqmnpCWSM7VCEjEV8yC+K/H8Cgh/DnghvAHjaY2BgYAJiZiAWAZKMYJqFwQtI8zFwAOXYwCp4GRQYFsj7/v8P5KHwQTr+f/v/5H/6g91g3TwMCMAEANCmDfkAAQACAAgACP//AA8ABQBkAAADKAWwAAMABgAJAAwADwAAAREhEQUBASUJAyEJAgMo/TwCjv7vARH9qAEN/vMBKv7+AgP9/QECAQEFsPpQBbBU/Xz9fAwCeAJ4/UT9ogVE/aICXgAAAgB3/+wFCgXEABUAKwAAARUUAgYGIyImJgI1NTQSNjYzMhYWEgM1NC4CIyIOAhUVFB4CMzI+AgUKUprXhYHXnVZVnNeBhdebU781ZpNdWpFnODhpkVpekmU0AwZcpP78tmBgtgEEpFykAQO3YGC3/v3/AF6CyIhGRojIgl6DyYlGRonJAAACAHAEcQLJBdcABQAPAAABNRMzFQMlNTMVFBYXByYmAZJ0w9/+hqcqKklWXASEEQFCFf7C/lVPSGgtOi2P///+eP/sBVAF1gAmAAVGAAAHAAb+CP//AAAAAQAAAAMD16RtfYpfDzz1ABsIAAAAAADE8BEuAAAAAOWNUAP6Gv3VCTEIcwAAAAkAAgAAAAAAAHjaY2BkYGDP+cfDwMDp9UvqnxenIQcDGuAEAHAbBHkAeNpj7mFIYYACxj8QzNrIUM6syFAAZh//VwEAaU4HvgB42mNgYNCFwwKGfiCcDQATpAMLAHjaY2BkYGDgZFjJIMpQxsAO5iEAMwMjAB3kAUt42izGNQHDAABFwRfmrMWtzFxFFVIrRQGREE3Zg/+mAxLeWBh2AGRGqhvEhqmbpBS6xZlctxnz1x3mPHWXMQ895c6+uzEjZKoviOnry/qxvq36IIusCIIgCgY36R3uDhvcXbfj7j63J4Bxe+WRv9L6sea2pHBLjTA50kT5Ju6ZJCV7okiFPNr4lsaoybU4SlQ5Yt1R9B6nQMJbgVrHj0RFnDVphSRvnhFXzbXqKy6rqw1r/fJVUZ1GDwRs+2uDTXY59rXlfYu9IQ/BsIehH9c8O669zYg5/BpSnrtKtKWdPnRy2HQEfEjinsPZvFDxzGiJop5T6p4pmXX5XhjrWlLvKqjrZY2oyjxSio4kOeK9flbllaFKotrDcjvmffEHVntaWwAAeNpjYGYAg/9ZDCkMWAAAKh8B0QA=)format("woff");unicode-range:U+1F??}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/roboto-greek-400-normal-ai2Z1K3C.woff2)format("woff2"),url(/assets/roboto-greek-400-normal-D904r64h.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(/assets/roboto-math-400-normal-BEFej5gc.woff2)format("woff2"),url(/assets/roboto-math-400-normal-D6sS4O5l.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(/assets/roboto-symbols-400-normal-CB1Ce4Gk.woff2)format("woff2"),url(/assets/roboto-symbols-400-normal-C7tGlxgb.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(/assets/roboto-vietnamese-400-normal-D2PTxGxD.woff2)format("woff2"),url(/assets/roboto-vietnamese-400-normal-Bf76hAzZ.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(/assets/roboto-latin-ext-400-normal-C3tdtHj3.woff2)format("woff2"),url(/assets/roboto-latin-ext-400-normal-CIveymTr.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(/assets/roboto-latin-400-normal-BqEyEoaF.woff2)format("woff2"),url(/assets/roboto-latin-400-normal-D27F5sTu.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 .top .colors .contrast-warnings{color:var(--error-color);flex-direction:column;gap:.5em;font-size:.8em;list-style:none;display:flex}#preview-container .controls .top .template-options{flex-direction:column;gap:.5em;display:flex}#preview-container .controls .top .template-options label{flex-direction:column;gap:.25em;font-size:.9em;display:flex}#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;align-items:center;gap:1em;width:100%;height:3em;padding:0 1em;display:flex;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 .header{justify-content:center;position:relative}#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}.template-picker{flex-direction:column;gap:.75em;display:flex}.template-picker .template-cards{flex-direction:column;gap:1em;display:flex}.template-picker .template-card{border:1px solid #0000;border-radius:5px;flex-direction:column;gap:.5em;padding:.5em;transition:border-color .2s;display:flex}.template-picker .template-card img{aspect-ratio:4/3;object-fit:cover;border-radius:3px;width:100%}.template-picker .template-card h3{font-size:.95em}.template-picker .template-card p{opacity:.8;font-size:.8em}.template-picker .template-card .button{width:100%}.template-picker .template-card .current{text-align:center;opacity:.7;font-size:.8em}.template-picker .template-card.selected{border-color:var(--accent-color)}#switch-template-modal{width:22em}#switch-template-modal .header h1{font-size:1.1em}#switch-template-modal .content{flex-direction:column;gap:1em;display:flex}#switch-template-modal .content .actions{justify-content:flex-end;gap:1em;display:flex}#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;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{justify-content:space-between}#content>.analytics-component>.header .select-component{--select-primary-color:var(--background-color)}#content>.analytics-component .content{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{--pie-chart-size:10em}#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}@supports (color:lab(0% 0 0)){:root{--text-color:lab(94.2% 0 0)}}@container (width<45rem){.non-critical-element{display:none!important}}@media (max-width:46rem){#content{--padding-left:2rem}}@media (min-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 (max-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 (min-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){opacity:0;pointer-events:none}#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:-moz-fit-content;width:fit-content;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:not-allowed}#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))}#menu .actions button{width:100%}.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:"";-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:-webkit-backdrop-filter .25s,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{-webkit-backdrop-filter:blur(5px);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{align-items:center;gap:1em;display:flex}#content>.section-photos .header{container-type:inline-size}#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:-moz-fit-content;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:not-allowed}#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:"";-webkit-backdrop-filter:blur(20px);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:-moz-fit-content;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 .focal-point-picker{aspect-ratio:1;cursor:crosshair;width:auto;height:100%;position:relative}.section-gallery .photos .content .edit-photo-form .focal-point-picker img{object-fit:cover;width:100%;height:100%}.section-gallery .photos .content .edit-photo-form .focal-point-picker .focal-point-marker{border:2px solid var(--accent-color);pointer-events:none;border-radius:50%;width:1.25rem;height:1.25rem;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000080}.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:-moz-fit-content;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;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{min-height:2.75em}#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;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{min-height:2.75em}.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:-moz-fit-content;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:not-allowed}#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;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 .header{justify-content:space-between}#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) + 3);transition:opacity .1s;position:relative}#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;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{--form-primary-color:var(--background-color);--form-secondary-color:var(--primary-color);justify-content:space-between}#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));border:none;border-radius:5px;width:-moz-fit-content;width:fit-content;padding:.5em 1em;font-size:1em;transition:background-color .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:not-allowed}#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 button{opacity:0;width:8em;transition:opacity .25s}#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:-moz-fit-content;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:not-allowed}#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:-moz-fit-content;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:not-allowed}#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>.domain-settings{flex-direction:column;flex:1;min-width:15em;max-width:40em;display:flex}#content>.domain-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>.domain-settings .header h1,#content>.domain-settings .header h2{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#content>.domain-settings .header h1{font-size:1.1em}#content>.domain-settings .header .button{margin:.5em 0;padding:.5em 1em}#content>.domain-settings .header .header-actions{align-items:center;gap:1em;display:flex}#content>.domain-settings .header h1{flex:1}#content>.domain-settings .content{background-color:var(--primary-color-darker);border-radius:0 0 5px;flex-direction:column;gap:1.5em;padding:1em;line-height:1.5em;display:flex}#content>.domain-settings .content a{color:var(--accent-color)}#content>.domain-settings .content a:hover{text-decoration:underline}#content>.domain-settings .domain-candidates{flex-direction:column;gap:.5em;margin:0;padding:0;list-style:none;display:flex}#content>.domain-settings .domain-candidates .domain-candidate{border:1px solid var(--border-color);border-radius:.3em;grid-template-columns:1fr auto auto;align-items:center;column-gap:1em;padding:.75em 1em;display:grid}#content>.domain-settings .domain-candidates .domain-candidate .name{font-weight:500}#content>.domain-settings .domain-candidates .domain-candidate.unavailable{opacity:.5}#content>.domain-settings .domain-candidates .domain-candidate.unavailable .reason{grid-column:2/4;font-size:.9em}#content>.domain-settings .price-breakdown{grid-template-columns:auto 1fr;gap:.25em 1em;margin:0;display:grid}#content>.domain-settings .price-breakdown .registry{opacity:.6;text-decoration:line-through}#content>.domain-settings .price-breakdown .total{font-weight:500}#content>.domain-settings .domain-candidate .registry{opacity:.6;margin-right:.25em}#content>.domain-settings .registrant-form .total{font-weight:500}#content>.domain-settings .registrant-form .actions{gap:1em;display:flex}#content>.domain-settings .domain-status{flex-direction:column;gap:.5em;display:flex}#content>.domain-settings .domain-status .state-title{text-transform:uppercase;font-size:.9em;font-weight:500}#content>.domain-settings .domain-status.live .state-title{color:var(--accent-color)}#content>.domain-settings .domain-status.failed .state-title{color:var(--error-color)}#content>.domain-settings .domain-status dl{grid-template-columns:auto 1fr;gap:.25em 1em;margin:0;display:grid}#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);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 .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{cursor:pointer;transition:all .25;border-radius:5px;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:-moz-fit-content;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:not-allowed}.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:#eee;--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}@supports (color:lab(0% 0 0)){:root{--text-color:lab(94.2% 0 0)}}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 (max-width:46rem){#content{--padding-left:2rem}}@media (min-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);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}#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{z-index:calc(var(--z-index-base) + 1);justify-content:space-between;position:sticky}#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:-moz-fit-content;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:not-allowed}.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{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;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}