@import"https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100;8..144,200;8..144,300;8..144,400;8..144,500;8..144,600;8..144,700&display=swap";*,*:before,*:after{box-sizing:border-box}ul[class],ol[class]{padding:0}body,h1,h2,h3,h4,p,ul[class],ol[class],li,figure,figcaption,blockquote,dl,dd{margin:0}body{scroll-behavior:smooth;text-rendering:optimizeSpeed;line-height:1.5}ul[class],ol[class]{list-style:none}a:not([class]){text-decoration-skip-ink:auto}img{max-width:100%;display:block}article>*+*{margin-top:1em}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--color-background: #f3f6f8;--color-background-dark: #eaedf2;--color-white: #FFF;--color-blue: #4D89FF;--color-blue-dark: #2957FF;--color-pink: #ff006c;--color-green: #6DB63A;--color-green-dark: #4F9A26;--color-red: #ff594b;--color-red-dark: #FF4236;--color-yellow: #ffce00;--color-yellow-dark: #FFBA00;--color: #2f3034;--color-soft: #929db0;--padding-sm: 12px;--padding: 16px;--padding-lg: 24px;--padding-xl: 32px;--gap-xs: 6px;--gap-sm: 12px;--gap: 16px;--gap-lg: 24px;--gap-xl: 32px;--border-radius: 8px;--border-radius-sm: 6px;--border-radius-xs: 3px;--header-height: 75px;--sidebar-width: 255px;--font-family: "Roboto Flex";--font-weight: 400;--font-weight-bold: 500;--font-weight-bolder: 600;--font: var(--font-weight) var(--font-size)/1.4 var(--font-family);--font-size-xl: 28px;--font-size-lg: 22px;--font-size: 14px;--font-size-sm: 12px;--font-size-xs: 10px;--transition: .2s ease-in-out;--transition-all: all var(--transition)}a{transition:var(--transition-all)}[class^=actions]:not([class*=-nomargin])+*,*+[class^=actions]:not([class*=-nomargin]){margin-top:var(--gap-xl)}[class^=actions]{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:var(--gap-sm)}body{font:var(--font);color:var(--color)}::selection{color:var(--color-pink);background:var(--color-white)}[class^=btn-]{display:inline-flex;align-items:center;-webkit-user-select:none;user-select:none;text-transform:uppercase;font-size:var(--font-size-sm);font-weight:var(--font-weight-bolder);text-decoration:none;color:var(--color-white);background:var(--color-blue);line-height:1;padding:var(--padding);gap:var(--gap-sm);-webkit-border-radius:var(--border-radius-xs);border-radius:var(--border-radius-xs);outline:none;border:none;cursor:pointer;transition:var(--transition-all)}[class^=btn-]>*{pointer-events:none}[class^=btn-]>[class^=material-icons]{line-height:var(--font-size-sm)}[class^=btn-][class*=-lg]{font-size:var(--font-size);gap:var(--gap);padding:var(--padding-lg)}[class^=btn-][class*=-delete]{background-color:var(--color-red)}[class^=btn-][class*=-delete]:is(:hover,:focus){background-color:var(--color-red-dark)}[class^=btn-][class*=-back]{background-color:var(--color-soft)}[class^=btn-][class*=-back]:is(:hover,:focus){background-color:var(--color)}[class^=btn-][class*=-main]{background-color:var(--color-green)}[class^=btn-][class*=-main]:is(:hover,:focus){background-color:var(--color-green-dark)}[class^=btn-][class*=-fullwidth]{width:100%;justify-content:center}[class^=btn-][class*=-white]{background-color:var(--color-white);color:var(--color)}[class^=btn-][class*=-white]:is(:hover,:focus){background-color:var(--color-white);color:var(--color-blue)}[card]{display:flex;flex-direction:column;background:var(--color-background);-webkit-border-radius:var(--border-radius);border-radius:var(--border-radius);overflow:hidden}[card]>[class^=detail]{aspect-ratio:6;background-color:var(--color-detail, var(--color-background-dark));position:relative;display:flex;align-items:center;justify-content:center;gap:var(--gap);padding:var(--padding);pointer-events:none}[card]>[class^=detail]:after{content:" ";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to left,#ffffff40,#fff0)}[card]>[class^=detail][class*=-yellow]{background-color:var(--color-yellow)}[card]>.info{display:flex;flex-direction:column;gap:var(--gap);padding:var(--gap);flex-grow:1}[card]>[class^=actions]{padding:var(--padding)}.field{display:flex;flex-direction:column;gap:var(--gap-xs)}.field.required>label:after{content:" *";color:var(--color-pink)}.field>label{font-size:var(--font-size-xs);color:var(--color);-webkit-user-select:none;user-select:none;text-transform:uppercase;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.field>.input{display:flex;gap:var(--gap-sm);align-items:center}:is(input:not([type=checkbox]),select,option,optgroup,textarea){font:var(--font);color:var(--field-color, #000);line-height:1;padding:var(--padding);border-radius:var(--border-radius);background:var(--color-background);-webkit-box-shadow:var(--field-shadow, none);box-shadow:var(--field-shadow, none);-webkit-transition:var(--transition-all);transition:var(--transition-all);outline:none;border:none;width:100%}textarea{line-height:1.6!important;min-height:calc(var(--font-size) * 1.6 * 3 + var(--padding) * 2)}:is(input,select,option,optgroup,textarea):is(:disabled){background:var(--color-background-dark);color:var(--color-soft)}:is(input,select,option,optgroup,textarea):is(:read-only){background-color:var(--color-background);color:var(--color-soft);-webkit-user-select:none;user-select:none}:is(input,textarea)::placeholder{font:var(--field-placeholder-font);color:var(--field-placeholder-color);-webkit-transition:var(--transition-all);transition:var(--transition-all)}input[type=color]{padding:0;height:calc(var(--font-size) + var(--padding) * 2)}input[type=color]::-moz-color-swatch,input[type=color]::-webkit-color-swatch{-webkit-border-radius:var(--border-radius);border-radius:var(--border-radius);border:none}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-background);cursor:pointer}input[type=range]::-webkit-slider-runnable-trac,input[type=range]::-moz-range-track{background:var(--color-background-dark);height:var(--font-size);-webkit-border-radius:var(--border-radius-xs);border-radius:var(--border-radius-xs)}input[type=range]::-webkit-slider-thumb,input[type=range]::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:-12px;background-color:#5cd5eb;height:2rem;width:1rem}:is(input,textarea):is(:focus)::placeholder{opacity:0}label.custom-checkbox{--size: 28px;--padding: 4px}label.custom-checkbox>input[type=checkbox]{clip:rect(0 0 0 0);clip-path:inset(100%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}label.custom-checkbox>input[type=checkbox]+span{background-color:var(--color-background-dark);cursor:pointer;width:calc(var(--size) * 2);height:var(--size);-webkit-border-radius:var(--size);border-radius:var(--size);display:inline-flex;align-items:center;padding:0 var(--padding);transition:var(--transition-all)}label.custom-checkbox>input[type=checkbox]+span:after{content:" ";display:inline-block;width:calc(var(--size) - var(--padding) * 2);height:calc(var(--size) - var(--padding) * 2);border-radius:50%;transition:var(--transition-all);background:var(--color-white)}label.custom-checkbox>input[type=checkbox]:focus+span{outline:var(--field-hover-outline);outline-offset:var(--field-hover-outline-offset);-webkit-box-shadow:var(--field-hover-shadow, none);box-shadow:var(--field-hover-shadow, none)}label.custom-checkbox>input[type=checkbox]:checked+span{padding-left:calc(var(--size) + var(--padding));background:var(--color-green)}fieldset{border:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap-lg);width:100%}fieldset>*:not(.half,.quarter){grid-column:1 / span 4}fieldset>*.half{grid-column:auto / span 2}fieldset>*.quarter{grid-column:auto / span 1}@media only screen and (max-width: 1280px){fieldset{grid-template-columns:repeat(3,1fr)}fieldset>*:not(.half,.quarter){grid-column:1 / span 3}fieldset>*.half{grid-column:auto / span 3}fieldset>*.quarter{grid-column:auto / span 1}}@media only screen and (max-width: 768px){fieldset{grid-template-columns:1fr}fieldset>*:not(.half,.quarter){grid-column:1 / span 1}fieldset>*.half{grid-column:auto / span 1}fieldset>*.quarter{grid-column:auto / span 1}}.grow{flex-grow:1}.hidden{display:none}@media only screen and (max-width: 768px){.hidden-on-mobile{display:none}}[class^=icon-btn]{line-height:1;display:flex;align-items:center;justify-content:center;width:40px;aspect-ratio:1;border-radius:var(--border-radius-xs);transition:var(--transition-all);text-decoration:none;position:relative;background-color:var(--color-blue);color:var(--color-white);-webkit-user-select:none;user-select:none}[class^=icon-btn]>[class^=material-icons]{font-size:20px}[class^=icon-btn]:is(:hover,:focus){background-color:var(--color-blue-dark)}[class^=icon-btn][class*=-delete]{background-color:var(--color-red)}[class^=icon-btn][class*=-delete]:is(:hover,:focus){background-color:var(--color-red-dark)}[layout^=grid]{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(var(--layout-grid-items-size, 340px),1fr))}[layout^=grid][layout*=grid-sm]{grid-template-columns:repeat(auto-fill,minmax(var(--layout-grid-items-size, 200px),1fr))}[layout^=grid][layout*=grid-lg]{grid-template-columns:repeat(auto-fill,minmax(var(--layout-grid-items-size, 600px),1fr))}[layout^=flex]{display:flex;gap:var(--gap);flex-wrap:wrap}[layout^=flex][layout*=-column]{flex-direction:column;flex-wrap:nowrap}[layout*=-gap-xl]{gap:var(--gap-xl)}[layout*=-gap-lg]{gap:var(--gap-lg)}[layout*=-gap-sm]{gap:var(--gap-sm)}[layout*=-gap-xs]{gap:var(--gap-xs)}[class^=material-icons]{display:inline-flex;font-size:20px;-webkit-user-select:none;user-select:none}[class^=notice]{background-color:var(--color-blue);color:var(--color-white);font-size:var(--font-size);font-weight:var(--font-weight-bold);-webkit-border-radius:var(--border-radius-sm);border-radius:var(--border-radius-sm);padding:var(--padding-lg);display:flex;gap:var(--gap);align-items:center;flex-wrap:wrap}[class^=notice]>[class^=material]{font-size:calc(var(--font-size) * 2);-webkit-user-select:none;user-select:none;pointer-events:none;line-height:0}[class^=notice][class*=-danger],[class^=notice][class*=-warning]{background-color:var(--color-red)}[class^=notice]>*{pointer-events:none}[class^=notice][class*=-soft]{background-color:var(--color-soft)}[class^=notice]>[class^=actions]{width:100%}[class^=notice]>[class^=actions]>*{pointer-events:all}[class^=notice][class*=-sm]{padding:var(--padding);font-size:var(--font-size-sm)}[class^=notice][class*=-sm]>[class^=material]{font-size:var(--font-size-lg)}[class^=notice][class*=-xs]{padding:var(--padding-sm);font-size:var(--font-size-sm)}[class^=notice][class*=-field]{background-color:var(--color-background-dark);color:var(--color)}#notifications{position:fixed;top:0;right:0;padding:var(--gap);z-index:2147483647;display:flex;flex-direction:column;gap:var(--gap-sm)}[class^=tag]{background-color:var(--background-color, var(--color-soft));color:var(--color-white);line-height:1;padding:8px;display:inline-flex;gap:var(--gap-xs);align-items:center;font-size:var(--font-size-xs);text-transform:uppercase;font-weight:var(--font-weight-bold);-webkit-border-radius:var(--border-radius-xs);border-radius:var(--border-radius-xs);-webkit-user-select:none;user-select:none}[class^=tag]>[class^=material]{line-height:0;font-size:var(--font-size)}[class^=tag][class*=-blue]{background-color:var(--color-blue)}[class^=tag][class*=-pink]{background-color:var(--color-pink)}[class^=tag][class*=-yellow]{background-color:var(--color-yellow)}[class^=minititle-]{font-size:calc(var(--font-size) + 2px);font-weight:var(--font-weight-bolder);color:var(--color)}body{background-color:var(--color-blue)}video{width:100vw;height:100vh;object-fit:cover;position:fixed}#wrapper{position:fixed;top:0;left:0;bottom:0;width:min(600px,calc(100vw - var(--gap-xl)));background-color:var(--color-white);padding:var(--padding-xl);display:flex;flex-direction:column;justify-content:center;background-color:#f0f0f0e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}#content>.wrapper>.content{width:min(100%,400px);margin:0 auto;display:flex;flex-direction:column;gap:calc(var(--gap-xl) * 2)}#content>.wrapper>.content>.logo img{height:calc(var(--header-height) - var(--gap) * 2)}
