/* Updated on 2025-08-10T10:19:17.033Z */ /*! * SoixamUI * Developed by Soixam (https://www.soixam.org) * Primarily created to support internal projects at soixam.org. * * Licensed under the Apache License 2.0 * You are free to use, modify, and distribute this software, including for commercial purposes, * as long as you retain the original copyright and attribution. * * https://ui.soixam.org */ :root{--safe-top:0px;--safe-right:0px;--safe-bottom:0px;--safe-left:0px;}@supports(padding:env(safe-area-inset-bottom)){:root{--safe-top:env(safe-area-inset-top);--safe-right:env(safe-area-inset-right);--safe-bottom:env(safe-area-inset-bottom);--safe-left:env(safe-area-inset-left);}}@supports(padding:constant(safe-area-inset-bottom)){:root{--safe-top:constant(safe-area-inset-top);--safe-right:constant(safe-area-inset-right);--safe-bottom:constant(safe-area-inset-bottom);--safe-left:constant(safe-area-inset-left);}}:root{--neutral_dark_1:#636363;--neutral_dark_2:#616161;--neutral_dark_3:#5c5c5c;--neutral_dark_4:#595959;--neutral_dark_5:#545454;--neutral_dark_6:#525252;--neutral_dark_7:#4d4d4d;--neutral_dark_8:#4a4a4a;--neutral_dark_9:#454545;--neutral_dark_10:#424242;--dark_1:#3d3d3d;--dark_2:#3b3b3b;--dark_3:#363636;--dark_4:#333333;--dark_5:#2e2e2e;--dark_6:#262626;--dark_7:#1f1f1f;--dark_8:#171717;--dark_9:#0d0d0d;--dark_10:#000000;--dark_1-contrast:#ffffff;--dark_2-contrast:#fcfcfc;--dark_3-contrast:#fafafa;--dark_4-contrast:#f7f7f7;--dark_5-contrast:#f5f5f5;--dark_6-contrast:#f2f2f2;--dark_7-contrast:#f0f0f0;--dark_8-contrast:#ededed;--dark_9-contrast:#ebebeb;--dark_10-contrast:#e8e8e8;--dark_red_1:#f8430d;--dark_red_1-contrast:#000000;--dark_red_2:#c0756d;--dark_red_2-contrast:#000000;--dark_red_3:#e56352;--dark_red_3-contrast:#000000;--dark_red_4:#e9673f;--dark_red_4-contrast:#000000;--dark_red_5:#cc7d71;--dark_red_5-contrast:#000000;--dark_red_6:#cd817a;--dark_red_6-contrast:#000000;--dark_red_7:#f37153;--dark_red_7-contrast:#000000;--dark_red_8:#d7867f;--dark_red_8-contrast:#000000;--dark_red_9:#fe7658;--dark_red_9-contrast:#000000;--dark_red_10:#e08e85;--dark_red_10-contrast:#000000;--dark_green_1:#43990b;--dark_green_1-contrast:#000000;--dark_green_2:#47b120;--dark_green_2-contrast:#000000;--dark_green_3:#5bc27f;--dark_green_3-contrast:#080808;--dark_green_4:#82cf5e;--dark_green_4-contrast:#1a1a1a;--dark_green_5:#81dc65;--dark_green_5-contrast:#242424;--dark_green_6:#74e86d;--dark_green_6-contrast:#2b2b2b;--dark_green_7:#3af722;--dark_green_7-contrast:#303030;--dark_green_8:#9aefb6;--dark_green_8-contrast:#333333;--dark_green_9:#8cfe1b;--dark_green_9-contrast:#383838;--dark_green_10:#a1fdc4;--dark_green_10-contrast:#3b3b3b;--dark_blue_1:#867dca;--dark_blue_1-contrast:#000000;--dark_blue_2:#8185cf;--dark_blue_2-contrast:#000000;--dark_blue_3:#778cdf;--dark_blue_3-contrast:#000000;--dark_blue_4:#5699e1;--dark_blue_4-contrast:#000000;--dark_blue_5:#a98be4;--dark_blue_5-contrast:#000000;--dark_blue_6:#64a1f7;--dark_blue_6-contrast:#000000;--dark_blue_7:#8ba5da;--dark_blue_7-contrast:#000000;--dark_blue_8:#78abfc;--dark_blue_8-contrast:#000000;--dark_blue_9:#98adf5;--dark_blue_9-contrast:#0a0a0a;--dark_blue_10:#a7b5e7;--dark_blue_10-contrast:#141414;--dark_yellow_1:#91891d;--dark_yellow_1-contrast:#000000;--dark_yellow_2:#9f9d32;--dark_yellow_2-contrast:#000000;--dark_yellow_3:#b8ae2e;--dark_yellow_3-contrast:#000000;--dark_yellow_4:#d9b812;--dark_yellow_4-contrast:#171717;--dark_yellow_5:#d0ca1b;--dark_yellow_5-contrast:#212121;--dark_yellow_6:#d4d26e;--dark_yellow_6-contrast:#292929;--dark_yellow_7:#f7d22b;--dark_yellow_7-contrast:#2e2e2e;--dark_yellow_8:#dfdf90;--dark_yellow_8-contrast:#333333;--dark_yellow_9:#f0e19e;--dark_yellow_9-contrast:#363636;--dark_yellow_10:#efef1f;--dark_yellow_10-contrast:#3b3b3b;--dark_orange_1:#e45b0c;--dark_orange_1-contrast:#000000;--dark_orange_2:#e66e1e;--dark_orange_2-contrast:#000000;--dark_orange_3:#ce8c36;--dark_orange_3-contrast:#000000;--dark_orange_4:#e48f21;--dark_orange_4-contrast:#000000;--dark_orange_5:#f99034;--dark_orange_5-contrast:#000000;--dark_orange_6:#d6aa7a;--dark_orange_6-contrast:#0f0f0f;--dark_orange_7:#f6a779;--dark_orange_7-contrast:#171717;--dark_orange_8:#f2b650;--dark_orange_8-contrast:#1f1f1f;--dark_orange_9:#ebc356;--dark_orange_9-contrast:#242424;--dark_orange_10:#e5cca9;--dark_orange_10-contrast:#2b2b2b;--light_1:#ffffff;--light_2:#fcfcfc;--light_3:#fafafa;--light_4:#f7f7f7;--light_5:#f5f5f5;--light_6:#f0f0f0;--light_7:#ededed;--light_8:#ebebeb;--light_9:#e6e6e6;--light_10:#e3e3e3;--neutral_light_1:#dedede;--neutral_light_2:#dbdbdb;--neutral_light_3:#d6d6d6;--neutral_light_4:#d1d1d1;--neutral_light_5:#cfcfcf;--neutral_light_6:#c9c9c9;--neutral_light_7:#c4c4c4;--neutral_light_8:#bfbfbf;--neutral_light_9:#bababa;--neutral_light_10:#b8b8b8;--light_10-contrast:#000000;--light_9-contrast:#050505;--light_8-contrast:#0a0a0a;--light_7-contrast:#0f0f0f;--light_6-contrast:#141414;--light_5-contrast:#1a1a1a;--light_4-contrast:#1f1f1f;--light_3-contrast:#242424;--light_2-contrast:#292929;--light_1-contrast:#2e2e2e;--light_red_1:#cf6054;--light_red_1-contrast:#ffffff;--light_red_2:#f71818;--light_red_2-contrast:#ffffff;--light_red_3:#ee1111;--light_red_3-contrast:#ffffff;--light_red_4:#b4563c;--light_red_4-contrast:#ffffff;--light_red_5:#c43831;--light_red_5-contrast:#ffffff;--light_red_6:#b93618;--light_red_6-contrast:#ffffff;--light_red_7:#9f4132;--light_red_7-contrast:#ffffff;--light_red_8:#a8280b;--light_red_8-contrast:#ffffff;--light_red_9:#a4160a;--light_red_9-contrast:#ffffff;--light_red_10:#9a0e0e;--light_red_10-contrast:#ffffff;--light_green_1:#359509;--light_green_1-contrast:#ffffff;--light_green_2:#2b8c3a;--light_green_2-contrast:#ffffff;--light_green_3:#4b8023;--light_green_3-contrast:#ffffff;--light_green_4:#50761e;--light_green_4-contrast:#ffffff;--light_green_5:#027424;--light_green_5-contrast:#ffffff;--light_green_6:#456524;--light_green_6-contrast:#ffffff;--light_green_7:#04622e;--light_green_7-contrast:#ffffff;--light_green_8:#185918;--light_green_8-contrast:#ffffff;--light_green_9:#16501f;--light_green_9-contrast:#fafafa;--light_green_10:#154720;--light_green_10-contrast:#ebebeb;--light_blue_1:#9066f9;--light_blue_1-contrast:#ffffff;--light_blue_2:#8451f0;--light_blue_2-contrast:#ffffff;--light_blue_3:#4b48f9;--light_blue_3-contrast:#ffffff;--light_blue_4:#5122fc;--light_blue_4-contrast:#ffffff;--light_blue_5:#513f9d;--light_blue_5-contrast:#ffffff;--light_blue_6:#493592;--light_blue_6-contrast:#fafafa;--light_blue_7:#223d63;--light_blue_7-contrast:#ebebeb;--light_blue_8:#1a3456;--light_blue_8-contrast:#dbdbdb;--light_blue_9:#182b44;--light_blue_9-contrast:#cfcfcf;--light_blue_10:#18203a;--light_blue_10-contrast:#c2c2c2;--light_yellow_1:#918308;--light_yellow_1-contrast:#ffffff;--light_yellow_2:#8b7d2d;--light_yellow_2-contrast:#ffffff;--light_yellow_3:#7f7a1f;--light_yellow_3-contrast:#ffffff;--light_yellow_4:#777527;--light_yellow_4-contrast:#ffffff;--light_yellow_5:#746f1b;--light_yellow_5-contrast:#ffffff;--light_yellow_6:#6b6b01;--light_yellow_6-contrast:#ffffff;--light_yellow_7:#726118;--light_yellow_7-contrast:#ffffff;--light_yellow_8:#665e0a;--light_yellow_8-contrast:#ffffff;--light_yellow_9:#645702;--light_yellow_9-contrast:#ffffff;--light_yellow_10:#5a511b;--light_yellow_10-contrast:#ffffff;--light_orange_1:#c36b28;--light_orange_1-contrast:#ffffff;--light_orange_2:#c56302;--light_orange_2-contrast:#ffffff;--light_orange_3:#bc6124;--light_orange_3-contrast:#ffffff;--light_orange_4:#c35418;--light_orange_4-contrast:#ffffff;--light_orange_5:#b85505;--light_orange_5-contrast:#ffffff;--light_orange_6:#aa5631;--light_orange_6-contrast:#ffffff;--light_orange_7:#89621f;--light_orange_7-contrast:#ffffff;--light_orange_8:#b53a0d;--light_orange_8-contrast:#ffffff;--light_orange_9:#7a5a1f;--light_orange_9-contrast:#ffffff;--light_orange_10:#8f440a;--light_orange_10-contrast:#ffffff;}:root{--font-size:clamp(14px, 2vw, 17px);--font-family:sans-serif;--line-height:1.5em;--gap-inline:0.1rem;--gap-row:0.25rem;--gap-column:0.25rem;--gap-box:0.5rem;--gap-section:1rem;--padding-section:1rem;--padding-control:0.5rem;--padding-box:0.5rem;--padding-row:0.25rem;--padding-column:0.25rem;--size-textbox-height:2rem;--size-textbox-width:10rem;--size-button-height:2rem;--size-button-width:8rem;--size-textarea-height:10rem;--size-select-list-height:10rem;--size-message-icon-height:2.50rem;--size-checkbox-width:2rem;--size-checkbox-height:2rem;--size-switchbox-width:2.5rem;--size-switchbox-height:1.5rem;--size-fieldset-left-width:200px;--size-dialog-width:500px;--toast-size-width:400px;--toast-red-background-color:var(--light_red_6);--toast-red-color:var(--light_red_6-contrast);--toast-green-background-color:var(--light_green_2);--toast-green-color:var(--light_green_2-contrast);--toast-blue-background-color:var(--light_blue_7);--toast-blue-color:var(--light_blue_7-contrast);--toast-yellow-background-color:var(--light_yellow_1);--toast-yellow-color:var(--light_yellow_1-contrast);--toast-orange-background-color:var(--light_orange_6);--toast-orange-color:var(--light_orange_6-contrast);--transition-duration:0.30s;--transition-duration-1:0.10s;--transition-duration-2:0.20s;--transition-duration-3:0.30s;--transition-duration-4:0.40s;--transition-duration-5:0.50s;--radius:0.5rem;--radius-pill:9999px;--radius-circle:50%;--radius-dialog:1rem;--aspect-ratio-1-1: 100%;--aspect-ratio-1-2: 200%;--aspect-ratio-2-1: 50%;--aspect-ratio-2-3: 150%;--aspect-ratio-3-2: 66.6667%;--aspect-ratio-3-4: 133.3333%;--aspect-ratio-4-3: 75%;--aspect-ratio-4-5: 125%;--aspect-ratio-5-4: 80%;--aspect-ratio-5-6: 120%;--aspect-ratio-6-5: 83.3333%;--aspect-ratio-9-16: 177.7778%;--aspect-ratio-16-9: 56.25%;--aspect-ratio-21-9: 42.8571%;--aspect-ratio-9-21: 233.3333%;}html{--background-color:var(--light_1);--text-color:var(--light_1-contrast);--link-text-color:var(--light_blue_10);--warning-background-color:var(--dark_1);--warning-text-color:var(--dark_1-contrast);--fieldset-field-odd-background-color:var(--light_2);--fieldset-field-even-background-color:var(--light_4);--quote-background-color:var(--light_5);--quote-text-color:var(--light_5-contrast);--control-background-color:var(--light_4);--control-text-color:var(--light_1-contrast);--control-hover-text-color:var(--light_10-contrast);--control-border-color:var(--neutral_light_1);--control-hover-border-color:var(--neutral_light_10);--control-focus-background-color:var(--light_1);--control-disabled-background-color:var(--light_4);--control-disabled-text-color:var(--neutral_light_10);--control-disabled-border-color:var(--neutral_light_10);--textbox-background-color:var(--light_4);--textbox-text-color:var(--light_4-contrast);--textbox-hover-background-color:var(--light_3);--textbox-focus-background-color:var(--light_1);--textbox-addon-background-color:var(--light_10);--button-radius:var(--radius-pill);--button-background-color:var(--light_8);--button-text-color:var(--light_1-contrast);--button-hover-background-color:var(--light_4);--button-focus-background-color:var(--light_4);--button-red-background-color:var(--light_red_10);--button-red-text-color:var(--light_red_10-contrast);--button-red-hover-background-color:var(--light_red_7);--button-red-focus-background-color:var(--light_red_7);--button-green-background-color:var(--light_green_10);--button-green-text-color:var(--light_green_10-contrast);--button-green-hover-background-color:var(--light_green_7);--button-green-focus-background-color:var(--light_green_7);--button-blue-background-color:var(--light_blue_10);--button-blue-text-color:var(--light_blue_7-contrast);--button-blue-hover-background-color:var(--light_blue_8);--button-blue-focus-background-color:var(--light_blue_8);--button-yellow-background-color:var(--light_yellow_7);--button-yellow-text-color:var(--light_yellow_7-contrast);--button-yellow-hover-background-color:var(--light_yellow_4);--button-yellow-focus-background-color:var(--light_yellow_4);--button-orange-background-color:var(--light_orange_10);--button-orange-text-color:var(--light_orange_10-contrast);--button-orange-hover-background-color:var(--light_orange_8);--button-orange-focus-background-color:var(--light_orange_8);--checkbox-color:var(--light_1-contrast);--checkbox-hover-color:var(--light_10-contrast);--switchbox-color:var(--neutral_light_8);--switchbox-checked-color:var(--switchbox-green-checked-color);--switchbox-red-checked-color:var(--button-red-background-color);--switchbox-green-checked-color:var(--button-green-background-color);--switchbox-blue-checked-color:var(--button-blue-background-color);--switchbox-yellow-checked-color:var(--button-yellow-background-color);--switchbox-orange-checked-color:var(--button-orange-background-color);--note-border-color:var(--light_10);--note-background-color:var(--light_8);--note-text-color:var(--light_8-contrast);--note-red-border-color:var(--light_red_10);--note-red-background-color:var(--light_red_10);--note-red-text-color:var(--light_red_10-contrast);--note-green-border-color:var(--light_green_10);--note-green-background-color:var(--light_green_10);--note-green-text-color:var(--light_green_10-contrast);--note-blue-border-color:var(--light_blue_10);--note-blue-background-color:var(--light_blue_10);--note-blue-text-color:var(--light_blue_10-contrast);--note-yellow-border-color:var(--light_yellow_9);--note-yellow-background-color:var(--light_yellow_9);--note-yellow-text-color:var(--light_yellow_9-contrast);--note-orange-border-color:var(--light_orange_10);--note-orange-background-color:var(--light_orange_10);--note-orange-text-color:var(--light_orange_10-contrast);--dialog-background-color:var(--light_1);--dialog-text-color:var(--light_1-contrast);--dialog-icon-info-background-color:var(--light_blue_7);--dialog-icon-info-text-color:var(--light_blue_7-contrast);--dialog-icon-question-background-color:var(--light_blue_7);--dialog-icon-question-text-color:var(--light_blue_7-contrast);--dialog-icon-warn-background-color:var(--light_orange_1);--dialog-icon-warn-text-color:var(--light_orange_1-contrast);--dialog-icon-error-background-color:var(--light_red_9);--dialog-icon-error-text-color:var(--light_red_9-contrast);--popup-box-shadow:0 0 var(--gap-box) var(--light_10);--loader-background-color:var(--light_1);--loader-icon-filter:brightness(0%);}html.dark-mode{--background-color:var(--dark_1);--text-color:var(--dark_10-contrast);--link-text-color:var(--dark_blue_10);--warning-background-color:var(--light_1);--warning-text-color:var(--light_1-contrast);--fieldset-field-odd-background-color:var(--dark_4);--fieldset-field-even-background-color:var(--dark_5);--quote-background-color:var(--dark_5);--quote-text-color:var(--dark_5-contrast);--control-background-color:var(--dark_2);--control-text-color:var(--dark_1-contrast);--control-hover-text-color:var(--dark_10-contrast);--control-border-color:var(--dark_8);--control-hover-border-color:var(--dark_8);--control-focus-background-color:var(--dark_1);--control-disabled-background-color:var(--dark_6);--control-disabled-text-color:var(--dark_1);--control-disabled-border-color:var(--neutral_dark_10);--textbox-background-color:var(--dark_6);--textbox-text-color:var(--dark_6-contrast);--textbox-hover-background-color:var(--dark_8);--textbox-focus-background-color:var(--dark_10);--textbox-addon-background-color:var(--dark_8);--button-radius:var(--radius-pill);--button-background-color:var(--dark_8);--button-text-color:var(--dark_1-contrast);--button-hover-background-color:var(--dark_4);--button-focus-background-color:var(--dark_4);--button-red-background-color:var(--dark_red_1);--button-red-text-color:var(--dark_red_1-contrast);--button-red-hover-background-color:var(--dark_red_5);--button-red-focus-background-color:var(--dark_red_5);--button-green-background-color:var(--dark_green_1);--button-green-text-color:var(--dark_green_1-contrast);--button-green-hover-background-color:var(--dark_green_5);--button-green-focus-background-color:var(--dark_green_5);--button-blue-background-color:var(--dark_blue_4);--button-blue-text-color:var(--dark_blue_4-contrast);--button-blue-hover-background-color:var(--dark_blue_8);--button-blue-focus-background-color:var(--dark_blue_8);--button-yellow-background-color:var(--dark_yellow_5);--button-yellow-text-color:var(--dark_yellow_5-contrast);--button-yellow-hover-background-color:var(--dark_yellow_10);--button-yellow-focus-background-color:var(--dark_yellow_10);--button-orange-background-color:var(--dark_orange_5);--button-orange-text-color:var(--dark_orange_5-contrast);--button-orange-hover-background-color:var(--dark_orange_8);--button-orange-focus-background-color:var(--dark_orange_8);--checkbox-color:var(--dark_10-contrast);--checkbox-hover-color:var(--dark_1-contrast);--switchbox-color:var(--neutral_dark_1);--switchbox-checked-color:var(--switchbox-green-checked-color);--switchbox-red-checked-color:var(--button-red-background-color);--switchbox-green-checked-color:var(--button-green-background-color);--switchbox-blue-checked-color:var(--button-blue-background-color);--switchbox-yellow-checked-color:var(--button-yellow-background-color);--switchbox-orange-checked-color:var(--button-orange-background-color);--note-border-color:var(--dark_5);--note-background-color:var(--dark_4);--note-text-color:var(--dark_4-contrast);--note-red-border-color:var(--dark_red_1);--note-red-background-color:var(--dark_red_10);--note-red-text-color:var(--dark_red_10-contrast);--note-green-border-color:var(--dark_green_1);--note-green-background-color:var(--dark_green_10);--note-green-text-color:var(--dark_green_10-contrast);--note-blue-border-color:var(--dark_blue_1);--note-blue-background-color:var(--dark_blue_10);--note-blue-text-color:var(--dark_blue_10-contrast);--note-yellow-border-color:var(--dark_yellow_10);--note-yellow-background-color:var(--dark_yellow_9);--note-yellow-text-color:var(--dark_yellow_9-contrast);--note-orange-border-color:var(--dark_orange_1);--note-orange-background-color:var(--dark_orange_10);--note-orange-text-color:var(--dark_orange_10-contrast);--dialog-background-color:var(--dark_1);--dialog-text-color:var(--dark_10-contrast);--dialog-icon-info-background-color:var(--dark_blue_4);--dialog-icon-info-text-color:var(--light_1);--dialog-icon-question-background-color:var(--dark_blue_4);--dialog-icon-question-text-color:var(--light_1);--dialog-icon-warn-background-color:var(--dark_orange_1);--dialog-icon-warn-text-color:var(--dark_orange_1-contrast);--dialog-icon-error-background-color:var(--light_red_9);--dialog-icon-error-text-color:var(--light_red_9-contrast);--popup-box-shadow:0 0 var(--gap-box) var(--dark_10);--loader-background-color:var(--dark_1);--loader-icon-filter:brightness(0) invert(1);}html,body{-webkit-tap-highlight-color: transparent;margin:0;padding:0;font-size:var(--font-size);font-family:var(--font-family);background:var(--background-color);color:var(--text-color);overflow-x:hidden;width:100vw;min-height:100vh;}body{position:relative;z-index:1;}.safe-zone{padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);box-sizing:border-box;}*,*::before,*::after{font-size:inherit;font-family:inherit;box-sizing:border-box;line-height:var(--line-height);}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;}ul,ol{margin:0;padding:0;list-style:none;}*+h1,*+h2,*+h3,*+h4,*+h5,*+h6,*+p,*+ul,*+ol,*+pre,*+blockquote{margin-top:var(--padding-control);}blockquote,pre{overflow:auto;padding:var(--padding-section);}h1{font-size:2rem;}h2{font-size:1.5rem;}h3{font-size:1.3rem;}h4{font-size:1.2rem;}h5{font-size:1.1rem;}h6{font-size:1rem;}li{margin:0;padding:0;}a{color:var(--link-text-color);cursor:pointer;text-decoration:underline;}.hidden{display:none!important;}.sx-fieldset{overflow:hidden;border-radius:var(--radius);border:1px solid var(--fieldset-field-even-background-color);}* + .sx-fieldset{margin-top:var(--gap-row);}.sx-fieldset:empty{display:none;}.sx-fieldset .sx-field{display:flex;width:100%;align-items:center;background:var(--fieldset-field-odd-background-color);padding:var(--gap-row);}.sx-fieldset .sx-field + .sx-field{margin-top:var(--gap-inline);}.sx-fieldset .sx-field:nth-child(even){background:var(--fieldset-field-even-background-color);}.sx-fieldset .sx-field>.left:not(:empty){flex-basis:var(--size-fieldset-left-width);flex-shrink:0;}.sx-fieldset .sx-field>.left:empty{display:none;}.sx-fieldset .sx-field>.right{flex-grow:1;width:0;word-wrap:break-word;}.sx-control{display:inline-flex;align-items:center;vertical-align:bottom;overflow:hidden;width:var(--size-textbox-width);position:relative;z-index:1;background:var(--control-background-color);border:1px solid var(--control-border-color);border-radius:var(--radius);}.sx-control:hover{border-color:var(--control-hover-border-color);}.sx-control.block{display:flex;width:100%;}.sx-control.textbox{background:var(--textbox-background-color);align-items:stretch;}.sx-control.textbox:hover{background:var(--textbox-hover-background-color);}.sx-control.textbox>.addon{padding:0 var(--padding-control);display:flex;align-items:center;justify-content:center;background:var(--textbox-addon-background-color);user-select:none;}.sx-control.textbox>input{flex-grow:1;width:0;flex-shrink:0;border:none;outline:none;appearance:none;-webkit-appearance:none;background:none;position:relative;z-index:1;height:var(--size-textbox-height);padding:0 var(--padding-control);cursor:text;margin:0;font-size:max(16px,var(--font-size));color:var(--textbox-text-color);}.sx-control.textbox>input:focus-visible{background:var(--textbox-focus-background-color);}.sx-control.textarea{background:var(--textbox-background-color);}.sx-control.textarea:hover{background:var(--textbox-hover-background-color);}.sx-control.textarea>textarea{flex-grow:1;width:0;flex-shrink:0;border:none;outline:none;appearance:none;-webkit-appearance:none;background:none;position:relative;z-index:1;height:var(--size-textarea-height);padding:var(--padding-control);resize:none;cursor:text;margin:0;font-size:max(16px,var(--font-size));color:var(--textbox-text-color);}.sx-control.textarea>textarea:focus-visible{background:var(--textbox-focus-background-color);}.sx-control.select{background:var(--textbox-background-color);}.sx-control.select:hover{background:var(--textbox-focus-background-color);}.sx-control.select>select{flex-grow:1;width:0;flex-shrink:0;border:none;outline:none;appearance:none;-webkit-appearance:none;background:var(--textbox-background-color);position:relative;z-index:1;display:block;height:var(--size-textbox-height);padding:0 calc(3 * var(--padding-control)) 0 var(--padding-control);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;margin:0;color:var(--textbox-text-color);}.sx-control.select::after{pointer-events:none;z-index:2;content:'';display:block;position:absolute;top:50%;margin-top:calc(0px - var(--padding-control) / 2 );width:0;height:0;right:var(--padding-control);border:var(--padding-control) solid transparent;border-top-color:var(--control-border-color);}.sx-control.select>select:focus-visible{box-shadow:inset 0 0 1em var(--control-focus-background-color);}.sx-control.select-list{background:var(--textbox-background-color);}.sx-control.select-list:hover{background:var(--textbox-hover-background-color);}.sx-control.select-list>select{flex-grow:1;width:0;flex-shrink:0;border:none;outline:none;appearance:none;-webkit-appearance:none;background:none;position:relative;z-index:1;display:block;min-height:var(--size-select-list-height);padding:0;white-space:nowrap;overflow-x:hidden;overflow-y:auto;text-overflow:ellipsis;cursor:pointer;margin:0;color:var(--textbox-text-color);}.sx-control.select-list>select>option{display:block;height:var(--size-textbox-height);width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:calc((var(--size-textbox-height) - 1em) / 2) var(--padding-control) 0 var(--padding-control);}.sx-control.select-list>select:focus-visible{box-shadow:inset 0 0 1em var(--control-focus-background-color);}.sx-control.button{border:none;min-width:var(--size-button-width);width:auto;border-radius:var(--radius-pill);}.sx-control.button>input,.sx-control.button>button{width:100%;flex-shrink:0;border:1px solid var(--control-border-color);border-radius:var(--radius-pill);outline:none;appearance:none;-webkit-appearance:none;position:relative;z-index:1;height:var(--size-button-height);padding:0 var(--padding-control);background:var(--button-background-color);color:var(--button-text-color);transition:background-color var(--transition-duration);cursor:pointer;margin:0;}.sx-control.button>input:hover,.sx-control.button>button:hover{background:var(--button-hover-background-color);}.sx-control.button>button:focus-visible{box-shadow:inset 0 0 1em var(--button-focus-background-color);}.sx-control.button.red>input,.sx-control.button.red>button{border-color:var(--button-red-background-color);background:var(--button-red-background-color);color:var(--button-red-text-color);}.sx-control.button.red:hover>input,.sx-control.button.red:hover>button{border-color:var(--button-red-hover-background-color);background:var(--button-red-hover-background-color);}.sx-control.button.red>button:focus-visible{box-shadow:inset 0 0 1em var(--button-red-focus-background-color);}.sx-control.button.green>input,.sx-control.button.green>button{border-color:var(--button-green-background-color);background:var(--button-green-background-color);color:var(--button-green-text-color);}.sx-control.button.green:hover>input,.sx-control.button.green:hover>button{background:var(--button-green-hover-background-color);border-color:var(--button-green-hover-background-color);}.sx-control.button.green>button:focus-visible{box-shadow:inset 0 0 1em var(--button-green-focus-background-color);}.sx-control.button.blue>input,.sx-control.button.blue>button{border-color:var(--button-blue-background-color);background:var(--button-blue-background-color);color:var(--button-blue-text-color);}.sx-control.button.blue:hover>input,.sx-control.button.blue:hover>button{border-color:var(--button-blue-hover-background-color);background:var(--button-blue-hover-background-color);}.sx-control.button.blue>button:focus-visible{box-shadow:inset 0 0 1em var(--button-blue-focus-background-color);}.sx-control.button.yellow>input,.sx-control.button.yellow>button{border-color:var(--button-yellow-background-color);background:var(--button-yellow-background-color);color:var(--button-yellow-text-color);}.sx-control.button.yellow:hover>input,.sx-control.button.yellow:hover>button{border-color:var(--button-yellow-hover-background-color);background:var(--button-yellow-hover-background-color);}.sx-control.button.yellow>button:focus-visible{box-shadow:inset 0 0 1em var(--button-yellow-focus-background-color);}.sx-control.button.orange>input,.sx-control.button.orange>button{border-color:var(--button-orange-background-color);background:var(--button-orange-background-color);color:var(--button-orange-text-color);}.sx-control.button.orange:hover>input,.sx-control.button.orange:hover>button{border-color:var(--button-orange-hover-background-color);background:var(--button-orange-hover-background-color);}.sx-control.button.orange>button:focus-visible{box-shadow:inset 0 0 1em var(--button-orange-focus-background-color);}.sx-control.checkbox{background:none;border:none;align-items:center;width:auto;}.sx-control.checkbox input{display:none;}.sx-control.checkbox label{user-select:none;display:flex;align-items:start;color:var(--control-text-color);position:relative;z-index:1;cursor:pointer;}.sx-control.checkbox.block label{width:100%;}.sx-control.checkbox label::before{content:'';flex-shrink:0;display:block;align-items:center;justify-content:center;width:var(--size-checkbox-width);height:var(--size-checkbox-height);border:1px solid var(--checkbox-color);border-radius:var(--radius);}.sx-control.checkbox label::after{content:'';display:none;position:absolute;z-index:2;width:calc(var(--size-checkbox-width) / 2);height:calc(var(--size-checkbox-height) / 2);background:var(--checkbox-color);top:0;left:0;margin-top:calc(var(--size-checkbox-height) / 4);margin-left:calc(var(--size-checkbox-width) / 4);border-radius:var(--radius);}.sx-control.checkbox:hover label::before{border-color:var(--checkbox-hover-color);}.sx-control.checkbox:hover label::after{background:var(--checkbox-hover-color);}.sx-control.checkbox:hover label{color:var(--control-hover-text-color);}.sx-control.checkbox input:checked+label::after{display:block;}.sx-control.checkbox label:not(:empty)::before{margin-right:var(--gap-box);}.sx-control.radio{background:none;border:none;align-items:center;width:auto;}.sx-control.radio input{display:none;}.sx-control.radio label{user-select:none;display:flex;align-items:start;color:var(--control-text-color);position:relative;z-index:1;cursor:pointer;}.sx-control.radio.block label{width:100%;}.sx-control.radio label::before{content:'';flex-shrink:0;display:block;align-items:center;justify-content:center;width:var(--size-checkbox-width);height:var(--size-checkbox-height);border:1px solid var(--checkbox-color);border-radius:var(--radius-circle);}.sx-control.radio label::after{content:'';display:none;position:absolute;z-index:2;width:calc(var(--size-checkbox-width) / 2);height:calc(var(--size-checkbox-height) / 2);background:var(--checkbox-color);top:0;left:0;margin-top:calc(var(--size-checkbox-height) / 4);margin-left:calc(var(--size-checkbox-width) / 4);border-radius:var(--radius-circle);}.sx-control.radio:hover label::before{border-color:var(--checkbox-hover-color);}.sx-control.radio:hover label::after{background:var(--checkbox-hover-color);}.sx-control.radio:hover label{color:var(--control-hover-text-color);}.sx-control.radio input:checked+label::after{display:block;}.sx-control.radio label:not(:empty)::before{margin-right:var(--gap-box);}.sx-control.switchbox{background:none;border:none;align-items:center;width:auto;}.sx-control.switchbox input{display:none;}.sx-control.switchbox label{user-select:none;display:flex;align-items:start;color:var(--control-text-color);position:relative;z-index:1;cursor:pointer;}.sx-control.switchbox.block label{width:100%;}.sx-control.switchbox label::before{content:'';flex-shrink:0;display:block;align-items:center;justify-content:center;width:var(--size-switchbox-width);height:var(--size-switchbox-height);border-radius:var(--radius-pill);background:var(--switchbox-color);transition:background-color var(--transition-duration);}.sx-control.switchbox label::after{content:'';position:absolute;z-index:2;width:calc(var(--size-switchbox-height) - 4px);height:calc(var(--size-switchbox-height) - 4px);background:white;top:2px;left:0px;transform:translateX(2px);border-radius:var(--radius-circle);transition:transform var(--transition-duration);}.sx-control.switchbox input:checked+label::before{background:var(--switchbox-checked-color);}.sx-control.switchbox input:checked+label::after{transform:translateX(calc(var(--size-switchbox-width) - var(--size-switchbox-height) + 2px ));}.sx-control.switchbox label:not(:empty)::before{margin-right:var(--gap-box);}.sx-control.switchbox.red input:checked+label::before{background:var(--switchbox-red-checked-color);}.sx-control.switchbox.green input:checked+label::before{background:var(--switchbox-green-checked-color);}.sx-control.switchbox.blue input:checked+label::before{background:var(--switchbox-blue-checked-color);}.sx-control.switchbox.yellow input:checked+label::before{background:var(--switchbox-yellow-checked-color);}.sx-control.switchbox.orange input:checked+label::before{background:var(--switchbox-orange-checked-color);}.sx-control.textbox input:disabled, .sx-control.textarea textarea:disabled, .sx-control.select select:disabled, .sx-control.select-list select:disabled, .sx-control.button input:disabled, .sx-control.button button:disabled{border-color:var(--control-border-color)!important;color:var(--control-disabled-text-color)!important;background:var(--control-disabled-background-color)!important;cursor:not-allowed!important;}.sx-control.textbox input:disabled + *, .sx-control.textarea textarea:disabled + *, .sx-control.select select:disabled + *, .sx-control.select-list select:disabled + *{pointer-events:none!important;}.sx-control.checkbox input:disabled + label, .sx-control.radio input:disabled + label{color:var(--control-disabled-text-color)!important;cursor:not-allowed!important;opacity:0.6!important;}.sx-control.checkbox input:disabled + label::before, .sx-control.radio input:disabled + label::before{border-color:var(--control-disabled-border-color)!important;}.sx-control.checkbox input:disabled + label::after, .sx-control.radio input:disabled + label::after{background:var(--control-disabled-border-color)!important;}.sx-control+.sx-control{margin:0 0 0 var(--gap-inline);}.sx-control+.sx-control.block{margin:var(--gap-inline) 0 0 0;}#sx-error{position:fixed;top:0;left:0;z-index:99999999;width:100vw;height:100vh;box-sizing:border-box;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);}#sx-error::before{content:'';display:block;width:100%;height:100%;position:absolute;z-index:1;background:#000;opacity:0.8;}#sx-error::after{box-sizing:border-box;content:attr(data-content);padding:1rem;color:#fff;z-index:2;position:absolute;display:flex;width:100%;height:100%;align-items:center;justify-content:center;text-align:center;}#sx-loader{user-select:none;font-size:max(2rem,min(10vw,10vh));position:fixed;top:0;left:0;z-index:9999999;display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;box-sizing:border-box;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);}#sx-loader::before{content:'';display:block;width:100%;height:100%;position:absolute;z-index:1;background:var(--loader-background-color);opacity:0.8;}#sx-loader::after{content:'';display:block;z-index:2;width:1em;height:1em;background:url('data:image/svg+xml;charset=UTF-8,');animation:0.8s steps(8) infinite sx-spinner;-webkit-animation:0.8s steps(8) infinite sx-spinner;filter:var(--loader-icon-filter);}.sx-previewer{position:fixed;top:0;left:0;z-index:999999;display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;box-sizing:border-box;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);padding:max(var(--gap-section),var(--safe-top)) max(var(--gap-section),var(--safe-right)) max(var(--gap-section),var(--safe-bottom)) max(var(--gap-section),var(--safe-left));}.sx-previewer .box{display:flex;position:relative;z-index:1;box-sizing:border-box;padding:var(--gap-section);overflow:auto;border-radius:var(--radius-dialog);color:var(--dialog-text-color);max-width:100%;max-height:100%;flex-direction:column;}.sx-previewer .box .command{display:flex;flex-shrink:0;height:calc(var(--size-button-height) * 2);justify-content:center;align-items:center;}.sx-previewer .box .image-container{display:flex;border-radius:var(--radius-dialog);max-height:calc(100vh - calc(var(--size-button-height) * 2) - max(var(--gap-section),var(--safe-top)) - max(var(--gap-section),var(--safe-bottom)) - var(--gap-section) - var(--gap-section));max-width:100%;flex-grow:1;flex-shrink:1;align-items:center;justify-content:center;background:no-repeat center center;background-size:contain;}.sx-previewer .box .image-container img{max-width:100%;max-height:100%;object-fit:contain;}.sx-previewer .box .image-container video{background:#000;max-height:80vh;max-width:80vw;border-radius:var(--radius);}.sx-popup{position:fixed;top:0;left:0;z-index:999999;display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;box-sizing:border-box;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);padding:max(var(--gap-section),var(--safe-top)) max(var(--gap-section),var(--safe-right)) max(var(--gap-section),var(--safe-bottom)) max(var(--gap-section),var(--safe-left));flex-direction:column;}.sx-popup>.box{display:flex;position:relative;z-index:1;box-sizing:border-box;padding:var(--gap-section);overflow:auto;border-radius:var(--radius-dialog);color:var(--dialog-text-color);max-width:100%;max-height:calc(100% - (var(--size-button-height) * 2));align-items:center;justify-content:center;overflow:auto;box-shadow:var(--popup-box-shadow);background:var(--background-color);align-items:stretch;}.sx-popup>.box>div{width:100%;height:100%;}.sx-popup>.command{display:flex;flex-shrink:0;height:calc(var(--size-button-height) * 2);justify-content:center;align-items:center;}#sx-toast-container{pointer-events:none;position:fixed;z-index:99999999;bottom:0;right:0;padding:max(var(--gap-section),var(--safe-top)) max(var(--gap-section),var(--safe-right)) max(var(--gap-section),var(--safe-bottom)) max(var(--gap-section),var(--safe-left));box-sizing:border-box;width:var(--toast-size-width);max-width:100%;}#sx-toast-container .toast{cursor:pointer;pointer-events:auto;position:relative;display:flex;flex-grow:1;flex-shrink:0;flex-direction:column;padding:var(--gap-box);border-radius:var(--radius);overflow:hidden;opacity:1;transform:translateY(0px);animation:toastFadeInOut var(--transition-duration-5) ease-out forwards;}@keyframes toastFadeInOut {0%{opacity:0;transform:translateY(20px);}100%{opacity:1;transform:translateY(0px);}}#sx-toast-container .toast::before{content:'';display:block;position:absolute;z-index:1;top:0;left:0;opacity:0.8;width:100%;height:100%;}#sx-toast-container .toast.red{color:var(--toast-red-color);}#sx-toast-container .toast.red::before{background:var(--toast-red-background-color);}#sx-toast-container .toast.green{color:var(--toast-green-color);}#sx-toast-container .toast.green::before{background:var(--toast-green-background-color);}#sx-toast-container .toast.blue{color:var(--toast-blue-color);}#sx-toast-container .toast.blue::before{background:var(--toast-blue-background-color);}#sx-toast-container .toast.yellow{color:var(--toast-yellow-color);}#sx-toast-container .toast.yellow::before{background:var(--toast-yellow-background-color);}#sx-toast-container .toast.orange{color:var(--toast-orange-color);}#sx-toast-container .toast.orange::before{background:var(--toast-orange-background-color);}#sx-toast-container .toast+.toast{margin-top:var(--gap-box);}#sx-toast-container .toast .title{font-weight:bold;display:block;position:relative;z-index:2;padding-bottom:var(--gap-box);}#sx-toast-container .toast .title:last-child{padding-bottom:0;}#sx-toast-container .toast .content{position:relative;z-index:2;}.sx-dialog{position:fixed;top:0;left:0;z-index:999999;display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;box-sizing:border-box;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);}.sx-dialog .box{display:block;position:relative;z-index:1;width:var(--size-dialog-width);max-width:calc(100vw - max(var(--gap-section),calc(var(--safe-right) + var(--safe-left))));height:auto;max-height:calc(100vh - max(var(--gap-section),calc(var(--safe-top) + var(--safe-bottom))));overflow:auto;border-radius:var(--radius-dialog);padding:var(--gap-section);background:var(--dialog-background-color);color:var(--dialog-text-color);border:1px solid var(--control-border-color);box-shadow:0 0 1rem var(--control-border-color);}.sx-dialog .box .container{height:100%;}.sx-dialog .box .container .title{font-size:1.4rem;user-select:none;}.sx-dialog .box .container .message{display:flex;align-items:center;}.sx-dialog .box .container * + .message:not(:empty){padding-top:var(--gap-box);}.sx-dialog .box .container .message .icon{flex-basis:var(--size-message-icon-height);flex-shrink:0;height:var(--size-message-icon-height);margin-right:var(--gap-box);}.sx-dialog .box .container .message .icon:empty{display:none;}.sx-dialog .box .container .message .icon .info{display:flex;width:100%;height:100%;align-items:center;justify-content:center;background:var(--dialog-icon-info-background-color);border-radius:50%;}.sx-dialog .box .container .message .icon .info::after{content:'i';font-style:italic;font-family:serif;font-size:2rem;color:var(--dialog-icon-info-text-color);}.sx-dialog .box .container .message .icon .question{display:flex;width:100%;height:100%;align-items:center;justify-content:center;background:var(--dialog-icon-question-background-color);border-radius:50%;}.sx-dialog .box .container .message .icon .question::after{content:'?';font-family:serif;font-size:2rem;color:var(--dialog-icon-question-text-color);}.sx-dialog .box .container .message .icon .error{display:flex;width:100%;height:100%;align-items:center;justify-content:center;background:var(--dialog-icon-error-background-color);border-radius:50%;}.sx-dialog .box .container .message .icon .error::after{content:'!';font-family:serif;font-size:2rem;color:var(--dialog-icon-error-text-color);}.sx-dialog .box .container .message .icon .warning{display:flex;width:100%;height:100%;align-items:center;justify-content:center;}.sx-dialog .box .container .message .icon .warning::before{content:'';position:absolute;display:block;z-index:1;width:0;height:0;border:1.25rem solid transparent;border-bottom:2.5rem solid var(--dialog-icon-warn-background-color);transform:translateY(-0.75rem);}.sx-dialog .box .container .message .icon .warning::after{content:'!';font-family:serif;font-size:2rem;position:absolute;z-index:2;color:var(--dialog-icon-warn-text-color);}.sx-dialog .box .container .message .content{flex-grow:1;flex-shrink:0;width:0;}.sx-dialog .box .container .list-button{display:flex;align-items:center;justify-content:right;}.sx-dialog .box .container * + .list-button:not(:empty){padding-top:var(--gap-row);}.sx-control+.sx-note,.sx-note+.sx-note{margin:var(--gap-inline) 0 0 0;}.sx-note{padding:var(--padding-box);border:1px solid var(--note-border-color);background:var(--note-background-color);color:var(--note-text-color);border-radius:var(--radius);}.sx-note.red{border-color:var(--note-red-border-color);background:var(--note-red-background-color);color:var(--note-red-text-color);}.sx-note.green{border-color:var(--note-green-border-color);background:var(--note-green-background-color);color:var(--note-green-text-color);}.sx-note.blue{border-color:var(--note-blue-border-color);background:var(--note-blue-background-color);color:var(--note-blue-text-color);}.sx-note.yellow{border-color:var(--note-yellow-border-color);background:var(--note-yellow-background-color);color:var(--note-yellow-text-color);}.sx-note.orange{border-color:var(--note-orange-border-color);background:var(--note-orange-background-color);color:var(--note-orange-text-color);}@media print {body {-webkit-print-color-adjust: exact;print-color-adjust: exact;}html, body {background: inherit !important;color: inherit !important;}*, *::before, *::after {box-shadow: none !important;text-shadow: none !important;}img, svg {max-width: 100% !important;page-break-inside: avoid;}nav, footer, .no-print {display: none !important;}@page {margin: 1cm;size: auto;}}@media(max-width:600px){.sx-fieldset .sx-field{flex-direction:column;}.sx-fieldset .sx-field>.left,.sx-fieldset .sx-field>.left:not(:empty),.sx-fieldset .sx-field>.right,.sx-fieldset .sx-field>.right:not(:empty){flex-basis:auto;width:100%;flex-grow:1;}.sx-fieldset .sx-field .left+.right{margin-top:var(--gap-column);}.sx-dialog .box .container .title{text-align:center;}.sx-dialog .box .container .message{justify-content:center;}.sx-dialog .box .container .list-button{flex-direction:column;justify-content:center;}.sx-dialog .box .container .list-button>.sx-control{display:flex;border-radius:var(--radius);}.sx-dialog .box .container .list-button>.sx-control.button{width:100%;border-radius:var(--radius);}.sx-dialog .box .container .list-button>.sx-control.button>button{border-radius:var(--radius);}.sx-dialog .box .container .list-button>.sx-control+.sx-control{margin:var(--gap-inline) 0 0 0;}}