@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@100..900&display=swap";@font-face{font-family:icomoon;src:url(/assets/icomoon-B2w2zKhn.eot?meqvuw);src:url(/assets/icomoon-B2w2zKhn.eot?meqvuw#iefix) format("embedded-opentype"),url(/assets/icomoon-D5YuBAA3.ttf?meqvuw) format("truetype"),url(/assets/icomoon-BF2PZgip.woff?meqvuw) format("woff"),url(/assets/icomoon-DcmSKb0N.svg?meqvuw#icomoon) format("svg");font-weight:400;font-style:normal;font-display:block}:host,:root{--base-font-size:16px;--base-unit:.25rem;--base-half-unit:calc(var(--base-unit) / 2);--color-background-base-1:var(--color-palette-white-1000);--color-background-base-2:var(--color-palette-primary-0);--color-background-grey-lighter:var(--color-palette-grey-0);--color-background-grey-light:var(--color-palette-grey-50);--color-background-grey-default:var(--color-palette-grey-200);--color-background-grey-dark:var(--color-palette-grey-700);--color-background-grey-darker:var(--color-palette-grey-900);--color-background-primary-lighter:var(--color-palette-primary-0);--color-background-primary-light:var(--color-palette-primary-300);--color-background-primary-default:var(--color-palette-primary-500);--color-background-primary-dark:var(--color-palette-primary-600);--color-background-primary-darker:var(--color-palette-primary-700);--color-background-secondary-lighter:var(--color-palette-secondary-0);--color-background-secondary-light:var(--color-palette-secondary-150);--color-background-secondary-default:var(--color-palette-secondary-500);--color-background-secondary-dark:var(--color-palette-secondary-600);--color-background-secondary-darker:var(--color-palette-secondary-800);--color-background-success-lighter:var(--color-palette-green-0);--color-background-success-light:var(--color-palette-green-200);--color-background-success-default:var(--color-palette-green-500);--color-background-success-dark:var(--color-palette-green-700);--color-background-success-darker:var(--color-palette-green-800);--color-background-warning-lighter:var(--color-palette-yellow-0);--color-background-warning-light:var(--color-palette-yellow-100);--color-background-warning-default:var(--color-palette-yellow-500);--color-background-warning-dark:var(--color-palette-yellow-700);--color-background-warning-darker:var(--color-palette-yellow-900);--color-background-error-lighter:var(--color-palette-red-0);--color-background-error-light:var(--color-palette-red-150);--color-background-error-default:var(--color-palette-red-400);--color-background-error-dark:var(--color-palette-red-600);--color-background-error-darker:var(--color-palette-red-700);--color-background-info-lighter:var(--color-palette-blue-0);--color-background-info-light:var(--color-palette-blue-150);--color-background-info-default:var(--color-palette-blue-500);--color-background-info-dark:var(--color-palette-blue-600);--color-background-info-darker:var(--color-palette-blue-800);--color-background-warm-blue-lighter:var(--color-palette-warm-blue-0);--color-background-warm-blue-light:var(--color-palette-warm-blue-150);--color-background-warm-blue-default:var(--color-palette-warm-blue-500);--color-background-warm-blue-dark:var(--color-palette-warm-blue-700);--color-background-warm-blue-darker:var(--color-palette-warm-blue-800);--color-base-primary:var(--color-palette-primary-500);--color-base-secondary:var(--color-palette-secondary-500);--color-base-support:var(--color-palette-warm-blue-500);--color-base-info:var(--color-palette-blue-500);--color-base-success:var(--color-palette-green-500);--color-base-warning:var(--color-palette-yellow-500);--color-base-error:var(--color-palette-red-500);--color-base-transparent:transparent;--color-base-white:white;--color-base-black:black;--color-border-grey-lighter:var(--color-palette-grey-0);--color-border-grey-light:var(--color-palette-grey-50);--color-border-grey-default:var(--color-palette-grey-200);--color-border-grey-dark:var(--color-palette-grey-700);--color-border-grey-darker:var(--color-palette-grey-900);--color-border-primary-lighter:var(--color-palette-primary-0);--color-border-primary-light:var(--color-palette-primary-300);--color-border-primary-default:var(--color-palette-primary-500);--color-border-primary-dark:var(--color-palette-primary-600);--color-border-primary-darker:var(--color-palette-primary-700);--color-border-secondary-lighter:var(--color-palette-secondary-0);--color-border-secondary-light:var(--color-palette-secondary-150);--color-border-secondary-default:var(--color-palette-secondary-500);--color-border-secondary-dark:var(--color-palette-secondary-600);--color-border-secondary-darker:var(--color-palette-secondary-800);--color-border-success-lighter:var(--color-palette-green-0);--color-border-success-light:var(--color-palette-green-200);--color-border-success-default:var(--color-palette-green-500);--color-border-success-dark:var(--color-palette-green-700);--color-border-success-darker:var(--color-palette-green-800);--color-border-warning-lighter:var(--color-palette-yellow-0);--color-border-warning-light:var(--color-palette-yellow-100);--color-border-warning-default:var(--color-palette-yellow-500);--color-border-warning-dark:var(--color-palette-yellow-700);--color-border-warning-darker:var(--color-palette-yellow-900);--color-border-error-lighter:var(--color-palette-red-0);--color-border-error-light:var(--color-palette-red-150);--color-border-error-default:var(--color-palette-red-500);--color-border-error-dark:var(--color-palette-red-600);--color-border-error-darker:var(--color-palette-red-700);--color-border-info-lighter:var(--color-palette-blue-0);--color-border-info-light:var(--color-palette-blue-150);--color-border-info-default:var(--color-palette-blue-500);--color-border-info-dark:var(--color-palette-blue-600);--color-border-info-darker:var(--color-palette-blue-800);--color-border-warm-blue-lighter:var(--color-palette-warm-blue-0);--color-border-warm-blue-light:var(--color-palette-warm-blue-150);--color-border-warm-blue-default:var(--color-palette-warm-blue-500);--color-border-warm-blue-dark:var(--color-palette-warm-blue-700);--color-border-warm-blue-darker:var(--color-palette-warm-blue-800);--color-caret-default:var(--color-base-primary);--color-effect-primary-level-1:var(--color-palette-primary-opacity-1);--color-effect-primary-level-2:var(--color-palette-primary-opacity-2);--color-effect-primary-level-3:var(--color-palette-primary-opacity-3);--color-effect-primary-level-4:var(--color-palette-primary-opacity-4);--color-effect-secondary-level-1:var(--color-palette-secondary-opacity-1);--color-effect-secondary-level-2:var(--color-palette-secondary-opacity-2);--color-effect-secondary-level-3:var(--color-palette-secondary-opacity-3);--color-effect-secondary-level-4:var(--color-palette-secondary-opacity-4);--color-effect-success-level-1:var(--color-palette-green-opacity-1);--color-effect-success-level-2:var(--color-palette-green-opacity-2);--color-effect-success-level-3:var(--color-palette-green-opacity-3);--color-effect-success-level-4:var(--color-palette-green-opacity-4);--color-effect-warning-level-1:var(--color-palette-yellow-opacity-1);--color-effect-warning-level-2:var(--color-palette-yellow-opacity-2);--color-effect-warning-level-3:var(--color-palette-yellow-opacity-3);--color-effect-warning-level-4:var(--color-palette-yellow-opacity-4);--color-effect-error-level-1:var(--color-palette-red-opacity-1);--color-effect-error-level-2:var(--color-palette-red-opacity-2);--color-effect-error-level-3:var(--color-palette-red-opacity-3);--color-effect-error-level-4:var(--color-palette-red-opacity-4);--color-effect-info-level-1:var(--color-palette-blue-opacity-1);--color-effect-info-level-2:var(--color-palette-blue-opacity-2);--color-effect-info-level-3:var(--color-palette-blue-opacity-3);--color-effect-info-level-4:var(--color-palette-blue-opacity-4);--color-effect-warm-blue-level-1:var(--color-palette-warm-blue-opacity-1);--color-effect-warm-blue-level-2:var(--color-palette-warm-blue-opacity-2);--color-effect-warm-blue-level-3:var(--color-palette-warm-blue-opacity-3);--color-effect-warm-blue-level-4:var(--color-palette-warm-blue-opacity-4);--color-effect-grey-level-1:var(--color-palette-grey-opacity-1);--color-effect-grey-level-2:var(--color-palette-grey-opacity-2);--color-effect-grey-level-3:var(--color-palette-grey-opacity-3);--color-effect-grey-level-4:var(--color-palette-grey-opacity-4);--color-icon-grey-lighter:var(--color-palette-grey-0);--color-icon-grey-light:var(--color-palette-grey-200);--color-icon-grey-default:var(--color-palette-grey-600);--color-icon-grey-dark:var(--color-palette-grey-800);--color-icon-grey-darker:var(--color-palette-grey-900);--color-icon-primary-lighter:var(--color-palette-primary-0);--color-icon-primary-light:var(--color-palette-primary-300);--color-icon-primary-default:var(--color-palette-primary-500);--color-icon-primary-dark:var(--color-palette-primary-600);--color-icon-primary-darker:var(--color-palette-primary-700);--color-icon-secondary-lighter:var(--color-palette-secondary-0);--color-icon-secondary-light:var(--color-palette-secondary-150);--color-icon-secondary-default:var(--color-palette-secondary-500);--color-icon-secondary-dark:var(--color-palette-secondary-600);--color-icon-secondary-darker:var(--color-palette-secondary-800);--color-icon-success-lighter:var(--color-palette-green-0);--color-icon-success-light:var(--color-palette-green-200);--color-icon-success-default:var(--color-palette-green-500);--color-icon-success-dark:var(--color-palette-green-700);--color-icon-success-darker:var(--color-palette-green-800);--color-icon-warning-lighter:var(--color-palette-yellow-0);--color-icon-warning-light:var(--color-palette-yellow-100);--color-icon-warning-default:var(--color-palette-yellow-500);--color-icon-warning-dark:var(--color-palette-yellow-700);--color-icon-warning-darker:var(--color-palette-yellow-900);--color-icon-error-lighter:var(--color-palette-red-0);--color-icon-error-light:var(--color-palette-red-150);--color-icon-error-default:var(--color-palette-red-500);--color-icon-error-dark:var(--color-palette-red-600);--color-icon-error-darker:var(--color-palette-red-700);--color-icon-info-lighter:var(--color-palette-blue-0);--color-icon-info-light:var(--color-palette-blue-150);--color-icon-info-default:var(--color-palette-blue-500);--color-icon-info-dark:var(--color-palette-blue-600);--color-icon-info-darker:var(--color-palette-blue-800);--color-icon-warm-blue-lighter:var(--color-palette-warm-blue-0);--color-icon-warm-blue-light:var(--color-palette-warm-blue-150);--color-icon-warm-blue-default:var(--color-palette-warm-blue-500);--color-icon-warm-blue-dark:var(--color-palette-warm-blue-700);--color-icon-warm-blue-darker:var(--color-palette-warm-blue-800);--color-overlay-primary:var(--color-palette-primary-opacity-3);--color-overlay-grey:var(--color-palette-grey-opacity-3);--color-palette-primary-0:240 241 247;--color-palette-primary-50:213 215 236;--color-palette-primary-100:194 198 225;--color-palette-primary-150:171 178 217;--color-palette-primary-200:139 148 202;--color-palette-primary-300:101 112 185;--color-palette-primary-400:61 73 148;--color-palette-primary-500:35 44 101;--color-palette-primary-600:30 38 87;--color-palette-primary-700:25 32 75;--color-palette-primary-800:21 27 62;--color-palette-primary-900:17 21 50;--color-palette-primary-1000:13 16 37;--color-palette-primary-opacity-1:35 44 101/.04;--color-palette-primary-opacity-2:35 44 101/.12;--color-palette-primary-opacity-3:35 44 101/.32;--color-palette-primary-opacity-4:35 44 101/.48;--color-palette-secondary-0:255 238 247;--color-palette-secondary-50:255 211 231;--color-palette-secondary-100:255 191 219;--color-palette-secondary-150:255 161 203;--color-palette-secondary-200:255 132 186;--color-palette-secondary-300:243 93 158;--color-palette-secondary-400:235 52 132;--color-palette-secondary-500:233 30 118;--color-palette-secondary-600:198 26 101;--color-palette-secondary-700:163 21 83;--color-palette-secondary-800:129 17 66;--color-palette-secondary-900:94 13 48;--color-palette-secondary-1000:71 10 37;--color-palette-secondary-opacity-1:233 30 118/.04;--color-palette-secondary-opacity-2:233 30 118/.12;--color-palette-secondary-opacity-3:233 30 118/.32;--color-palette-secondary-opacity-4:233 30 118/.48;--color-palette-warm-blue-0:228 230 248;--color-palette-warm-blue-50:209 213 243;--color-palette-warm-blue-100:191 197 239;--color-palette-warm-blue-150:164 172 232;--color-palette-warm-blue-200:137 147 225;--color-palette-warm-blue-300:119 130 221;--color-palette-warm-blue-400:100 114 216;--color-palette-warm-blue-500:73 89 209;--color-palette-warm-blue-600:62 76 178;--color-palette-warm-blue-700:55 67 157;--color-palette-warm-blue-800:44 53 125;--color-palette-warm-blue-900:33 40 94;--color-palette-warm-blue-1000:26 31 73;--color-palette-warm-blue-opacity-1:73 89 209/.04;--color-palette-warm-blue-opacity-2:73 89 209/.12;--color-palette-warm-blue-opacity-3:73 89 209/.32;--color-palette-warm-blue-opacity-4:73 89 209/.48;--color-palette-blue-0:214 236 255;--color-palette-blue-50:195 227 255;--color-palette-blue-100:175 218 255;--color-palette-blue-150:145 205 255;--color-palette-blue-200:115 192 255;--color-palette-blue-300:96 183 255;--color-palette-blue-400:76 174 255;--color-palette-blue-500:56 165 255;--color-palette-blue-600:48 140 217;--color-palette-blue-700:40 116 179;--color-palette-blue-800:31 91 141;--color-palette-blue-900:23 67 103;--color-palette-blue-1000:18 50 78;--color-palette-blue-opacity-1:56 165 255/.04;--color-palette-blue-opacity-2:56 165 255/.12;--color-palette-blue-opacity-3:56 165 255/.32;--color-palette-blue-opacity-4:56 165 255/.48;--color-palette-green-0:237 255 244;--color-palette-green-50:214 243 225;--color-palette-green-100:190 231 206;--color-palette-green-150:167 220 187;--color-palette-green-200:143 208 168;--color-palette-green-300:97 184 131;--color-palette-green-400:50 161 93;--color-palette-green-500:3 137 55;--color-palette-green-600:3 118 47;--color-palette-green-700:2 98 39;--color-palette-green-800:2 79 32;--color-palette-green-900:1 60 24;--color-palette-green-1000:3 56 25;--color-palette-green-opacity-1:3 137 55/.04;--color-palette-green-opacity-2:3 137 55/.12;--color-palette-green-opacity-3:3 137 55/.32;--color-palette-green-opacity-4:3 137 55/.48;--color-palette-yellow-0:255 251 230;--color-palette-yellow-50:255 241 184;--color-palette-yellow-100:255 229 143;--color-palette-yellow-150:255 219 119;--color-palette-yellow-200:255 214 102;--color-palette-yellow-300:255 208 80;--color-palette-yellow-400:255 198 41;--color-palette-yellow-500:245 174 51;--color-palette-yellow-600:210 144 16;--color-palette-yellow-700:173 119 13;--color-palette-yellow-800:136 93 11;--color-palette-yellow-900:97 52 0;--color-palette-yellow-1000:61 33 0;--color-palette-yellow-opacity-1:245 174 51/.04;--color-palette-yellow-opacity-2:245 174 51/.12;--color-palette-yellow-opacity-3:245 174 51/.32;--color-palette-yellow-opacity-4:245 174 51/.48;--color-palette-red-0:255 241 240;--color-palette-red-50:255 204 199;--color-palette-red-100:255 163 158;--color-palette-red-150:255 120 117;--color-palette-red-200:255 77 79;--color-palette-red-300:245 34 45;--color-palette-red-400:229 32 42;--color-palette-red-500:207 19 34;--color-palette-red-600:168 7 26;--color-palette-red-700:130 0 20;--color-palette-red-800:115 0 21;--color-palette-red-900:77 15 15;--color-palette-red-1000:59 12 12;--color-palette-red-opacity-1:207 19 34/.04;--color-palette-red-opacity-2:207 19 34/.12;--color-palette-red-opacity-3:207 19 34/.32;--color-palette-red-opacity-4:207 19 34/.48;--color-palette-grey-0:249 249 252;--color-palette-grey-50:230 230 236;--color-palette-grey-100:219 220 227;--color-palette-grey-150:208 209 219;--color-palette-grey-200:197 199 211;--color-palette-grey-300:174 177 194;--color-palette-grey-400:152 156 178;--color-palette-grey-500:141 145 166;--color-palette-grey-600:103 106 128;--color-palette-grey-700:91 95 114;--color-palette-grey-800:72 75 91;--color-palette-grey-900:42 44 55;--color-palette-grey-1000:19 21 32;--color-palette-grey-opacity-1:130 135 161/.04;--color-palette-grey-opacity-2:130 135 161/.12;--color-palette-grey-opacity-3:130 135 161/.32;--color-palette-grey-opacity-4:130 135 161/.48;--color-palette-white-1000:254 254 255;--color-text-lighter:var(--color-palette-grey-0);--color-text-light:var(--color-palette-grey-200);--color-text-medium:var(--color-palette-grey-500);--color-text-default:var(--color-palette-grey-900);--color-text-primary:var(--color-palette-primary-500);--color-text-secondary:var(--color-palette-secondary-500);--color-text-success:var(--color-palette-green-500);--color-text-warning:var(--color-palette-yellow-800);--color-text-error:var(--color-palette-red-500);--color-text-info:var(--color-palette-blue-700);--color-text-link:var(--color-palette-warm-blue-500);--element-border-radius-0:0px;--element-border-radius-4:4px;--element-border-radius-8:8px;--element-border-radius-12:12px;--element-border-radius-16:16px;--element-border-radius-24:24px;--element-border-radius-32:32px;--element-border-radius-48:48px;--element-border-radius-none:0px;--element-border-radius-full:9999px;--element-border-0:0px;--element-border-1:1px;--element-border-2:2px;--element-border-4:4px;--element-border-none:0;--element-border-default:1px;--element-inner-border-1:2px;--element-inner-border-2:3px;--element-inner-border-3:4px;--element-inner-border-4:5px;--element-inner-border-5:6px;--element-inner-border-6:7px;--element-inner-border-7:8px;--element-inner-border-8:9px;--element-inner-border-9:10px;--elevation-box-shadow-0:0 0 #000;--elevation-box-shadow-1:0px 4px 12px 0px rgb(var(--color-effect-grey-level-2)),0px 2px 4px -1px rgb(var(--color-effect-grey-level-1));--elevation-box-shadow-2:0px 8px 16px -4px rgb(var(--color-effect-grey-level-3)),0px 2px 0px -1px rgb(var(--color-effect-grey-level-1));--elevation-box-shadow-3:0px 12px 28px -4px rgb(var(--color-effect-grey-level-4)),0px 4px 16px -2px rgb(var(--color-effect-grey-level-1));--elevation-box-shadow-4:0px 18px 36px -4px rgb(var(--color-effect-grey-level-4)),0px 4px 24px 0px rgb(var(--color-effect-grey-level-3));--elevation-box-shadow-none:0 0 #000;--elevation-box-shadow-primary-1:0px 4px 12px 0px rgb(var(--color-effect-primary-level-2)),0px 2px 4px -1px rgb(var(--color-effect-primary-level-1));--elevation-box-shadow-primary-2:0px 8px 16px -4px rgb(var(--color-effect-primary-level-3)),0px 2px 0px -1px rgb(var(--color-effect-primary-level-1));--elevation-box-shadow-primary-3:0px 12px 28px -4px rgb(var(--color-effect-primary-level-4)),0px 4px 16px -2px rgb(var(--color-effect-primary-level-1));--elevation-box-shadow-primary-4:0px 18px 36px -4px rgb(var(--color-effect-primary-level-4)),0px 4px 24px 0px rgb(var(--color-effect-primary-level-3));--elevation-box-shadow-primary-1-top:0px -4px 12px 0px rgb(var(--color-effect-primary-level-2)),0px -2px 4px -1px rgb(var(--color-effect-primary-level-1));--elevation-box-shadow-primary-2-top:0px -8px 16px -4px rgb(var(--color-effect-primary-level-3)),0px -2px 0px -1px rgb(var(--color-effect-primary-level-1));--elevation-box-shadow-primary-3-top:0px -12px 28px -8px rgb(var(--color-effect-primary-level-4)),0px -4px 16px -2px rgb(var(--color-effect-primary-level-1));--elevation-box-shadow-primary-4-top:0px -18px 36px -4px rgb(var(--color-effect-primary-level-4)),0px -4px 24px 0px rgb(var(--color-effect-primary-level-3));--elevation-box-shadow-secondary-1:0px 4px 12px 0px rgb(var(--color-effect-secondary-level-2)),0px 2px 4px -1px rgb(var(--color-effect-secondary-level-1));--elevation-box-shadow-secondary-2:0px 8px 16px -4px rgb(var(--color-effect-secondary-level-3)),0px 2px 0px -1px rgb(var(--color-effect-secondary-level-1));--elevation-box-shadow-secondary-3:0px 12px 28px -4px rgb(var(--color-effect-secondary-level-4)),0px 4px 16px -2px rgb(var(--color-effect-secondary-level-1));--elevation-box-shadow-secondary-4:0px 18px 36px -4px rgb(var(--color-effect-secondary-level-4)),0px 4px 24px 0px rgb(var(--color-effect-secondary-level-3));--elevation-box-shadow-secondary-1-top:0px -4px 12px 0px rgb(var(--color-effect-secondary-level-2)),0px -2px 4px -1px rgb(var(--color-effect-secondary-level-1));--elevation-box-shadow-secondary-2-top:0px -8px 16px -4px rgb(var(--color-effect-secondary-level-3)),0px -2px 0px -1px rgb(var(--color-effect-secondary-level-1));--elevation-box-shadow-secondary-3-top:0px -12px 28px -8px rgb(var(--color-effect-secondary-level-4)),0px -4px 16px -2px rgb(var(--color-effect-secondary-level-1));--elevation-box-shadow-secondary-4-top:0px -18px 36px -4px rgb(var(--color-effect-secondary-level-4)),0px -4px 24px 0px rgb(var(--color-effect-secondary-level-3));--elevation-box-shadow-success-1:0px 4px 12px 0px rgb(var(--color-effect-success-level-2)),0px 2px 4px -1px rgb(var(--color-effect-success-level-1));--elevation-box-shadow-success-2:0px 8px 16px -4px rgb(var(--color-effect-success-level-3)),0px 2px 0px -1px rgb(var(--color-effect-success-level-1));--elevation-box-shadow-success-3:0px 12px 28px -4px rgb(var(--color-effect-success-level-4)),0px 4px 16px -2px rgb(var(--color-effect-success-level-1));--elevation-box-shadow-success-4:0px 18px 36px -4px rgb(var(--color-effect-success-level-4)),0px 4px 24px 0px rgb(var(--color-effect-success-level-3));--elevation-box-shadow-success-1-top:0px -4px 12px 0px rgb(var(--color-effect-success-level-2)),0px -2px 4px -1px rgb(var(--color-effect-success-level-1));--elevation-box-shadow-success-2-top:0px -8px 16px -4px rgb(var(--color-effect-success-level-3)),0px -2px 0px -1px rgb(var(--color-effect-success-level-1));--elevation-box-shadow-success-3-top:0px -12px 28px -8px rgb(var(--color-effect-success-level-4)),0px -4px 16px -2px rgb(var(--color-effect-success-level-1));--elevation-box-shadow-success-4-top:0px -18px 36px -4px rgb(var(--color-effect-success-level-4)),0px -4px 24px 0px rgb(var(--color-effect-success-level-3));--elevation-box-shadow-warning-1:0px 4px 12px 0px rgb(var(--color-effect-warning-level-2)),0px 2px 4px -1px rgb(var(--color-effect-warning-level-1));--elevation-box-shadow-warning-2:0px 8px 16px -4px rgb(var(--color-effect-warning-level-3)),0px 2px 0px -1px rgb(var(--color-effect-warning-level-1));--elevation-box-shadow-warning-3:0px 12px 28px -4px rgb(var(--color-effect-warning-level-4)),0px 4px 16px -2px rgb(var(--color-effect-warning-level-1));--elevation-box-shadow-warning-4:0px 18px 36px -4px rgb(var(--color-effect-warning-level-4)),0px 4px 24px 0px rgb(var(--color-effect-warning-level-3));--elevation-box-shadow-warning-1-top:0px -4px 12px 0px rgb(var(--color-effect-warning-level-2)),0px -2px 4px -1px rgb(var(--color-effect-warning-level-1));--elevation-box-shadow-warning-2-top:0px -8px 16px -4px rgb(var(--color-effect-warning-level-3)),0px -2px 0px -1px rgb(var(--color-effect-warning-level-1));--elevation-box-shadow-warning-3-top:0px -12px 28px -8px rgb(var(--color-effect-warning-level-4)),0px -4px 16px -2px rgb(var(--color-effect-warning-level-1));--elevation-box-shadow-warning-4-top:0px -18px 36px -4px rgb(var(--color-effect-warning-level-4)),0px -4px 24px 0px rgb(var(--color-effect-warning-level-3));--elevation-box-shadow-error-1:0px 4px 12px 0px rgb(var(--color-effect-error-level-2)),0px 2px 4px -1px rgb(var(--color-effect-error-level-1));--elevation-box-shadow-error-2:0px 8px 16px -4px rgb(var(--color-effect-error-level-3)),0px 2px 0px -1px rgb(var(--color-effect-error-level-1));--elevation-box-shadow-error-3:0px 12px 28px -4px rgb(var(--color-effect-error-level-4)),0px 4px 16px -2px rgb(var(--color-effect-error-level-1));--elevation-box-shadow-error-4:0px 18px 36px -4px rgb(var(--color-effect-error-level-4)),0px 4px 24px 0px rgb(var(--color-effect-error-level-3));--elevation-box-shadow-error-1-top:0px -4px 12px 0px rgb(var(--color-effect-error-level-2)),0px -2px 4px -1px rgb(var(--color-effect-error-level-1));--elevation-box-shadow-error-2-top:0px -8px 16px -4px rgb(var(--color-effect-error-level-3)),0px -2px 0px -1px rgb(var(--color-effect-error-level-1));--elevation-box-shadow-error-3-top:0px -12px 28px -8px rgb(var(--color-effect-error-level-4)),0px -4px 16px -2px rgb(var(--color-effect-error-level-1));--elevation-box-shadow-error-4-top:0px -18px 36px -4px rgb(var(--color-effect-error-level-4)),0px -4px 24px 0px rgb(var(--color-effect-error-level-3));--elevation-box-shadow-info-1:0px 4px 12px 0px rgb(var(--color-effect-info-level-2)),0px 2px 4px -1px rgb(var(--color-effect-info-level-1));--elevation-box-shadow-info-2:0px 8px 16px -4px rgb(var(--color-effect-info-level-3)),0px 2px 0px -1px rgb(var(--color-effect-info-level-1));--elevation-box-shadow-info-3:0px 12px 28px -4px rgb(var(--color-effect-info-level-4)),0px 4px 16px -2px rgb(var(--color-effect-info-level-1));--elevation-box-shadow-info-4:0px 18px 36px -4px rgb(var(--color-effect-info-level-4)),0px 4px 24px 0px rgb(var(--color-effect-info-level-3));--elevation-box-shadow-info-1-top:0px -4px 12px 0px rgb(var(--color-effect-info-level-2)),0px -2px 4px -1px rgb(var(--color-effect-info-level-1));--elevation-box-shadow-info-2-top:0px -8px 16px -4px rgb(var(--color-effect-info-level-3)),0px -2px 0px -1px rgb(var(--color-effect-info-level-1));--elevation-box-shadow-info-3-top:0px -12px 28px -8px rgb(var(--color-effect-info-level-4)),0px -4px 16px -2px rgb(var(--color-effect-info-level-1));--elevation-box-shadow-info-4-top:0px -18px 36px -4px rgb(var(--color-effect-info-level-4)),0px -4px 24px 0px rgb(var(--color-effect-info-level-3));--elevation-box-shadow-warm-blue-1:0px 4px 12px 0px rgb(var(--color-effect-warm-blue-level-2)),0px 2px 4px -1px rgb(var(--color-effect-warm-blue-level-1));--elevation-box-shadow-warm-blue-2:0px 8px 16px -4px rgb(var(--color-effect-warm-blue-level-3)),0px 2px 0px -1px rgb(var(--color-effect-warm-blue-level-1));--elevation-box-shadow-warm-blue-3:0px 12px 28px -4px rgb(var(--color-effect-warm-blue-level-4)),0px 4px 16px -2px rgb(var(--color-effect-warm-blue-level-1));--elevation-box-shadow-warm-blue-4:0px 18px 36px -4px rgb(var(--color-effect-warm-blue-level-4)),0px 4px 24px 0px rgb(var(--color-effect-warm-blue-level-3));--elevation-box-shadow-warm-blue-1-top:0px -4px 12px 0px rgb(var(--color-effect-warm-blue-level-2)),0px -2px 4px -1px rgb(var(--color-effect-warm-blue-level-1));--elevation-box-shadow-warm-blue-2-top:0px -8px 16px -4px rgb(var(--color-effect-warm-blue-level-3)),0px -2px 0px -1px rgb(var(--color-effect-warm-blue-level-1));--elevation-box-shadow-warm-blue-3-top:0px -12px 28px -8px rgb(var(--color-effect-warm-blue-level-4)),0px -4px 16px -2px rgb(var(--color-effect-warm-blue-level-1));--elevation-box-shadow-warm-blue-4-top:0px -18px 36px -4px rgb(var(--color-effect-warm-blue-level-4)),0px -4px 24px 0px rgb(var(--color-effect-warm-blue-level-3));--elevation-box-shadow-grey-1:0px 4px 12px 0px rgb(var(--color-effect-grey-level-2)),0px 2px 4px -1px rgb(var(--color-effect-grey-level-1));--elevation-box-shadow-grey-2:0px 8px 16px -4px rgb(var(--color-effect-grey-level-3)),0px 2px 0px -1px rgb(var(--color-effect-grey-level-1));--elevation-box-shadow-grey-3:0px 12px 28px -4px rgb(var(--color-effect-grey-level-4)),0px 4px 16px -2px rgb(var(--color-effect-grey-level-1));--elevation-box-shadow-grey-4:0px 18px 36px -4px rgb(var(--color-effect-grey-level-4)),0px 4px 24px 0px rgb(var(--color-effect-grey-level-3));--elevation-box-shadow-grey-1-top:0px -4px 12px 0px rgb(var(--color-effect-grey-level-2)),0px -2px 4px -1px rgb(var(--color-effect-grey-level-1));--elevation-box-shadow-grey-2-top:0px -8px 16px -4px rgb(var(--color-effect-grey-level-3)),0px -2px 0px -1px rgb(var(--color-effect-grey-level-1));--elevation-box-shadow-grey-3-top:0px -12px 28px -8px rgb(var(--color-effect-grey-level-4)),0px -4px 16px -2px rgb(var(--color-effect-grey-level-1));--elevation-box-shadow-grey-4-top:0px -18px 36px -4px rgb(var(--color-effect-grey-level-4)),0px -4px 24px 0px rgb(var(--color-effect-grey-level-3));--elevation-box-shadow-1-top:0px -4px 12px 0px rgb(var(--color-effect-grey-level-2)),0px -2px 4px -1px rgb(var(--color-effect-grey-level-1));--elevation-box-shadow-2-top:0px -8px 16px -4px rgb(var(--color-effect-grey-level-3)),0px -2px 0px -1px rgb(var(--color-effect-grey-level-1));--elevation-box-shadow-3-top:0px -12px 28px -8px rgb(var(--color-effect-grey-level-4)),0px -4px 16px -2px rgb(var(--color-effect-grey-level-1));--elevation-box-shadow-4-top:0px -18px 36px -4px rgb(var(--color-effect-grey-level-4)),0px -4px 24px 0px rgb(var(--color-effect-grey-level-3));--elevation-box-shadow-1-bottom:0px 4px 12px 0px rgb(var(--color-effect-grey-level-2)),0px 2px 4px -1px rgb(var(--color-effect-grey-level-1));--elevation-box-shadow-2-bottom:0px 8px 16px -4px rgb(var(--color-effect-grey-level-3)),0px 2px 0px -1px rgb(var(--color-effect-grey-level-1));--elevation-box-shadow-3-bottom:0px 12px 28px -4px rgb(var(--color-effect-grey-level-4)),0px 4px 16px -2px rgb(var(--color-effect-grey-level-1));--elevation-box-shadow-4-bottom:0px 18px 36px -4px rgb(var(--color-effect-grey-level-4)),0px 4px 24px 0px rgb(var(--color-effect-grey-level-3));--elevation-box-shadow-1-left:-4px 0px 12px 0px rgb(var(--color-effect-grey-level-2)),-2px 0px 4px -1px rgb(var(--color-effect-grey-level-1));--elevation-box-shadow-2-left:-8px 0px 16px -4px rgb(var(--color-effect-grey-level-3)),-2px 0px 0px -1px rgb(var(--color-effect-grey-level-1));--elevation-box-shadow-3-left:-12px 0px 28px -8px rgb(var(--color-effect-grey-level-4)),-4px 0px 16px -2px rgb(var(--color-effect-grey-level-1));--elevation-box-shadow-4-left:-18px 0px 36px -4px rgb(var(--color-effect-grey-level-4)),-4px 0px 24px 0px rgb(var(--color-effect-grey-level-3));--elevation-box-shadow-1-right:4px 0px 12px 0px rgb(var(--color-effect-grey-level-2)),2px 0px 4px -1px rgb(var(--color-effect-grey-level-1));--elevation-box-shadow-2-right:8px 0px 16px -4px rgb(var(--color-effect-grey-level-3)),2px 0px 0px -1px rgb(var(--color-effect-grey-level-1));--elevation-box-shadow-3-right:12px 0px 28px -8px rgb(var(--color-effect-grey-level-4)),4px 0px 16px -2px rgb(var(--color-effect-grey-level-1));--elevation-box-shadow-4-right:18px 0px 36px -4px rgb(var(--color-effect-grey-level-4)),4px 0px 24px 0px rgb(var(--color-effect-grey-level-3));--elevation-z-index-0:0;--elevation-z-index-1:1;--elevation-z-index-2:2;--elevation-z-index-3:3;--elevation-z-index-4:4;--elevation-z-index-5:5;--elevation-z-index-6:6;--elevation-z-index-7:7;--elevation-z-index-8:8;--elevation-z-index-9:9;--elevation-z-index-10:10;--elevation-z-index-11:11;--elevation-z-index-12:12;--elevation-z-index-13:13;--elevation-z-index-14:14;--elevation-z-index-15:15;--elevation-z-index-16:16;--elevation-z-index-17:17;--elevation-z-index-18:18;--elevation-z-index-19:19;--elevation-z-index-20:20;--layout-breakpoint-xs:0px;--layout-breakpoint-sm:600px;--layout-breakpoint-md:1263px;--layout-breakpoint-lg:1366px;--layout-breakpoint-xl:1920px;--spacing-0:0px;--spacing-2:2px;--spacing-4:4px;--spacing-8:8px;--spacing-12:12px;--spacing-16:16px;--spacing-24:24px;--spacing-32:32px;--spacing-36:36px;--spacing-40:40px;--spacing-48:48px;--spacing-64:64px;--spacing-72:72px;--spacing-128:128px;--spacing-full:999px;--spacing-auto:auto;--typography-font-size-header-1:calc(var(--base-unit) * 5.5);--typography-font-size-header-1-line-height:34px;--typography-font-size-header-2:calc(var(--base-unit) * 5);--typography-font-size-header-2-line-height:32px;--typography-font-size-header-3:calc(var(--base-unit) * 4.5);--typography-font-size-header-3-line-height:30px;--typography-font-size-title:calc(var(--base-unit) * 4);--typography-font-size-title-line-height:26px;--typography-font-size-title-1:calc(var(--base-unit) * 4);--typography-font-size-title-1-line-height:26px;--typography-font-size-title-2:calc(var(--base-unit) * 3.5);--typography-font-size-title-2-line-height:22px;--typography-font-size-subtitle:calc(var(--base-unit) * 3.5);--typography-font-size-subtitle-line-height:22px;--typography-font-size-body-1:calc(var(--base-unit) * 3.5);--typography-font-size-body-1-line-height:22px;--typography-font-size-control:calc(var(--base-unit) * 3.5);--typography-font-size-control-line-height:22px;--typography-font-size-body-2:calc(var(--base-unit) * 3);--typography-font-size-body-2-line-height:18px;--typography-font-size-label-lg:calc(var(--base-unit) * 3.5);--typography-font-size-label-lg-line-height:22px;--typography-font-size-label-sm:calc(var(--base-unit) * 3);--typography-font-size-label-sm-line-height:18px;--typography-font-size-chip-lg:calc(var(--base-unit) * 3.5);--typography-font-size-chip-lg-line-height:22px;--typography-font-size-chip-sm:calc(var(--base-unit) * 3);--typography-font-size-chip-sm-line-height:18px;--typography-font-size-button-1:calc(var(--base-unit) * 3.5);--typography-font-size-button-1-line-height:22px;--typography-font-size-button-2:calc(var(--base-unit) * 3);--typography-font-size-button-2-line-height:18px;--typography-font-size-caption:calc(var(--base-unit) * 3);--typography-font-size-caption-line-height:18px;--typography-font-size-overline:calc(var(--base-unit) * 2.5);--typography-font-size-overline-line-height:14px;--typography-font-size-hyperlink-1:calc(var(--base-unit) * 3.5);--typography-font-size-hyperlink-1-line-height:22px;--typography-font-size-hyperlink-1-no-underline:calc(var(--base-unit) * 3.5);--typography-font-size-hyperlink-1-no-underline-line-height:22px;--typography-font-size-hyperlink-2:calc(var(--base-unit) * 3);--typography-font-size-hyperlink-2-line-height:20px;--typography-font-size-hyperlink-2-no-underline:calc(var(--base-unit) * 3);--typography-font-size-hyperlink-2-no-underline-line-height:20px;--typography-font-size-hyperlink-3:calc(var(--base-unit) * 3);--typography-font-size-hyperlink-3-line-height:14px;--typography-font-size-hyperlink-3-no-underline:calc(var(--base-unit) * 3);--typography-font-size-hyperlink-3-no-underline-line-height:14px;--typography-font-weight-light:300;--typography-font-weight-regular:400;--typography-font-weight-medium:500;--typography-font-weight-semibold:600;--typography-font-weight-bold:700;--typography-letter-spacing-normal:.3px;--typography-letter-spacing-wide:.5px;--typography-line-clamp-1:1;--typography-line-clamp-2:2;--typography-line-clamp-3:3;--typography-line-height-14:14px;--typography-line-height-18:18px;--typography-line-height-20:20px;--typography-line-height-22:22px;--typography-line-height-24:24px;--typography-line-height-26:26px;--typography-line-height-30:30px;--typography-line-height-32:32px}@media screen and (min-width:0px){:host,:root{--typography-font-size-header-1:calc(var(--base-unit) * 5.5);--typography-font-size-header-1-line-height:34px;--typography-font-size-header-2:calc(var(--base-unit) * 5);--typography-font-size-header-2-line-height:32px;--typography-font-size-header-3:calc(var(--base-unit) * 4.5);--typography-font-size-header-3-line-height:30px;--typography-font-size-title:calc(var(--base-unit) * 4);--typography-font-size-title-line-height:26px;--typography-font-size-title-1:calc(var(--base-unit) * 4);--typography-font-size-title-1-line-height:26px;--typography-font-size-title-2:calc(var(--base-unit) * 3.5);--typography-font-size-title-2-line-height:22px;--typography-font-size-subtitle:calc(var(--base-unit) * 3.5);--typography-font-size-subtitle-line-height:22px;--typography-font-size-body-1:calc(var(--base-unit) * 3.5);--typography-font-size-body-1-line-height:22px;--typography-font-size-control:calc(var(--base-unit) * 3.5);--typography-font-size-control-line-height:22px;--typography-font-size-body-2:calc(var(--base-unit) * 3);--typography-font-size-body-2-line-height:18px;--typography-font-size-label-lg:calc(var(--base-unit) * 3.5);--typography-font-size-label-lg-line-height:22px;--typography-font-size-label-sm:calc(var(--base-unit) * 3);--typography-font-size-label-sm-line-height:18px;--typography-font-size-chip-lg:calc(var(--base-unit) * 3.5);--typography-font-size-chip-lg-line-height:22px;--typography-font-size-chip-sm:calc(var(--base-unit) * 3);--typography-font-size-chip-sm-line-height:18px;--typography-font-size-button-1:calc(var(--base-unit) * 3.5);--typography-font-size-button-1-line-height:22px;--typography-font-size-button-2:calc(var(--base-unit) * 3);--typography-font-size-button-2-line-height:18px;--typography-font-size-caption:calc(var(--base-unit) * 3);--typography-font-size-caption-line-height:18px;--typography-font-size-overline:calc(var(--base-unit) * 2.5);--typography-font-size-overline-line-height:14px;--typography-font-size-hyperlink-1:calc(var(--base-unit) * 3.5);--typography-font-size-hyperlink-1-line-height:22px;--typography-font-size-hyperlink-1-no-underline:calc(var(--base-unit) * 3.5);--typography-font-size-hyperlink-1-no-underline-line-height:22px;--typography-font-size-hyperlink-2:calc(var(--base-unit) * 3);--typography-font-size-hyperlink-2-line-height:20px;--typography-font-size-hyperlink-2-no-underline:calc(var(--base-unit) * 3);--typography-font-size-hyperlink-2-no-underline-line-height:20px;--typography-font-size-hyperlink-3:calc(var(--base-unit) * 2.5);--typography-font-size-hyperlink-3-line-height:14px;--typography-font-size-hyperlink-3-no-underline:calc(var(--base-unit) * 2.5);--typography-font-size-hyperlink-3-no-underline-line-height:14px}}@media screen and (min-width:600px){:host,:root{--typography-font-size-header-1:calc(var(--base-unit) * 5.5);--typography-font-size-header-1-line-height:34px;--typography-font-size-header-2:calc(var(--base-unit) * 5);--typography-font-size-header-2-line-height:32px;--typography-font-size-header-3:calc(var(--base-unit) * 4.5);--typography-font-size-header-3-line-height:30px;--typography-font-size-title:calc(var(--base-unit) * 4);--typography-font-size-title-line-height:26px;--typography-font-size-title-1:calc(var(--base-unit) * 4);--typography-font-size-title-1-line-height:26px;--typography-font-size-title-2:calc(var(--base-unit) * 3.5);--typography-font-size-title-2-line-height:22px;--typography-font-size-subtitle:calc(var(--base-unit) * 3.5);--typography-font-size-subtitle-line-height:22px;--typography-font-size-body-1:calc(var(--base-unit) * 3.5);--typography-font-size-body-1-line-height:22px;--typography-font-size-control:calc(var(--base-unit) * 3.5);--typography-font-size-control-line-height:22px;--typography-font-size-body-2:calc(var(--base-unit) * 3);--typography-font-size-body-2-line-height:18px;--typography-font-size-label-lg:calc(var(--base-unit) * 3.5);--typography-font-size-label-lg-line-height:22px;--typography-font-size-label-sm:calc(var(--base-unit) * 3);--typography-font-size-label-sm-line-height:18px;--typography-font-size-chip-lg:calc(var(--base-unit) * 3.5);--typography-font-size-chip-lg-line-height:22px;--typography-font-size-chip-sm:calc(var(--base-unit) * 3);--typography-font-size-chip-sm-line-height:18px;--typography-font-size-button-1:calc(var(--base-unit) * 3.5);--typography-font-size-button-1-line-height:22px;--typography-font-size-button-2:calc(var(--base-unit) * 3);--typography-font-size-button-2-line-height:18px;--typography-font-size-caption:calc(var(--base-unit) * 3);--typography-font-size-caption-line-height:18px;--typography-font-size-overline:calc(var(--base-unit) * 2.5);--typography-font-size-overline-line-height:14px;--typography-font-size-hyperlink-1:calc(var(--base-unit) * 3.5);--typography-font-size-hyperlink-1-line-height:24px;--typography-font-size-hyperlink-1-no-underline:calc(var(--base-unit) * 3.5);--typography-font-size-hyperlink-1-no-underline-line-height:24px;--typography-font-size-hyperlink-2:calc(var(--base-unit) * 3);--typography-font-size-hyperlink-2-line-height:20px;--typography-font-size-hyperlink-2-no-underline:calc(var(--base-unit) * 3);--typography-font-size-hyperlink-2-no-underline-line-height:20px;--typography-font-size-hyperlink-3:calc(var(--base-unit) * 3);--typography-font-size-hyperlink-3-line-height:18px;--typography-font-size-hyperlink-3-no-underline:calc(var(--base-unit) * 3);--typography-font-size-hyperlink-3-no-underline-line-height:18px}}@media screen and (min-width:1366px){:host,:root{--typography-font-size-header-1:calc(var(--base-unit) * 5.5);--typography-font-size-header-1-line-height:34px;--typography-font-size-header-2:calc(var(--base-unit) * 5);--typography-font-size-header-2-line-height:32px;--typography-font-size-header-3:calc(var(--base-unit) * 4.5);--typography-font-size-header-3-line-height:30px;--typography-font-size-title:calc(var(--base-unit) * 4);--typography-font-size-title-line-height:26px;--typography-font-size-title-1:calc(var(--base-unit) * 4);--typography-font-size-title-1-line-height:26px;--typography-font-size-title-2:calc(var(--base-unit) * 3.5);--typography-font-size-title-2-line-height:22px;--typography-font-size-subtitle:calc(var(--base-unit) * 3.5);--typography-font-size-subtitle-line-height:22px;--typography-font-size-body-1:calc(var(--base-unit) * 3.5);--typography-font-size-body-1-line-height:22px;--typography-font-size-control:calc(var(--base-unit) * 3.5);--typography-font-size-control-line-height:22px;--typography-font-size-body-2:calc(var(--base-unit) * 3);--typography-font-size-body-2-line-height:18px;--typography-font-size-label-lg:calc(var(--base-unit) * 3.5);--typography-font-size-label-lg-line-height:22px;--typography-font-size-label-sm:calc(var(--base-unit) * 3);--typography-font-size-label-sm-line-height:18px;--typography-font-size-chip-lg:calc(var(--base-unit) * 3.5);--typography-font-size-chip-lg-line-height:22px;--typography-font-size-chip-sm:calc(var(--base-unit) * 3);--typography-font-size-chip-sm-line-height:18px;--typography-font-size-button-1:calc(var(--base-unit) * 3.5);--typography-font-size-button-1-line-height:22px;--typography-font-size-button-2:calc(var(--base-unit) * 3);--typography-font-size-button-2-line-height:18px;--typography-font-size-caption:calc(var(--base-unit) * 3);--typography-font-size-caption-line-height:18px;--typography-font-size-overline:calc(var(--base-unit) * 2.5);--typography-font-size-overline-line-height:14px;--typography-font-size-hyperlink-1:calc(var(--base-unit) * 3.5);--typography-font-size-hyperlink-1-line-height:24px;--typography-font-size-hyperlink-1-no-underline:calc(var(--base-unit) * 3.5);--typography-font-size-hyperlink-1-no-underline-line-height:24px;--typography-font-size-hyperlink-2:calc(var(--base-unit) * 3);--typography-font-size-hyperlink-2-line-height:20px;--typography-font-size-hyperlink-2-no-underline:calc(var(--base-unit) * 3);--typography-font-size-hyperlink-2-no-underline-line-height:20px;--typography-font-size-hyperlink-3:calc(var(--base-unit) * 3);--typography-font-size-hyperlink-3-line-height:18px;--typography-font-size-hyperlink-3-no-underline:calc(var(--base-unit) * 3);--typography-font-size-hyperlink-3-no-underline-line-height:18px}}@media screen and (min-width:1920px){:host,:root{--typography-font-size-header-1:calc(var(--base-unit) * 6);--typography-font-size-header-1-line-height:36px;--typography-font-size-header-2:calc(var(--base-unit) * 5.5);--typography-font-size-header-2-line-height:34px;--typography-font-size-header-3:calc(var(--base-unit) * 5);--typography-font-size-header-3-line-height:32px;--typography-font-size-title:calc(var(--base-unit) * 4);--typography-font-size-title-line-height:28px;--typography-font-size-title-1:calc(var(--base-unit) * 4);--typography-font-size-title-1-line-height:28px;--typography-font-size-title-2:calc(var(--base-unit) * 4);--typography-font-size-title-2-line-height:24px;--typography-font-size-subtitle:calc(var(--base-unit) * 4);--typography-font-size-subtitle-line-height:24px;--typography-font-size-body-1:calc(var(--base-unit) * 4);--typography-font-size-body-1-line-height:24px;--typography-font-size-control:calc(var(--base-unit) * 4);--typography-font-size-control-line-height:24px;--typography-font-size-body-2:calc(var(--base-unit) * 3.5);--typography-font-size-body-2-line-height:22px;--typography-font-size-label-lg:calc(var(--base-unit) * 4);--typography-font-size-label-lg-line-height:24px;--typography-font-size-label-sm:calc(var(--base-unit) * 3.5);--typography-font-size-label-sm-line-height:22px;--typography-font-size-chip-lg:calc(var(--base-unit) * 4);--typography-font-size-chip-lg-line-height:24px;--typography-font-size-chip-sm:calc(var(--base-unit) * 3.5);--typography-font-size-chip-sm-line-height:22px;--typography-font-size-button-1:calc(var(--base-unit) * 4);--typography-font-size-button-1-line-height:24px;--typography-font-size-button-2:calc(var(--base-unit) * 3.5);--typography-font-size-button-2-line-height:22px;--typography-font-size-caption:calc(var(--base-unit) * 3);--typography-font-size-caption-line-height:18px;--typography-font-size-overline:calc(var(--base-unit) * 2.5);--typography-font-size-overline-line-height:14px;--typography-font-size-hyperlink-1:calc(var(--base-unit) * 4);--typography-font-size-hyperlink-1-line-height:24px;--typography-font-size-hyperlink-1-no-underline:calc(var(--base-unit) * 4);--typography-font-size-hyperlink-1-no-underline-line-height:24px;--typography-font-size-hyperlink-2:calc(var(--base-unit) * 3.5);--typography-font-size-hyperlink-2-line-height:22px;--typography-font-size-hyperlink-2-no-underline:calc(var(--base-unit) * 3.5);--typography-font-size-hyperlink-2-no-underline-line-height:22px;--typography-font-size-hyperlink-3:calc(var(--base-unit) * 3);--typography-font-size-hyperlink-3-line-height:18px;--typography-font-size-hyperlink-3-no-underline:calc(var(--base-unit) * 3);--typography-font-size-hyperlink-3-no-underline-line-height:18px}}:host{all:initial;line-height:1.5}:root,:host{--cursor-not-allowed: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_274_268)'%3e%3cg%20filter='url(%23filter0_d_274_268)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M16.4906%2010C16.4906%206.41536%2013.5846%203.50943%2010%203.50943C6.41536%203.50943%203.50943%206.41536%203.50943%2010C3.50943%2013.5846%206.41536%2016.4906%2010%2016.4906C13.5846%2016.4906%2016.4906%2013.5846%2016.4906%2010ZM10%202C14.4183%202%2018%205.58172%2018%2010C18%2014.4183%2014.4183%2018%2010%2018C5.58172%2018%202%2014.4183%202%2010C2%205.58172%205.58172%202%2010%202Z'%20fill='url(%23paint0_linear_274_268)'/%3e%3cpath%20d='M5.77362%2015.2937L15.2937%205.77359L14.2264%204.70625L4.70629%2014.2264L5.77362%2015.2937Z'%20fill='url(%23paint1_linear_274_268)'/%3e%3cpath%20d='M10%2015.9906C8.79974%2015.9906%207.68192%2015.6376%206.74469%2015.0297L15.0297%206.74469C15.6376%207.68192%2015.9906%208.79974%2015.9906%2010C15.9906%2013.3085%2013.3085%2015.9906%2010%2015.9906ZM13.2553%204.97025L4.97025%2013.2553C4.36242%2012.3181%204.00943%2011.2003%204.00943%2010C4.00943%206.6915%206.6915%204.00943%2010%204.00943C11.2003%204.00943%2012.3181%204.36242%2013.2553%204.97025ZM18.5%2010C18.5%205.30558%2014.6944%201.5%2010%201.5C5.30558%201.5%201.5%205.30558%201.5%2010C1.5%2014.6944%205.30558%2018.5%2010%2018.5C14.6944%2018.5%2018.5%2014.6944%2018.5%2010Z'%20stroke='%23FEFEFF'%20stroke-linecap='round'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_d_274_268'%20x='-1'%20y='0'%20width='22'%20height='22'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'/%3e%3cfeOffset%20dy='1'/%3e%3cfeGaussianBlur%20stdDeviation='1'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%200.12549%200%200%200%200%200.12549%200%200%200%200%200.137255%200%200%200%200.16%200'/%3e%3cfeBlend%20mode='normal'%20in2='BackgroundImageFix'%20result='effect1_dropShadow_274_268'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='effect1_dropShadow_274_268'%20result='shape'/%3e%3c/filter%3e%3clinearGradient%20id='paint0_linear_274_268'%20x1='16.4071'%20y1='18.2163'%20x2='3.55946'%20y2='1.80417'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='0.00132294'%20stop-color='%23832A60'/%3e%3cstop%20offset='0.00250379'%20stop-color='%23842A60'/%3e%3cstop%20offset='0.1642'%20stop-color='%23A52D69'/%3e%3cstop%20offset='0.3078'%20stop-color='%23BE2E70'/%3e%3cstop%20offset='0.4265'%20stop-color='%23D03075'/%3e%3cstop%20offset='0.5058'%20stop-color='%23D93178'/%3e%3cstop%20offset='0.5838'%20stop-color='%23CF3075'/%3e%3cstop%20offset='0.7062'%20stop-color='%23BC2E6F'/%3e%3cstop%20offset='0.8566'%20stop-color='%23A12C68'/%3e%3cstop%20offset='1'%20stop-color='%23832A60'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint1_linear_274_268'%20x1='16.4071'%20y1='18.2163'%20x2='3.55946'%20y2='1.80417'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='0.00132294'%20stop-color='%23832A60'/%3e%3cstop%20offset='0.00250379'%20stop-color='%23842A60'/%3e%3cstop%20offset='0.1642'%20stop-color='%23A52D69'/%3e%3cstop%20offset='0.3078'%20stop-color='%23BE2E70'/%3e%3cstop%20offset='0.4265'%20stop-color='%23D03075'/%3e%3cstop%20offset='0.5058'%20stop-color='%23D93178'/%3e%3cstop%20offset='0.5838'%20stop-color='%23CF3075'/%3e%3cstop%20offset='0.7062'%20stop-color='%23BC2E6F'/%3e%3cstop%20offset='0.8566'%20stop-color='%23A12C68'/%3e%3cstop%20offset='1'%20stop-color='%23832A60'/%3e%3c/linearGradient%3e%3cclipPath%20id='clip0_274_268'%3e%3crect%20width='20'%20height='20'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") 7 4, auto;--cursor-pointer: url(/assets/cursor-pointer-D5b-gzLv.svg) 7 0, auto}html{font-size:var(--base-font-size)}html,body,:host{font-family:Noto Sans Thai,sans-serif;font-optical-sizing:auto;color:var(--color-text-default)}body,:host{font-size:var(--typography-font-size-body-1);line-height:var(--typography-font-size-body-1-line-height);font-weight:var(--typography-font-weight-regular)}*{box-sizing:border-box!important}.cursor-not-allowed{cursor:var(--cursor-not-allowed)!important}.cursor-pointer{cursor:var(--cursor-pointer)!important}.nc-no-scroll{overflow:hidden!important}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Noto Sans Thai,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.ml-auto{margin-left:var(--spacing-auto)}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.max-h-\[420px\]{max-height:420px}.min-w-0{min-width:0px}.flex-1{flex:1 1 0%}.-translate-x-full{--tw-translate-x: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-12{gap:var(--spacing-12)}.gap-16{gap:var(--spacing-16)}.gap-2{gap:var(--spacing-2)}.gap-8{gap:var(--spacing-8)}.rounded-0{border-radius:var(--element-border-radius-0)}.rounded-12{border-radius:var(--element-border-radius-12)}.rounded-16{border-radius:var(--element-border-radius-16)}.rounded-4{border-radius:var(--element-border-radius-4)}.rounded-8{border-radius:var(--element-border-radius-8)}.rounded-full{border-radius:var(--element-border-radius-full)}.border{border-width:var(--element-border-default)}.border-b{border-bottom-width:var(--element-border-default)}.border-grey-light{border-color:rgb(var(--color-border-grey-light))}.bg-base-1{background-color:rgb(var(--color-background-base-1))}.bg-base-2{background-color:rgb(var(--color-background-base-2))}.bg-error{background-color:rgb(var(--color-background-error-default))}.bg-grey-light{background-color:rgb(var(--color-background-grey-light))}.bg-info{background-color:rgb(var(--color-background-info-default))}.bg-primary{background-color:rgb(var(--color-background-primary-default))}.bg-secondary{background-color:rgb(var(--color-background-secondary-default))}.bg-success{background-color:rgb(var(--color-background-success-default))}.bg-warning{background-color:rgb(var(--color-background-warning-default))}.p-8{padding:var(--spacing-8)}.py-8{padding-top:var(--spacing-8);padding-bottom:var(--spacing-8)}.font-medium{font-weight:var(--typography-font-weight-medium)}.font-semibold{font-weight:var(--typography-font-weight-semibold)}.lowercase{text-transform:lowercase}.text-default{color:rgb(var(--color-text-default))}.text-lighter{color:rgb(var(--color-text-lighter))}.text-medium{color:rgb(var(--color-text-medium))}.shadow-2{--tw-shadow: var(--elevation-box-shadow-2);--tw-shadow-colored: var(--elevation-box-shadow-2);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.text-header-1{font-size:var(--typography-font-size-header-1);line-height:var(--typography-font-size-header-1-line-height)}.text-header-2{font-size:var(--typography-font-size-header-2);line-height:var(--typography-font-size-header-2-line-height)}.text-header-3{font-size:var(--typography-font-size-header-3);line-height:var(--typography-font-size-header-3-line-height)}.text-title-1{font-size:var(--typography-font-size-title-1);line-height:var(--typography-font-size-title-1-line-height)}.text-title-2{font-size:var(--typography-font-size-title-2);line-height:var(--typography-font-size-title-2-line-height)}.text-subtitle{font-size:var(--typography-font-size-subtitle);line-height:var(--typography-font-size-subtitle-line-height)}.text-body-1{font-size:var(--typography-font-size-body-1);line-height:var(--typography-font-size-body-1-line-height);letter-spacing:0}.text-body-2{font-size:var(--typography-font-size-body-2);line-height:var(--typography-font-size-body-2-line-height)}.text-caption{font-size:var(--typography-font-size-caption);line-height:var(--typography-font-size-caption-line-height)}.text-overline{font-size:var(--typography-font-size-overline);line-height:var(--typography-font-size-overline-line-height)}html,body,#root{height:100%;min-height:0px;width:100%}body{margin:var(--spacing-0);overflow:hidden;background-color:rgb(var(--color-background-base-2));color:rgb(var(--color-text-default));font-size:var(--typography-font-size-body-1);line-height:var(--typography-font-size-body-1-line-height);letter-spacing:0}*{box-sizing:border-box}button,input,textarea,select{font:inherit}code,pre{font-size:var(--typography-font-size-body-2);line-height:var(--typography-font-size-body-2-line-height)}::-moz-selection{background-color:rgb(var(--color-background-primary-default));color:rgb(var(--color-text-lighter))}::selection{background-color:rgb(var(--color-background-primary-default));color:rgb(var(--color-text-lighter))}.workspace-shell{position:relative;height:100vh;width:100vw;overflow:hidden}.workspace-sidebar-shell{position:fixed;left:0;top:0;z-index:var(--elevation-z-index-20);display:flex;height:100%;width:100%;max-width:244px;background-color:rgb(var(--color-background-base-1));--tw-shadow: var(--elevation-box-shadow-1);--tw-shadow-colored: var(--elevation-box-shadow-1);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.workspace-sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--elevation-z-index-10);height:100%;width:100%;border-width:var(--element-border-0);padding:var(--spacing-0);background-color:rgb(var(--color-overlay-grey))}.workspace-content-shell{display:flex;height:100%;min-width:0px;flex-direction:column}.workspace-appbar-shell{position:relative;z-index:var(--elevation-z-index-10);flex-shrink:0}.workspace-appbar-copy{display:flex;min-width:0px;align-items:center;gap:var(--spacing-8)}.workspace-appbar-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-main{min-height:0px;min-width:0px;flex:1 1 0%;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:var(--spacing-12)}.workspace-main-inner,.showcase-page,.showcase-grid{display:grid;width:100%;min-width:0px;gap:var(--spacing-16)}.workspace-mobile-nav{display:flex;gap:var(--spacing-8);overflow-x:auto;padding-bottom:var(--spacing-4)}.showcase-hero-layout,.showcase-card-body,.showcase-preview,.showcase-form-grid,.showcase-choice-grid,.showcase-choice-stack,.showcase-switch-grid,.showcase-metric-grid,.showcase-alert-grid,.showcase-status-stack,.showcase-navigation-preview,.showcase-modal-form{display:grid;min-width:0px;gap:var(--spacing-12)}.showcase-hero-layout{align-items:center;gap:var(--spacing-16)}.showcase-hero .showcase-heading-stack{align-content:center;gap:var(--spacing-8)}.showcase-heading-stack,.showcase-card-heading{display:grid;min-width:0px;gap:var(--spacing-4)}.showcase-eyebrow{text-transform:uppercase;color:rgb(var(--color-text-medium))}.showcase-hero .showcase-eyebrow{color:rgb(var(--color-text-primary))}.showcase-title,.showcase-description{margin:var(--spacing-0)}.showcase-title{color:rgb(var(--color-text-default))}.showcase-description{color:rgb(var(--color-text-medium))}.showcase-sample-surface,.showcase-metric,.showcase-status-row,.showcase-navigation-row,.showcase-code-panel{border-radius:var(--element-border-radius-8);border-width:var(--element-border-default);border-color:rgb(var(--color-border-grey-light));background-color:rgb(var(--color-background-base-2))}.showcase-package-list,.showcase-component-list,.showcase-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-8)}.showcase-card-header{display:grid;gap:var(--spacing-8)}.showcase-card-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-8)}.showcase-component-list{align-items:flex-start}.showcase-component-name,.showcase-inline-value{border-radius:var(--element-border-radius-4);border-width:var(--element-border-default);border-color:rgb(var(--color-border-grey-light));background-color:rgb(var(--color-background-primary-lighter));color:rgb(var(--color-text-primary));font-size:var(--typography-font-size-body-2);line-height:var(--typography-font-size-body-2-line-height);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.showcase-component-name{padding-left:var(--spacing-8);padding-right:var(--spacing-8);padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}.showcase-inline-value{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:var(--spacing-4);padding-right:var(--spacing-4);padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}.showcase-code-panel{min-width:0px;overflow:hidden}.showcase-code-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-8);border-bottom-width:var(--element-border-default);border-color:rgb(var(--color-border-grey-light));padding-left:var(--spacing-12);padding-right:var(--spacing-12);padding-top:var(--spacing-8);padding-bottom:var(--spacing-8);color:rgb(var(--color-text-medium))}.showcase-code-header span:last-child{display:none}.showcase-code-block{margin:var(--spacing-0);width:100%;overflow-x:auto;padding:var(--spacing-12);color:rgb(var(--color-text-default));font-size:var(--typography-font-size-body-2);line-height:var(--typography-font-size-body-2-line-height);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;-moz-tab-size:2;-o-tab-size:2;tab-size:2}.showcase-sample-surface,.showcase-metric,.showcase-status-row{padding:var(--spacing-12)}.showcase-row-between,.showcase-status-row{flex-direction:column;align-items:flex-start}.showcase-footer-line,.showcase-metric-header{display:flex;min-width:0px;align-items:center;justify-content:space-between;gap:var(--spacing-8)}.showcase-form-span{min-width:0px}.showcase-switch-grid,.showcase-metric-grid{grid-template-columns:repeat(1,minmax(0,1fr))}.showcase-status-stack,.showcase-navigation-preview{gap:var(--spacing-8)}.showcase-carousel{height:160px;width:100%;overflow:hidden;border-radius:var(--element-border-radius-8)}.showcase-carousel-slide{display:flex;height:160px;width:100%;align-items:center;justify-content:center;background-color:rgb(var(--color-background-primary-lighter));color:rgb(var(--color-text-primary));font-size:var(--typography-font-size-title-2);line-height:var(--typography-font-size-title-2-line-height)}.showcase-scroll-area{height:200px;overflow:hidden;border-radius:var(--element-border-radius-8);border-width:var(--element-border-default);border-color:rgb(var(--color-border-grey-light))}.token-demo,.token-type-list,.token-spacing-list{display:grid;gap:var(--spacing-12)}.demo-live,.showcase-alert-stack,.showcase-choice-columns{display:grid;min-width:0px;gap:var(--spacing-12)}.demo-code-panel{margin-top:var(--spacing-16);overflow:hidden;border-radius:var(--element-border-radius-8);border-width:var(--element-border-default);border-color:rgb(var(--color-border-grey-light));background-color:rgb(var(--color-background-base-2))}.demo-code-label{border-bottom-width:var(--element-border-default);border-color:rgb(var(--color-border-grey-light));padding-left:var(--spacing-16);padding-right:var(--spacing-16);padding-top:var(--spacing-8);padding-bottom:var(--spacing-8);color:rgb(var(--color-text-medium))}.demo-code{margin:var(--spacing-0);overflow-x:auto;padding:var(--spacing-16);color:rgb(var(--color-text-default));font-size:var(--typography-font-size-body-2);line-height:var(--typography-font-size-body-2-line-height);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;-moz-tab-size:2;-o-tab-size:2;tab-size:2}.token-color-grid,.token-geometry-grid,.token-elevation-grid,.token-breakpoint-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:var(--spacing-12)}.token-swatch{display:flex;min-height:72px;flex-direction:column;justify-content:space-between;border-width:var(--element-border-default);border-color:rgb(var(--color-border-grey-light));padding:var(--spacing-12)}.token-type-row,.token-spacing-row,.token-breakpoint,.container-log-row{display:flex;min-width:0px;align-items:center;justify-content:space-between;gap:var(--spacing-12);border-bottom-width:var(--element-border-default);border-color:rgb(var(--color-border-grey-light));padding-top:var(--spacing-8);padding-bottom:var(--spacing-8)}.token-type-row>span{min-width:0px;flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.token-spacing-row>code{width:104px;flex-shrink:0}.token-spacing-track{display:flex;min-width:0px;flex:1 1 0%;align-items:center}.token-spacing-bar{height:8px;border-radius:var(--element-border-radius-full)}.token-geometry-grid,.token-elevation-grid{margin-top:var(--spacing-12)}.token-geometry-sample,.token-elevation-sample{display:flex;min-height:72px;align-items:center;justify-content:center;border-width:var(--element-border-default);border-color:rgb(var(--color-border-grey-default));background-color:rgb(var(--color-background-base-1));padding:var(--spacing-12)}.token-breakpoint{justify-content:flex-start}.container-thumbnail{display:flex;min-height:96px;width:100%;align-items:center;justify-content:center;font-weight:var(--typography-font-weight-medium);font-size:var(--typography-font-size-title-2);line-height:var(--typography-font-size-title-2-line-height)}.container-property-grid{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-8)}.container-shell-diagram{display:grid;min-height:280px;grid-template-columns:120px 1fr;grid-template-rows:48px 1fr 40px;overflow:hidden;border-radius:var(--element-border-radius-8);border-width:var(--element-border-default);border-color:rgb(var(--color-border-grey-default))}.container-shell-sidebar{grid-row:span 3 / span 3;display:flex;align-items:center;justify-content:center;border-right-width:var(--element-border-default);border-color:rgb(var(--color-border-grey-light));background-color:rgb(var(--color-background-base-1));color:rgb(var(--color-text-primary))}.container-shell-appbar,.container-shell-footer{display:flex;align-items:center;border-color:rgb(var(--color-border-grey-light));background-color:rgb(var(--color-background-base-1));padding-left:var(--spacing-16);padding-right:var(--spacing-16)}.container-shell-appbar{border-bottom-width:var(--element-border-default)}.container-shell-content{display:flex;align-items:center;justify-content:center;background-color:rgb(var(--color-background-base-2))}.container-shell-footer{border-top-width:var(--element-border-default)}.showcase-status-row{display:flex;justify-content:space-between;gap:var(--spacing-12)}.showcase-navigation-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-8);padding:var(--spacing-12)}.showcase-navigation-row .showcase-heading-stack{flex:1 1 0%}.showcase-navigation-index{border-radius:var(--element-border-radius-8);background-color:rgb(var(--color-background-primary-lighter));padding:var(--spacing-8);color:rgb(var(--color-text-primary))}@media (min-width: 600px){.showcase-code-header span:last-child{display:block}.workspace-main{padding:var(--spacing-16)}.showcase-form-grid,.showcase-choice-grid,.showcase-switch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-form-span{grid-column:1 / -1}.showcase-row-between,.showcase-status-row{flex-direction:row}.showcase-navigation-row{flex-wrap:nowrap}.token-color-grid,.token-geometry-grid,.token-elevation-grid,.token-breakpoint-grid,.showcase-choice-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1263px){.showcase-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1366px){.workspace-content-with-sidebar{margin-left:244px}.workspace-sidebar-overlay,.workspace-mobile-nav{display:none}}