newtil-css 0.3.2 → 0.3.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components.css +1 -1
- package/dist/style.css +1 -1
- package/dist/utils.css +1 -1
- package/package.json +2 -2
package/dist/components.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200");@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200");@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200");.icon\:home:before{content:"\e88a"}.icon\:menu:before{content:"\e5d2"}.icon\:close:before{content:"\e5cd"}.icon\:arrow_back:before{content:"\e5c4"}.icon\:arrow_forward:before{content:"\e5c8"}.icon\:expand_more:before{content:"\e5cf"}.icon\:expand_less:before{content:"\e5ce"}.icon\:chevron_left:before{content:"\e5cb"}.icon\:chevron_right:before{content:"\e5cc"}.icon\:more_vert:before{content:"\e5d4"}.icon\:more_horiz:before{content:"\e5d3"}.icon\:refresh:before{content:"\e5d5"}.icon\:settings:before{content:"\e8b8"}.icon\:apps:before{content:"\e5c3"}.icon\:launch:before{content:"\e895"}.icon\:add:before{content:"\e145"}.icon\:remove:before{content:"\e15b"}.icon\:edit:before{content:"\e3c9"}.icon\:delete:before{content:"\e872"}.icon\:save:before{content:"\e161"}.icon\:check:before{content:"\e5ca"}.icon\:clear:before{content:"\e14c"}.icon\:cancel:before{content:"\e5c9"}.icon\:done:before{content:"\e876"}.icon\:search:before{content:"\e8b6"}.icon\:share:before{content:"\e80d"}.icon\:download:before{content:"\e2c4"}.icon\:upload:before{content:"\e2c6"}.icon\:copy:before{content:"\e14d"}.icon\:visibility:before{content:"\e8f4"}.icon\:visibility_off:before{content:"\e8f5"}.icon\:lock:before{content:"\e897"}.icon\:lock_open:before{content:"\e898"}.icon\:sync:before{content:"\e627"}.icon\:info:before{content:"\e88e"}.icon\:email:before{content:"\e0be"}.icon\:phone:before{content:"\e0cd"}.icon\:chat:before{content:"\e0b7"}.icon\:notifications:before{content:"\e7f4"}.icon\:send:before{content:"\e163"}.icon\:reply:before{content:"\e15e"}.icon\:help:before{content:"\e887"}.icon\:feedback:before{content:"\e87f"}.icon\:play_arrow:before{content:"\e037"}.icon\:pause:before{content:"\e034"}.icon\:stop:before{content:"\e047"}.icon\:volume_up:before{content:"\e050"}.icon\:volume_off:before{content:"\e04f"}.icon\:mic:before{content:"\e029"}.icon\:mic_off:before{content:"\e02b"}.icon\:folder:before{content:"\e2c7"}.icon\:folder_open:before{content:"\e2c8"}.icon\:attach_file:before{content:"\e226"}.icon\:cloud:before{content:"\e2bd"}.icon\:description:before{content:"\e873"}.icon\:person:before{content:"\e7fd"}.icon\:people:before{content:"\e7fb"}.icon\:favorite:before{content:"\e87d"}.icon\:star:before{content:"\e838"}.icon\:thumb_up:before{content:"\e8dc"}:root{--icon-size:24px;--icon-family:"Material Symbols Outlined";--icon-color:var(--color-base-9);--icon-fill:0;--icon-weight:400;--icon-grade:0;--icon-optical-size:24}@media (prefers-color-scheme:dark){:root{--icon-color:var(--color-base-2)}}.m3-icon{align-items:center;display:inline-flex;height:var(--icon-size);overflow:hidden;transition:all .2s ease-in-out;visibility:visible;width:var(--icon-size);&:before{align-items:center;color:inherit;display:inline-flex;flex-shrink:0;font-family:var(--icon-family);font-size:var(--icon-size);font-variation-settings:"FILL" var(--icon-fill,0),"wght" var(--icon-weight,400),"GRAD" var(--icon-grade,0),"OPSZ" var(--icon-optical-size,24);height:var(--icon-size);overflow:hidden;vertical-align:top;width:var(--icon-size)}&.hover:not(.n-deco):hover{background-color:var(--color-base-3);border-radius:50%;transform:scale(1.4);&:before{transform:scale(.72)}}&.icon-style\:outlined:before{--icon-family:"Material Symbols Outlined"}&.icon-style\:rounded:before{--icon-family:"Material Symbols Rounded"}&.icon-style\:sharp:before{--icon-family:"Material Symbols Sharp"}&.icon-filled\:0:before{--icon-fill:0}&.icon-filled\:1:before{--icon-fill:1}&.icon-weight\:100:before{--icon-weight:100}&.icon-weight\:200:before{--icon-weight:200}&.icon-weight\:300:before{--icon-weight:300}&.icon-weight\:400:before{--icon-weight:400}&.icon-weight\:500:before{--icon-weight:500}&.icon-weight\:600:before{--icon-weight:600}&.icon-weight\:700:before{--icon-weight:700}&.icon-grade\:-25:before{--icon-grade:-25}&.icon-grade\:0:before{--icon-grade:0}&.icon-grade\:200:before{--icon-grade:200}&.icon-optical-size\:20:before{--icon-optical-size:20px}&.icon-optical-size\:24:before{--icon-optical-size:24px}&.icon-optical-size\:40:before{--icon-optical-size:40px}&.icon-optical-size\:48:before{--icon-optical-size:48px}&.icon-color\:main-1:before{color:var(--color-main-1)}&.icon-color\:main-2:before{color:var(--color-main-2)}&.icon-color\:main-3:before{color:var(--color-main-3)}&.icon-color\:sub-1:before{color:var(--color-sub-1)}&.icon-color\:sub-2:before{color:var(--color-sub-2)}&.icon-color\:sub-3:before{color:var(--color-sub-3)}&.icon-color\:accent-1:before{color:var(--color-accent-1)}&.icon-color\:accent-2:before{color:var(--color-accent-2)}&.icon-color\:accent-3:before{color:var(--color-accent-3)}&.icon-color\:base-1:before{color:var(--color-base-1)}&.icon-color\:base-2:before{color:var(--color-base-2)}&.icon-color\:base-3:before{color:var(--color-base-3)}&.icon-color\:base-4:before{color:var(--color-base-4)}&.icon-color\:base-5:before{color:var(--color-base-5)}&.icon-color\:base-6:before{color:var(--color-base-6)}&.icon-color\:base-7:before{color:var(--color-base-7)}&.icon-color\:base-8:before{color:var(--color-base-8)}&.icon-color\:base-9:before{color:var(--color-base-9)}&.icon-color\:base-10:before{color:var(--color-base-10)}&.icon-size\:20{--icon-size:20px}&.icon-size\:24{--icon-size:24px}&.icon-size\:40{--icon-size:40px}&.icon-size\:48{--icon-size:48px}}@media (min-width:640px){.sm\:m3-icon{&.icon-style\:outlined:before{--icon-family:"Material Symbols Outlined"}&.icon-style\:rounded:before{--icon-family:"Material Symbols Rounded"}&.icon-style\:sharp:before{--icon-family:"Material Symbols Sharp"}&.icon-filled\:0:before{--icon-fill:0}&.icon-filled\:1:before{--icon-fill:1}&.icon-weight\:100:before{--icon-weight:100}&.icon-weight\:200:before{--icon-weight:200}&.icon-weight\:300:before{--icon-weight:300}&.icon-weight\:400:before{--icon-weight:400}&.icon-weight\:500:before{--icon-weight:500}&.icon-weight\:600:before{--icon-weight:600}&.icon-weight\:700:before{--icon-weight:700}&.icon-grade\:-25:before{--icon-grade:-25}&.icon-grade\:0:before{--icon-grade:0}&.icon-grade\:200:before{--icon-grade:200}&.icon-optical-size\:20:before{--icon-optical-size:20px}&.icon-optical-size\:24:before{--icon-optical-size:24px}&.icon-optical-size\:40:before{--icon-optical-size:40px}&.icon-optical-size\:48:before{--icon-optical-size:48px}&.icon-color\:main-1:before{color:var(--color-main-1)}&.icon-color\:main-2:before{color:var(--color-main-2)}&.icon-color\:main-3:before{color:var(--color-main-3)}&.icon-color\:sub-1:before{color:var(--color-sub-1)}&.icon-color\:sub-2:before{color:var(--color-sub-2)}&.icon-color\:sub-3:before{color:var(--color-sub-3)}&.icon-color\:accent-1:before{color:var(--color-accent-1)}&.icon-color\:accent-2:before{color:var(--color-accent-2)}&.icon-color\:accent-3:before{color:var(--color-accent-3)}&.icon-color\:base-1:before{color:var(--color-base-1)}&.icon-color\:base-2:before{color:var(--color-base-2)}&.icon-color\:base-3:before{color:var(--color-base-3)}&.icon-color\:base-4:before{color:var(--color-base-4)}&.icon-color\:base-5:before{color:var(--color-base-5)}&.icon-color\:base-6:before{color:var(--color-base-6)}&.icon-color\:base-7:before{color:var(--color-base-7)}&.icon-color\:base-8:before{color:var(--color-base-8)}&.icon-color\:base-9:before{color:var(--color-base-9)}&.icon-color\:base-10:before{color:var(--color-base-10)}&.icon-size\:20{--icon-size:20px}&.icon-size\:24{--icon-size:24px}&.icon-size\:40{--icon-size:40px}&.icon-size\:48{--icon-size:48px}}}@media (min-width:768px){.md\:m3-icon{&.icon-style\:outlined:before{--icon-family:"Material Symbols Outlined"}&.icon-style\:rounded:before{--icon-family:"Material Symbols Rounded"}&.icon-style\:sharp:before{--icon-family:"Material Symbols Sharp"}&.icon-filled\:0:before{--icon-fill:0}&.icon-filled\:1:before{--icon-fill:1}&.icon-weight\:100:before{--icon-weight:100}&.icon-weight\:200:before{--icon-weight:200}&.icon-weight\:300:before{--icon-weight:300}&.icon-weight\:400:before{--icon-weight:400}&.icon-weight\:500:before{--icon-weight:500}&.icon-weight\:600:before{--icon-weight:600}&.icon-weight\:700:before{--icon-weight:700}&.icon-grade\:-25:before{--icon-grade:-25}&.icon-grade\:0:before{--icon-grade:0}&.icon-grade\:200:before{--icon-grade:200}&.icon-optical-size\:20:before{--icon-optical-size:20px}&.icon-optical-size\:24:before{--icon-optical-size:24px}&.icon-optical-size\:40:before{--icon-optical-size:40px}&.icon-optical-size\:48:before{--icon-optical-size:48px}&.icon-color\:main-1:before{color:var(--color-main-1)}&.icon-color\:main-2:before{color:var(--color-main-2)}&.icon-color\:main-3:before{color:var(--color-main-3)}&.icon-color\:sub-1:before{color:var(--color-sub-1)}&.icon-color\:sub-2:before{color:var(--color-sub-2)}&.icon-color\:sub-3:before{color:var(--color-sub-3)}&.icon-color\:accent-1:before{color:var(--color-accent-1)}&.icon-color\:accent-2:before{color:var(--color-accent-2)}&.icon-color\:accent-3:before{color:var(--color-accent-3)}&.icon-color\:base-1:before{color:var(--color-base-1)}&.icon-color\:base-2:before{color:var(--color-base-2)}&.icon-color\:base-3:before{color:var(--color-base-3)}&.icon-color\:base-4:before{color:var(--color-base-4)}&.icon-color\:base-5:before{color:var(--color-base-5)}&.icon-color\:base-6:before{color:var(--color-base-6)}&.icon-color\:base-7:before{color:var(--color-base-7)}&.icon-color\:base-8:before{color:var(--color-base-8)}&.icon-color\:base-9:before{color:var(--color-base-9)}&.icon-color\:base-10:before{color:var(--color-base-10)}&.icon-size\:20{--icon-size:20px}&.icon-size\:24{--icon-size:24px}&.icon-size\:40{--icon-size:40px}&.icon-size\:48{--icon-size:48px}}}@media (min-width:1024px){.lg\:m3-icon{&.icon-style\:outlined:before{--icon-family:"Material Symbols Outlined"}&.icon-style\:rounded:before{--icon-family:"Material Symbols Rounded"}&.icon-style\:sharp:before{--icon-family:"Material Symbols Sharp"}&.icon-filled\:0:before{--icon-fill:0}&.icon-filled\:1:before{--icon-fill:1}&.icon-weight\:100:before{--icon-weight:100}&.icon-weight\:200:before{--icon-weight:200}&.icon-weight\:300:before{--icon-weight:300}&.icon-weight\:400:before{--icon-weight:400}&.icon-weight\:500:before{--icon-weight:500}&.icon-weight\:600:before{--icon-weight:600}&.icon-weight\:700:before{--icon-weight:700}&.icon-grade\:-25:before{--icon-grade:-25}&.icon-grade\:0:before{--icon-grade:0}&.icon-grade\:200:before{--icon-grade:200}&.icon-optical-size\:20:before{--icon-optical-size:20px}&.icon-optical-size\:24:before{--icon-optical-size:24px}&.icon-optical-size\:40:before{--icon-optical-size:40px}&.icon-optical-size\:48:before{--icon-optical-size:48px}&.icon-color\:main-1:before{color:var(--color-main-1)}&.icon-color\:main-2:before{color:var(--color-main-2)}&.icon-color\:main-3:before{color:var(--color-main-3)}&.icon-color\:sub-1:before{color:var(--color-sub-1)}&.icon-color\:sub-2:before{color:var(--color-sub-2)}&.icon-color\:sub-3:before{color:var(--color-sub-3)}&.icon-color\:accent-1:before{color:var(--color-accent-1)}&.icon-color\:accent-2:before{color:var(--color-accent-2)}&.icon-color\:accent-3:before{color:var(--color-accent-3)}&.icon-color\:base-1:before{color:var(--color-base-1)}&.icon-color\:base-2:before{color:var(--color-base-2)}&.icon-color\:base-3:before{color:var(--color-base-3)}&.icon-color\:base-4:before{color:var(--color-base-4)}&.icon-color\:base-5:before{color:var(--color-base-5)}&.icon-color\:base-6:before{color:var(--color-base-6)}&.icon-color\:base-7:before{color:var(--color-base-7)}&.icon-color\:base-8:before{color:var(--color-base-8)}&.icon-color\:base-9:before{color:var(--color-base-9)}&.icon-color\:base-10:before{color:var(--color-base-10)}&.icon-size\:20{--icon-size:20px}&.icon-size\:24{--icon-size:24px}&.icon-size\:40{--icon-size:40px}&.icon-size\:48{--icon-size:48px}}}@media (min-width:1280px){.xl\:m3-icon{&.icon-style\:outlined:before{--icon-family:"Material Symbols Outlined"}&.icon-style\:rounded:before{--icon-family:"Material Symbols Rounded"}&.icon-style\:sharp:before{--icon-family:"Material Symbols Sharp"}&.icon-filled\:0:before{--icon-fill:0}&.icon-filled\:1:before{--icon-fill:1}&.icon-weight\:100:before{--icon-weight:100}&.icon-weight\:200:before{--icon-weight:200}&.icon-weight\:300:before{--icon-weight:300}&.icon-weight\:400:before{--icon-weight:400}&.icon-weight\:500:before{--icon-weight:500}&.icon-weight\:600:before{--icon-weight:600}&.icon-weight\:700:before{--icon-weight:700}&.icon-grade\:-25:before{--icon-grade:-25}&.icon-grade\:0:before{--icon-grade:0}&.icon-grade\:200:before{--icon-grade:200}&.icon-optical-size\:20:before{--icon-optical-size:20px}&.icon-optical-size\:24:before{--icon-optical-size:24px}&.icon-optical-size\:40:before{--icon-optical-size:40px}&.icon-optical-size\:48:before{--icon-optical-size:48px}&.icon-color\:main-1:before{color:var(--color-main-1)}&.icon-color\:main-2:before{color:var(--color-main-2)}&.icon-color\:main-3:before{color:var(--color-main-3)}&.icon-color\:sub-1:before{color:var(--color-sub-1)}&.icon-color\:sub-2:before{color:var(--color-sub-2)}&.icon-color\:sub-3:before{color:var(--color-sub-3)}&.icon-color\:accent-1:before{color:var(--color-accent-1)}&.icon-color\:accent-2:before{color:var(--color-accent-2)}&.icon-color\:accent-3:before{color:var(--color-accent-3)}&.icon-color\:base-1:before{color:var(--color-base-1)}&.icon-color\:base-2:before{color:var(--color-base-2)}&.icon-color\:base-3:before{color:var(--color-base-3)}&.icon-color\:base-4:before{color:var(--color-base-4)}&.icon-color\:base-5:before{color:var(--color-base-5)}&.icon-color\:base-6:before{color:var(--color-base-6)}&.icon-color\:base-7:before{color:var(--color-base-7)}&.icon-color\:base-8:before{color:var(--color-base-8)}&.icon-color\:base-9:before{color:var(--color-base-9)}&.icon-color\:base-10:before{color:var(--color-base-10)}&.icon-size\:20{--icon-size:20px}&.icon-size\:24{--icon-size:24px}&.icon-size\:40{--icon-size:40px}&.icon-size\:48{--icon-size:48px}}}.m3-btn{--btn-font-size:var(--font-size-2);--btn-font-weight:var(--font-weight-medium);--btn-letter-spacing:0.1px;--btn-height:var(--space-22);--btn-padding:0 var(--space-10);--btn-gap:2px;--btn-margin-top:5px;--btn-background-color:var(--color-main-1);--btn-color:var(--color-base-1);--btn-background-image:none;--btn-box-shadow:none;--btn-border:0;--btn-outline:none;--btn-outline-offset:0px;--btn-border-radius:999px}@media (prefers-color-scheme:dark){.m3-btn{--btn-background-color:color-mix(in srgb,var(--color-main-1) 80%,#fff 20%);--btn-color:var(--color-base-9)}}.m3-btn{align-items:center;background-color:var(--btn-background-color);background-image:var(--btn-background-image);border:var(--btn-border);border-radius:var(--btn-border-radius);box-shadow:var(--btn-box-shadow);color:var(--btn-color);cursor:pointer;display:inline-flex;font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);gap:var(--btn-gap);height:var(--btn-height);justify-content:center;letter-spacing:var(--btn-letter-spacing);line-height:var(--btn-line-height);margin-top:var(--btn-margin-top);outline:var(--btn-outline);outline-offset:var(--btn-outline-offset);padding:var(--btn-padding);transition:background-color .3s ease,transform .3s ease;&.btn\:elevated{--btn-color:var(--color-main-2);--btn-background-color:color-mix(in srgb,var(--color-main-1) 10%,transparent 90%);--btn-box-shadow:0px 0.7px 2px 0.5px rgba(var(--rgb-base-10),0.5)}&.btn\:tonal{--btn-color:var(--color-main-1);--btn-background-color:color-mix(in srgb,var(--color-main-1) 40%,transparent 60%)}&.btn\:outlined{--btn-color:rgb(var(--rgb-main-3));--btn-background-color:none;--btn-border:1px solid rgba(var(--rgb-main-3),0.2)}&.btn\:text{--btn-color:rgb(var(--rgb-main-2));--btn-background-color:none;--btn-border:none;--btn-outline:none}&:disabled{--btn-background-color:rgba(var(--rgb-base-10),0.08);--btn-color:rgba(var(--rgb-base-10),0.2);--btn-box-shadow:none;--btn-border:none;--btn-outline:none}&:focus[tabindex]{--btn-border:2px solid rgba(var(--rgb-base-1),1);--btn-outline:2.5px solid rgba(var(--rgb-main-2),1)}&:hover{--btn-background-color:rgba(var(--rgb-main-2),0.7)}&:active{--btn-background-image:radial-gradient(144% 100% at 80% 94%,color-mix(in srgb,var(--btn-background-color) 70%,transparent) 65%,color-mix(in srgb,var(--btn-background-color) 70%,var(--btn-color)) 66%);--btn-border-radius:8px}&.btn-state\:disabled{--btn-background-color:rgba(var(--rgb-base-10),0.08);--btn-color:rgba(var(--rgb-base-10),0.2);--btn-box-shadow:none;--btn-border:none;--btn-outline:none}&.btn-state\:focus{--btn-border:2px solid rgba(var(--rgb-base-1),1);--btn-outline:2.5px solid rgba(var(--rgb-main-2),1)}&.btn-state\:hover{--btn-background-color:rgba(var(--rgb-main-2),0.7)}&.btn-state\:active{--btn-background-image:radial-gradient(144% 100% at 80% 94%,color-mix(in srgb,var(--btn-background-color) 70%,transparent) 65%,color-mix(in srgb,var(--btn-background-color) 70%,var(--btn-color)) 66%);--btn-border-radius:8px}&.btn-color\:main-1{--btn-background-color:var(--color-main-1);--btn-color:var(--color-base-1)}&.btn-color\:main-2{--btn-background-color:var(--color-main-2);--btn-color:var(--color-base-1)}&.btn-color\:main-3{--btn-background-color:var(--color-main-3);--btn-color:var(--color-base-1)}&.btn-color\:sub-1{--btn-background-color:var(--color-sub-1);--btn-color:var(--color-base-1)}&.btn-color\:sub-2{--btn-background-color:var(--color-sub-2);--btn-color:var(--color-base-1)}&.btn-color\:sub-3{--btn-background-color:var(--color-sub-3);--btn-color:var(--color-base-1)}&.btn-color\:accent-1{--btn-background-color:var(--color-accent-1);--btn-color:var(--color-base-1)}&.btn-color\:accent-2{--btn-background-color:var(--color-accent-2);--btn-color:var(--color-base-1)}&.btn-color\:accent-3{--btn-background-color:var(--color-accent-3);--btn-color:var(--color-base-1)}&.btn-color\:base-1{--btn-background-color:var(--color-base-1);--btn-color:var(--color-base-8)}&.btn-color\:base-2{--btn-background-color:var(--color-base-2);--btn-color:var(--color-base-8)}&.btn-color\:base-3{--btn-background-color:var(--color-base-3);--btn-color:var(--color-base-8)}&.btn-color\:base-4{--btn-background-color:var(--color-base-4);--btn-color:var(--color-base-1)}&.btn-color\:base-5{--btn-background-color:var(--color-base-5);--btn-color:var(--color-base-1)}&.btn-color\:base-6{--btn-background-color:var(--color-base-6);--btn-color:var(--color-base-1)}&.btn-color\:base-7{--btn-background-color:var(--color-base-7);--btn-color:var(--color-base-1)}&.btn-color\:base-8{--btn-background-color:var(--color-base-8);--btn-color:var(--color-base-1)}&.btn-color\:base-9{--btn-background-color:var(--color-base-9);--btn-color:var(--color-base-1)}&.btn-color\:base-10{--btn-background-color:var(--color-base-10);--btn-color:var(--color-base-1)}&.btn-color\:success-1{--btn-background-color:var(--color-success-1);--btn-color:var(--color-base-1)}&.btn-color\:success-2{--btn-background-color:var(--color-success-2);--btn-color:var(--color-base-1)}&.btn-color\:success-3{--btn-background-color:var(--color-success-3);--btn-color:var(--color-base-1)}&.btn-color\:warning-1{--btn-background-color:var(--color-warning-1);--btn-color:var(--color-base-1)}&.btn-color\:warning-2{--btn-background-color:var(--color-warning-2);--btn-color:var(--color-base-1)}&.btn-color\:warning-3{--btn-background-color:var(--color-warning-3);--btn-color:var(--color-base-1)}&.btn-color\:danger-1{--btn-background-color:var(--color-danger-1);--btn-color:var(--color-base-1)}&.btn-color\:danger-2{--btn-background-color:var(--color-danger-2);--btn-color:var(--color-base-1)}&.btn-color\:danger-3{--btn-background-color:var(--color-danger-3);--btn-color:var(--color-base-1)}&.btn-size\:1,&.btn-size\:xs{--btn-height:var(--space-19);--btn-padding:0 var(--space-6);--btn-font-size:var(--font-size-2);--btn-font-weight:var(--font-weight-medium);--btn-line-height:var(--space-13);--btn-letter-spacing:0.1px;&.btn-state\:active,&:active{--btn-border-radius:8px}}&.btn-size\:2,&.btn-size\:sm{--btn-height:var(--space-22);--btn-padding:0 var(--space-10);--btn-font-size:var(--font-size-2);--btn-font-weight:var(--font-weight-medium);--btn-line-height:var(--space-15);--btn-letter-spacing:0.15px;&.btn-state\:active,&:active{--btn-border-radius:8px}}&.btn-size\:3,&.btn-size\:md{--btn-height:var(--space-28);--btn-padding:0 var(--space-15);--btn-font-size:var(--font-size-3);--btn-font-weight:600;--btn-line-height:var(--space-19);--btn-letter-spacing:0px;&.btn-state\:active,&:active{--btn-border-radius:12px}}&.btn-size\:4,&.btn-size\:lg{--btn-height:var(--space-32);--btn-padding:0 var(--space-24);--btn-font-size:var(--font-size-7);--btn-font-weight:600;--btn-line-height:var(--space-19);--btn-letter-spacing:0px;&.btn-state\:active,&:active{--btn-border-radius:16px}}&.btn-size\:5,&.btn-size\:xl{--btn-height:var(--space-35);--btn-padding:0 var(--space-29);--btn-font-size:var(--font-size-9);--btn-font-weight:600;--btn-line-height:var(--space-22);--btn-letter-spacing:0px;&.btn-state\:active,&:active{--btn-border-radius:16px}}&.btn-shape\:square{--btn-border-radius:12px;&.btn-state\:active,&:active{--btn-border-radius:8px}&.btn-size\:1,&.btn-size\:xs{--btn-border-radius:12px;&.btn-state\:active,&:active{--btn-border-radius:8px}}&.btn-size\:2,&.btn-size\:sm{--btn-border-radius:12px;&.btn-state\:active,&:active{--btn-border-radius:8px}}&.btn-size\:3,&.btn-size\:md{--btn-border-radius:16px;&.btn-state\:active,&:active{--btn-border-radius:12px}}&.btn-size\:4,&.btn-size\:lg{--btn-border-radius:28px;&.btn-state\:active,&:active{--btn-border-radius:16px}}&.btn-size\:5,&.btn-size\:xl{--btn-border-radius:28px;&.btn-state\:active,&:active{--btn-border-radius:16px}}}}.n-deco{--deco-gap:var(--space-4)}.n-deco{align-items:center;display:inline-flex;gap:var(--deco-gap);justify-content:center;text-align:center;text-indent:0;width:auto;&:before{align-items:center;display:inline-flex;flex-shrink:0;font-family:Material Symbols Outlined;font-size:var(--icon-size);height:var(--icon-size);justify-content:center;overflow:hidden;width:var(--icon-size)}}.m3-checkbox{--checkbox-main-color:var(--color-main-2);--checkbox-icon-color:var(--color-white);--checkbox-border-color:var(--color-base-8);--checkbox-outline-color:var(--color-transparent);--checkbox-text-color:var(--color-base-8);--checkbox-opacity:var(--opacity-0);--checkbox-icon-content:"\e5ca";--checkbox-transparent-0:transparent 0%;--checkbox-transparent-38:transparent 38%;--checkbox-transparent-92:transparent 92%;--checkbox-transparent-100:transparent 100%;--background-gradient:linear-gradient(180deg,#fff,rgba(106,142,41,.3) 50%,rgba(106,142,41,.5))}@media (prefers-color-scheme:dark){.m3-checkbox input[type=checkbox]:before{--checkbox-outline-color:var(--color-transparent)}}.m3-checkbox,.m3-checkbox input[type=checkbox]:after,.m3-checkbox input[type=checkbox]:before{transition:all .3s ease}.m3-checkbox{align-items:center;color:var(--checkbox-text-color);cursor:pointer;display:inline-flex;font-size:16px;padding:15px;user-select:none}.m3-checkbox input[type=checkbox]{appearance:none;border:2px solid var(--checkbox-border-color);border-radius:2px;box-sizing:border-box;height:18px;margin-right:20px;position:relative;width:18px}.m3-checkbox input[type=checkbox]:after{align-items:center;background-color:var(--checkbox-main-color);border-color:var(--checkbox-main-color);border-radius:2px;color:var(--checkbox-icon-color);content:var(--checkbox-icon-content);display:flex;font-family:Material Symbols Outlined;font-size:18px;font-weight:var(--font-weight-medium);height:inherit;justify-content:center;left:-2px;opacity:var(--checkbox-opacity);position:absolute;top:-2px;width:inherit}.m3-checkbox input[type=checkbox]:before{background:var(--checkbox-main-color);border-radius:50%;content:"";display:inline-flex;height:40px;left:50%;opacity:var(--checkbox-opacity);outline:3px solid var(--checkbox-outline-color);position:absolute;top:50%;transform:translate(-50%,-50%);width:40px}.m3-checkbox input[type=checkbox]:not(:disabled):checked:after{--checkbox-icon-content:"\e5ca";--checkbox-opacity:var(--opacity-100)}.m3-checkbox input[type=checkbox]:disabled{--checkbox-border-color:color-mix(in srgb,var(--color-base-8),var(--checkbox-transparent-38));--checkbox-text-color:color-mix(in srgb,var(--color-base-8),var(--checkbox-transparent-38))}.m3-checkbox input[type=checkbox]:not(:disabled):hover:before{--checkbox-outline-color:color-mix(in srgb,var(--color-main-2),var(--checkbox-transparent-100));--checkbox-main-color:color-mix(in srgb,var(--color-main-2),var(--checkbox-transparent-92));--checkbox-opacity:var(--opacity-100)}.m3-checkbox input[type=checkbox]:not(:disabled):focus:before{--checkbox-outline-color:color-mix(in srgb,var(--color-main-2),var(--checkbox-transparent-0));--checkbox-main-color:color-mix(in srgb,var(--color-main-2),var(--checkbox-transparent-100));--checkbox-opacity:var(--opacity-100)}.m3-checkbox input[type=checkbox]:not(:disabled):active:before{--checkbox-outline-color:color-mix(in srgb,var(--color-main-2),var(--checkbox-transparent-100));--checkbox-main-color:var(--background-gradient);--checkbox-opacity:var(--opacity-90)}.m3-checkbox.checkbox-mode\:indeterminate input[type=checkbox]:after{--checkbox-icon-content:"\f88a"!important}.m3-checkbox.checkbox-state\:enabled input[type=checkbox]:after{--checkbox-icon-content:"\e5ca";--checkbox-opacity:var(--opacity-100)}.m3-checkbox.checkbox-state\:unselected-disabled input[type=checkbox]{--checkbox-border-color:color-mix(in srgb,var(--color-base-8),var(--checkbox-transparent-38));--checkbox-text-color:color-mix(in srgb,var(--color-base-8),var(--checkbox-transparent-38))}.m3-checkbox.checkbox-state\:hovered input[type=checkbox]:before{--checkbox-outline-color:color-mix(in srgb,var(--color-main-2),var(--checkbox-transparent-100));--checkbox-main-color:color-mix(in srgb,var(--color-main-2),var(--checkbox-transparent-92));--checkbox-opacity:var(--opacity-100)}.m3-checkbox.checkbox-state\:focused input[type=checkbox]:before{--checkbox-outline-color:color-mix(in srgb,var(--color-main-2),var(--checkbox-transparent-0));--checkbox-main-color:color-mix(in srgb,var(--color-main-2),var(--checkbox-transparent-100));--checkbox-opacity:var(--opacity-100)}.m3-checkbox.checkbox-state\:pressed input[type=checkbox]:before{--checkbox-outline-color:color-mix(in srgb,var(--color-main-2),var(--checkbox-transparent-100));--checkbox-main-color:var(--background-gradient);--checkbox-opacity:var(--opacity-90)}.checkbox-color\:main-1 input[type=checkbox],.checkbox-color\:main-1 input[type=checkbox]:after,.checkbox-color\:main-1 input[type=checkbox]:before{--checkbox-main-color:var(--color-main-1);--color-main-2:var(--color-main-1);--background-gradient:linear-gradient(180deg,#fff,rgba(140,186,53,.3) 50%,rgba(140,186,53,.5))}.checkbox-color\:main-3 input[type=checkbox],.checkbox-color\:main-3 input[type=checkbox]:after,.checkbox-color\:main-3 input[type=checkbox]:before{--checkbox-main-color:var(--color-main-3);--color-main-2:var(--color-main-3);--background-gradient:linear-gradient(180deg,#fff,rgba(61,82,24,.3) 50%,rgba(61,82,24,.5))}.checkbox-color\:sub-1 input[type=checkbox],.checkbox-color\:sub-1 input[type=checkbox]:after,.checkbox-color\:sub-1 input[type=checkbox]:before{--checkbox-main-color:var(--color-sub-1);--color-main-2:var(--color-sub-1);--background-gradient:linear-gradient(180deg,#fff,rgba(41,131,215,.3) 50%,rgba(41,131,215,.5))}.checkbox-color\:sub-2 input[type=checkbox],.checkbox-color\:sub-2 input[type=checkbox]:after,.checkbox-color\:sub-2 input[type=checkbox]:before{--checkbox-main-color:var(--color-sub-2);--color-main-2:var(--color-sub-2);--background-gradient:linear-gradient(180deg,#fff,rgba(37,112,182,.3) 50%,rgba(37,112,182,.5))}.checkbox-color\:sub-3 input[type=checkbox],.checkbox-color\:sub-3 input[type=checkbox]:after,.checkbox-color\:sub-3 input[type=checkbox]:before{--checkbox-main-color:var(--color-sub-3);--color-main-2:var(--color-sub-3);--background-gradient:linear-gradient(180deg,#fff,rgba(27,87,144,.3) 50%,rgba(27,87,144,.5))}.checkbox-color\:danger-1 input[type=checkbox],.checkbox-color\:danger-1 input[type=checkbox]:after,.checkbox-color\:danger-1 input[type=checkbox]:before{--checkbox-main-color:var(--color-danger-1);--color-main-2:var(--color-danger-1);--background-gradient:linear-gradient(180deg,#fff,rgba(239,68,68,.3) 50%,rgba(239,68,68,.5))}.checkbox-color\:danger-2 input[type=checkbox],.checkbox-color\:danger-2 input[type=checkbox]:after,.checkbox-color\:danger-2 input[type=checkbox]:before{--checkbox-main-color:var(--color-danger-2);--color-main-2:var(--color-danger-2);--background-gradient:linear-gradient(180deg,#fff,rgba(220,38,38,.3) 50%,rgba(220,38,38,.5))}.checkbox-color\:danger-3 input[type=checkbox],.checkbox-color\:danger-3 input[type=checkbox]:after,.checkbox-color\:danger-3 input[type=checkbox]:before{--checkbox-main-color:var(--color-danger-3);--color-main-2:var(--color-danger-3);--background-gradient:linear-gradient(180deg,#fff,rgba(185,28,28,.3) 50%,rgba(185,28,28,.5))}.checkbox-color\:accent-1 input[type=checkbox],.checkbox-color\:accent-1 input[type=checkbox]:after,.checkbox-color\:accent-1 input[type=checkbox]:before{--checkbox-main-color:var(--color-accent-1);--color-main-2:var(--color-accent-1);--background-gradient:linear-gradient(180deg,#fff,rgba(245,158,11,.3) 50%,rgba(245,158,11,.5))}.checkbox-color\:accent-2 input[type=checkbox],.checkbox-color\:accent-2 input[type=checkbox]:after,.checkbox-color\:accent-2 input[type=checkbox]:before{--checkbox-main-color:var(--color-accent-2);--color-main-2:var(--color-accent-2);--background-gradient:linear-gradient(180deg,#fff,rgba(217,119,6,.3) 50%,rgba(217,119,6,.5))}.checkbox-color\:accent-3 input[type=checkbox],.checkbox-color\:accent-3 input[type=checkbox]:after,.checkbox-color\:accent-3 input[type=checkbox]:before{--checkbox-main-color:var(--color-accent-3);--color-main-2:var(--color-accent-3);--background-gradient:linear-gradient(180deg,#fff,rgba(180,83,9,.3) 50%,rgba(180,83,9,.5))}.m3-radio{--radio-size:20px;--radio-touch-size:48px;--radio-stroke-width:2px;--radio-inner-stroke-width:5px;--radio-inner-dot-size:10px;--radio-spacing-label:15px;--radio-label-size:15px;--radio-display:inline-flex;--radio-align-items:center;--radio-cursor:pointer;--radio-user-select:none;--radio-select-primary:var(--color-main-2);--radio-unselect-primary:var(--color-base-9);--radio-focus-ring:3px;--radio-transform:translate(-50%,-50%);--radio-pointer:none;--radio-box-sizing:border-box;--radio-transition:all 180ms ease;--radio-border-color:var(--radio-unselect-primary);--radio-border-color-checked:var(--radio-select-primary);--radio-box-shadow:none;--radio-background-color:transparent;--radio-outline:none;--radio-outline-offset:0;--radio-outline-offset-focus:5px;--alpha-1:8%;--alpha-2:10%;--alpha-3:62%;--transparent-1:10%;--transparent-2:90%;--transparent-3:92%;--transparent-disabled:62%}@media (prefers-color-scheme:dark){.m3-radio{--radio-select-primary:var(--color-main-1)}}.m3-radio{align-items:var(--radio-align-items);cursor:var(--radio-cursor);display:var(--radio-display);gap:var(--radio-spacing-label);user-select:var(--radio-user-select)}.m3-radio input[type=radio]{appearance:none;background-color:var(--radio-background-color);border:none;cursor:var(--radio-cursor);height:var(--radio-touch-size);margin:var(--scale-0);position:relative;width:var(--radio-touch-size)}.m3-radio input[type=radio]:after,.m3-radio input[type=radio]:before{box-sizing:var(--radio-box-sizing);content:"";left:50%;pointer-events:var(--radio-pointer);position:absolute;top:50%;transform:var(--radio-transform);transition:var(--radio-transition)}.m3-radio input[type=radio]:before{background-color:var(--radio-background-color);border:var(--radio-stroke-width) solid var(--radio-unselect-primary);border-radius:var(--radius-8);box-shadow:var(--radio-box-shadow);height:var(--radio-size);outline:var(--radio-outline);outline-offset:var(--radio-outline-offset);width:var(--radio-size)}.m3-radio input[type=radio]:after{border:var(--radio-inner-stroke-width) solid var(--radio-select-primary);border-radius:var(--radius-8);height:0;opacity:var(--opacity-0);width:0}.m3-radio input[type=radio]:checked:before{border-color:var(--radio-border-color-checked)}.m3-radio input[type=radio]:checked:after{opacity:var(--opacity-100)}.m3-radio input[type=radio]:hover:before{--radio-box-shadow:0 0 0 10px color-mix(in srgb,var(--radio-unselect-primary),transparent var(--transparent-3));--radio-background-color:color-mix(in srgb,var(--radio-unselect-primary),transparent var(--transparent-2))}.m3-radio input[type=radio]:checked:hover:before{--radio-box-shadow:0 0 0 10px color-mix(in srgb,var(--radio-select-primary),transparent var(--transparent-3));--radio-background-color:color-mix(in srgb,var(--radio-select-primary),transparent var(--transparent-2))}.m3-radio input[type=radio]:active:before{--radio-box-shadow:0 0 0 10px color-mix(in srgb,var(--radio-unselect-primary),transparent var(--transparent-2));--radio-background-color:color-mix(in srgb,var(--radio-unselect-primary),transparent var(--transparent-2))}.m3-radio input[type=radio]:checked:active:before{--radio-box-shadow:0 0 0 10px color-mix(in srgb,var(--radio-select-primary),transparent var(--transparent-2));--radio-background-color:color-mix(in srgb,var(--radio-select-primary),transparent var(--transparent-2))}.m3-radio input[type=radio]:focus:before{--radio-outline:1px solid color-mix(in srgb,var(--radio-unselect-primary),transparent var(--transparent-1));--radio-outline-offset:var(--radio-outline-offset-focus)}.m3-radio input[type=radio]:checked:focus:before{--radio-outline:1px solid color-mix(in srgb,var(--radio-select-primary),transparent var(--transparent-1));--radio-outline-offset:var(--radio-outline-offset-focus)}.m3-radio input[type=radio]:disabled{box-shadow:none;cursor:not-allowed}.m3-radio input[type=radio]:checked:disabled:after,.m3-radio input[type=radio]:checked:disabled:before,.m3-radio input[type=radio]:disabled:after,.m3-radio input[type=radio]:disabled:before{--radio-border-color:color-mix(in srgb,var(--radio-unselect-primary),transparent var(--transparent-disabled));background-color:transparent;box-shadow:none}.m3-radio .m3-radio-label{color:var(--radio-unselect-primary);font-size:var(--radio-label-size)}.radio\:hover input[type=radio]:before{--radio-box-shadow:0 0 0 10px color-mix(in srgb,var(--radio-unselect-primary),transparent var(--transparent-3));--radio-background-color:color-mix(in srgb,var(--radio-unselect-primary),transparent var(--transparent-2))}.radio\:hover input[type=radio]:checked:before{--radio-box-shadow:0 0 0 10px color-mix(in srgb,var(--radio-select-primary),transparent var(--transparent-3));--radio-background-color:color-mix(in srgb,var(--radio-select-primary),transparent var(--transparent-2))}.radio\:press input[type=radio]:before{--radio-box-shadow:0 0 0 10px color-mix(in srgb,var(--radio-unselect-primary),transparent var(--transparent-2));--radio-background-color:color-mix(in srgb,var(--radio-unselect-primary),transparent var(--transparent-2))}.radio\:press input[type=radio]:checked:before{--radio-box-shadow:0 0 0 10px color-mix(in srgb,var(--radio-select-primary),transparent var(--transparent-2));--radio-background-color:color-mix(in srgb,var(--radio-select-primary),transparent var(--transparent-2))}.radio\:focus input[type=radio]:before{--radio-outline:1px solid color-mix(in srgb,var(--radio-unselect-primary),transparent var(--transparent-1));--radio-outline-offset:var(--radio-outline-offset-focus)}.radio\:focus input[type=radio]:checked:before{--radio-outline:1px solid color-mix(in srgb,var(--radio-select-primary),transparent var(--transparent-1));--radio-outline-offset:var(--radio-outline-offset-focus)}.m3-card{--overflow-hidden:hidden;--cursor-pointer:pointer;--cursor-grab:grab;--cursor-not-allowed:not-allowed;--card-background:var(--color-base-1);--card-width:auto;--card-height:auto;--card-padding:var(--space-10);--card-border:none;--card-border-radius:var(--radius-xl);--card-box-shadow:0 var(--space-1) var(--space-3) rgba(0,0,0,var(--opacity-40)),0 var(--space-1) var(--space-2) rgba(0,0,0,var(--opacity-50));--card-opacity:var(--opacity-100);--card-outline:none;--card-outline-offset:0;--card-transform:none;--card-font-color:var(--color-base-10);--card-focused-outline-color:var(--color-base-10);--card-border-outline-color:var(--color-base-10);--card-outlined-color:var(--color-base-10);--card-overflow:var(--overflow-hidden);--card-cursor:var(--cursor-pointer);--card-transition:box-shadow var(--duration-5) var(--ease-out),transform var(--duration-5) var(--ease-out),opacity var(--duration-5) var(--ease-out)}@media (prefers-color-scheme:dark){.m3-card{--card-background:var(--color-base-2);--card-font-color:var(--color-base-10)}.card\:elevated.card-state\:focused,.card\:filled.card-state\:focused{--card-focused-outline-color:var(--color-base-10)}.card\:outlined.card-state\:focused{--card-border:1px solid var(--card-border-outline-color);--card-outlined-color:var(--color-base-10);--card-outline:3px solid var(--card-outlined-color)}}.m3-card{background:var(--card-background);border:var(--card-border);border-radius:var(--card-border-radius);box-shadow:var(--card-box-shadow);color:var(--card-font-color);cursor:var(--card-cursor);height:var(--card-height);opacity:var(--card-opacity);outline:var(--card-outline);outline-offset:var(--card-outline-offset);overflow:var(--card-overflow);padding:var(--card-padding);transform:var(--card-transform);transition:var(--card-transition);width:var(--card-width)}.card\:elevated.card-state\:enabled{--card-opacity:var(--opacity-100);--card-box-shadow:0 var(--space-1) var(--space-3) rgba(0,0,0,.12),0 var(--space-1) var(--space-2) rgba(0,0,0,.14)}.card\:elevated.card-state\:disabled{--card-opacity:0.38;--card-box-shadow:0 var(--space-2) var(--space-4) rgba(0,0,0,.14);--card-cursor:var(--cursor-not-allowed)}.card\:elevated.card-state\:hovered{--card-box-shadow:0 var(--space-2) var(--space-4) rgba(0,0,0,.14),0 var(--space-3) var(--space-4) rgba(0,0,0,.12);filter:brightness(.92)}.card\:elevated.card-state\:focused{--card-box-shadow:0 var(--space-1) var(--space-3) rgba(0,0,0,.12),0 var(--space-1) var(--space-2) rgba(0,0,0,.14);--card-outline:2px solid var(--card-focused-outline-color);--card-outline-offset:var(--space-2);filter:brightness(.9)}.card\:elevated.card-state\:dragged{--card-box-shadow:0 var(--space-6) var(--space-10) rgba(0,0,0,.14),0 var(--space-4) var(--space-5) rgba(0,0,0,.12);--card-transform:scale(1.02);--card-cursor:var(--cursor-grab);filter:brightness(.84)}.card\:filled.card-state\:enabled{--card-opacity:var(--opacity-100);--card-box-shadow:none}.card\:filled.card-state\:disabled{--card-opacity:0.38;--card-box-shadow:none;--card-cursor:var(--cursor-not-allowed)}.card\:filled.card-state\:hovered{--card-box-shadow:0 var(--space-1) var(--space-3) rgba(0,0,0,.12),0 var(--space-1) var(--space-2) rgba(0,0,0,.14);filter:brightness(.92)}.card\:filled.card-state\:focused{--card-box-shadow:none;--card-outline:2px solid var(--card-focused-outline-color);--card-outline-offset:var(--space-2);filter:brightness(.9)}.card\:filled.card-state\:dragged{--card-box-shadow:0 var(--space-4) var(--space-8) rgba(0,0,0,.14),0 var(--space-3) var(--space-4) rgba(0,0,0,.12);--card-transform:scale(1.02);--card-cursor:var(--cursor-grab);filter:brightness(.84)}.card\:outlined.card-state\:enabled{--card-opacity:var(--opacity-100);--card-box-shadow:none;--card-border:1px solid var(--card-border-outline-color)}.card\:outlined.card-state\:disabled{--card-opacity:0.38;--card-box-shadow:none;--card-border:1px solid var(--card-border-outline-color);--card-cursor:var(--cursor-not-allowed)}.card\:outlined.card-state\:hovered{--card-box-shadow:0 var(--space-1) var(--space-3) rgba(0,0,0,.12),0 var(--space-1) var(--space-2) rgba(0,0,0,.14);--card-border:1px solid var(--card-border-outline-color);filter:brightness(.92)}.card\:outlined.card-state\:focused{--card-box-shadow:none;--card-border:1px solid var(--card-focused-outline-color);--card-outline:2px solid var(--card-focused-outline-color);--card-outline-offset:var(--space-2);filter:brightness(.9)}.card\:outlined.card-state\:dragged{--card-box-shadow:0 var(--space-6) var(--space-10) rgba(0,0,0,.14),0 var(--space-4) var(--space-5) rgba(0,0,0,.12);--card-border:1px solid var(--card-border-outline-color);--card-transform:scale(1.02);--card-cursor:var(--cursor-grab);filter:brightness(.84)}.m3-card .content{padding:var(--card-content-padding)}.m3-dialog{--dialog-spec-min-width:280px;--dialog-spec-max-width:560px;--dialog-bg-color:var(--color-base-3);--dialog-radius:var(--space-17);--dialog-padding:var(--space-15);--dialog-min-width:var(--dialog-spec-min-width);--dialog-max-width:var(--dialog-spec-max-width);--dialog-color:var(--color-base-8);--dialog-headline-font-color:var(--color-base-10);--dialog-headline-font-size:var(--space-15);--dialog-headline-font-weight:var(--font-weight-4);--dialog-headline-margin-bottom:var(--space-14);--dialog-content-font-color:var(--color-base-8);--dialog-content-font-size:var(--space-8);--dialog-content-margin-bottom:var(--space-15);--dialog-content-line-height:var(--space-13);--dialog-actions-gap:var(--space-4);--dialog-btn-color:var(--color-sub-2);--dialog-btn-padding:var(--space-12) var(--space-10);--dialog-hovered-bg:color-mix(in srgb,var(--dialog-btn-color) 8%,transparent);--dialog-focused-bg:color-mix(in srgb,var(--dialog-btn-color) 10%,transparent);--dialog-pressed-bg:color-mix(in srgb,var(--dialog-btn-color) 10%,transparent)}@media (prefers-color-scheme:dark){.m3-dialog{--dialog-bg-color:var(--color-base-3);--dialog-headline-font-color:var(--color-base-10);--dialog-content-font-color:var(--color-base-8);--dialog-btn-color:var(--color-sub-2)}}.m3-dialog{background:var(--dialog-bg-color);border-radius:var(--dialog-radius);box-shadow:0 0 0 100vmax rgba(0,0,0,.4);box-sizing:border-box;color:var(--dialog-color);flex-direction:column;font-family:Roboto,Segoe UI,Helvetica Neue,Arial,sans-serif;height:fit-content;inset:0;margin:auto;max-width:var(--dialog-max-width);min-width:var(--dialog-min-width);padding:var(--dialog-padding);position:fixed;width:fit-content;.header,>:first-child{color:var(--dialog-headline-font-color);font-size:var(--dialog-headline-font-size);font-weight:var(--dialog-headline-font-weight);margin:0 0 var(--dialog-headline-margin-bottom) 0}.content,>:nth-child(2){color:var(--dialog-content-font-color);font-size:var(--dialog-content-font-size);line-height:var(--dialog-content-line-height);margin:0 0 var(--dialog-content-margin-bottom) 0}.actions,>:nth-child(3){display:flex;gap:var(--dialog-actions-gap);justify-content:flex-end}}
|
|
1
|
+
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200");@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200");@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200");.icon\:home:before{content:"\e88a"}.icon\:menu:before{content:"\e5d2"}.icon\:close:before{content:"\e5cd"}.icon\:arrow_back:before{content:"\e5c4"}.icon\:arrow_forward:before{content:"\e5c8"}.icon\:expand_more:before{content:"\e5cf"}.icon\:expand_less:before{content:"\e5ce"}.icon\:chevron_left:before{content:"\e5cb"}.icon\:chevron_right:before{content:"\e5cc"}.icon\:more_vert:before{content:"\e5d4"}.icon\:more_horiz:before{content:"\e5d3"}.icon\:refresh:before{content:"\e5d5"}.icon\:settings:before{content:"\e8b8"}.icon\:apps:before{content:"\e5c3"}.icon\:launch:before{content:"\e895"}.icon\:add:before{content:"\e145"}.icon\:remove:before{content:"\e15b"}.icon\:edit:before{content:"\e3c9"}.icon\:delete:before{content:"\e872"}.icon\:save:before{content:"\e161"}.icon\:check:before{content:"\e5ca"}.icon\:clear:before{content:"\e14c"}.icon\:cancel:before{content:"\e5c9"}.icon\:done:before{content:"\e876"}.icon\:search:before{content:"\e8b6"}.icon\:share:before{content:"\e80d"}.icon\:download:before{content:"\e2c4"}.icon\:upload:before{content:"\e2c6"}.icon\:copy:before{content:"\e14d"}.icon\:visibility:before{content:"\e8f4"}.icon\:visibility_off:before{content:"\e8f5"}.icon\:lock:before{content:"\e897"}.icon\:lock_open:before{content:"\e898"}.icon\:sync:before{content:"\e627"}.icon\:info:before{content:"\e88e"}.icon\:email:before{content:"\e0be"}.icon\:phone:before{content:"\e0cd"}.icon\:chat:before{content:"\e0b7"}.icon\:notifications:before{content:"\e7f4"}.icon\:send:before{content:"\e163"}.icon\:reply:before{content:"\e15e"}.icon\:help:before{content:"\e887"}.icon\:feedback:before{content:"\e87f"}.icon\:play_arrow:before{content:"\e037"}.icon\:pause:before{content:"\e034"}.icon\:stop:before{content:"\e047"}.icon\:volume_up:before{content:"\e050"}.icon\:volume_off:before{content:"\e04f"}.icon\:mic:before{content:"\e029"}.icon\:mic_off:before{content:"\e02b"}.icon\:folder:before{content:"\e2c7"}.icon\:folder_open:before{content:"\e2c8"}.icon\:attach_file:before{content:"\e226"}.icon\:cloud:before{content:"\e2bd"}.icon\:description:before{content:"\e873"}.icon\:person:before{content:"\e7fd"}.icon\:people:before{content:"\e7fb"}.icon\:favorite:before{content:"\e87d"}.icon\:star:before{content:"\e838"}.icon\:thumb_up:before{content:"\e8dc"}.m3-btn,.m3-deco,.m3-icon{--icon-size:24px;--icon-family:"Material Symbols Outlined";--icon-color:var(--color-base-9);--icon-fill:0;--icon-weight:400;--icon-grade:0;--icon-optical-size:24}@media (prefers-color-scheme:dark){.m3-btn,.m3-deco,.m3-icon{--icon-color:var(--color-base-2)}}.m3-btn,.m3-deco,.m3-icon{align-items:center;display:inline-flex;height:var(--icon-size);overflow:hidden;transition:all .2s ease-in-out;vertical-align:top;visibility:visible;width:var(--icon-size);&:before{align-items:center;color:inherit;display:inline-flex;flex-shrink:0;font-family:var(--icon-family);font-size:var(--icon-size);font-variation-settings:"FILL" var(--icon-fill,0),"wght" var(--icon-weight,400),"GRAD" var(--icon-grade,0),"OPSZ" var(--icon-optical-size,24);height:var(--icon-size);overflow:hidden;vertical-align:top;width:var(--icon-size)}&.icon-hover:not(.n-deco):hover{border-radius:50%;transform:scale(1.4);&:before{transform:scale(.8)}}&.icon-style\:outlined:before{--icon-family:"Material Symbols Outlined"}&.icon-style\:rounded:before{--icon-family:"Material Symbols Rounded"}&.icon-style\:sharp:before{--icon-family:"Material Symbols Sharp"}&.icon-filled\:0:before{--icon-fill:0}&.icon-filled\:1:before{--icon-fill:1}&.icon-weight\:100:before{--icon-weight:100}&.icon-weight\:200:before{--icon-weight:200}&.icon-weight\:300:before{--icon-weight:300}&.icon-weight\:400:before{--icon-weight:400}&.icon-weight\:500:before{--icon-weight:500}&.icon-weight\:600:before{--icon-weight:600}&.icon-weight\:700:before{--icon-weight:700}&.icon-grade\:1:before{--icon-grade:-25}&.icon-grade\:2:before{--icon-grade:0}&.icon-grade\:3:before{--icon-grade:200}&.icon-optical-size\:1:before{--icon-optical-size:20}&.icon-optical-size\:2:before{--icon-optical-size:24}&.icon-optical-size\:3:before{--icon-optical-size:40}&.icon-optical-size\:4:before{--icon-optical-size:48}&.icon-color\:main-1:before{color:var(--color-main-1)}&.icon-color\:main-2:before{color:var(--color-main-2)}&.icon-color\:main-3:before{color:var(--color-main-3)}&.icon-color\:sub-1:before{color:var(--color-sub-1)}&.icon-color\:sub-2:before{color:var(--color-sub-2)}&.icon-color\:sub-3:before{color:var(--color-sub-3)}&.icon-color\:accent-1:before{color:var(--color-accent-1)}&.icon-color\:accent-2:before{color:var(--color-accent-2)}&.icon-color\:accent-3:before{color:var(--color-accent-3)}&.icon-color\:base-1:before{color:var(--color-base-1)}&.icon-color\:base-2:before{color:var(--color-base-2)}&.icon-color\:base-3:before{color:var(--color-base-3)}&.icon-color\:base-4:before{color:var(--color-base-4)}&.icon-color\:base-5:before{color:var(--color-base-5)}&.icon-color\:base-6:before{color:var(--color-base-6)}&.icon-color\:base-7:before{color:var(--color-base-7)}&.icon-color\:base-8:before{color:var(--color-base-8)}&.icon-color\:base-9:before{color:var(--color-base-9)}&.icon-color\:base-10:before{color:var(--color-base-10)}&.icon-color\:warning-1:before{color:var(--color-warning-1)}&.icon-color\:warning-2:before{color:var(--color-warning-2)}&.icon-color\:warning-3:before{color:var(--color-warning-3)}&.icon-color\:danger-1:before{color:var(--color-danger-1)}&.icon-color\:danger-2:before{color:var(--color-danger-2)}&.icon-color\:danger-3:before{color:var(--color-danger-3)}&.icon-size\:1{--icon-size:20px}&.icon-size\:2{--icon-size:24px}&.icon-size\:3{--icon-size:40px}&.icon-size\:4{--icon-size:48px}}@media (min-width:640px){.sm\:m3-icon{&.icon-style\:outlined:before{--icon-family:"Material Symbols Outlined"}&.icon-style\:rounded:before{--icon-family:"Material Symbols Rounded"}&.icon-style\:sharp:before{--icon-family:"Material Symbols Sharp"}&.icon-filled\:0:before{--icon-fill:0}&.icon-filled\:1:before{--icon-fill:1}&.icon-weight\:100:before{--icon-weight:100}&.icon-weight\:200:before{--icon-weight:200}&.icon-weight\:300:before{--icon-weight:300}&.icon-weight\:400:before{--icon-weight:400}&.icon-weight\:500:before{--icon-weight:500}&.icon-weight\:600:before{--icon-weight:600}&.icon-weight\:700:before{--icon-weight:700}&.icon-grade\:1:before{--icon-grade:-25}&.icon-grade\:2:before{--icon-grade:0}&.icon-grade\:3:before{--icon-grade:200}&.icon-optical-size\:1:before{--icon-optical-size:20}&.icon-optical-size\:2:before{--icon-optical-size:24}&.icon-optical-size\:3:before{--icon-optical-size:40}&.icon-optical-size\:4:before{--icon-optical-size:48}&.icon-color\:main-1:before{color:var(--color-main-1)}&.icon-color\:main-2:before{color:var(--color-main-2)}&.icon-color\:main-3:before{color:var(--color-main-3)}&.icon-color\:sub-1:before{color:var(--color-sub-1)}&.icon-color\:sub-2:before{color:var(--color-sub-2)}&.icon-color\:sub-3:before{color:var(--color-sub-3)}&.icon-color\:accent-1:before{color:var(--color-accent-1)}&.icon-color\:accent-2:before{color:var(--color-accent-2)}&.icon-color\:accent-3:before{color:var(--color-accent-3)}&.icon-color\:base-1:before{color:var(--color-base-1)}&.icon-color\:base-2:before{color:var(--color-base-2)}&.icon-color\:base-3:before{color:var(--color-base-3)}&.icon-color\:base-4:before{color:var(--color-base-4)}&.icon-color\:base-5:before{color:var(--color-base-5)}&.icon-color\:base-6:before{color:var(--color-base-6)}&.icon-color\:base-7:before{color:var(--color-base-7)}&.icon-color\:base-8:before{color:var(--color-base-8)}&.icon-color\:base-9:before{color:var(--color-base-9)}&.icon-color\:base-10:before{color:var(--color-base-10)}&.icon-color\:warning-1:before{color:var(--color-warning-1)}&.icon-color\:warning-2:before{color:var(--color-warning-2)}&.icon-color\:warning-3:before{color:var(--color-warning-3)}&.icon-color\:danger-1:before{color:var(--color-danger-1)}&.icon-color\:danger-2:before{color:var(--color-danger-2)}&.icon-color\:danger-3:before{color:var(--color-danger-3)}&.icon-size\:1{--icon-size:20px}&.icon-size\:2{--icon-size:24px}&.icon-size\:3{--icon-size:40px}&.icon-size\:4{--icon-size:48px}}}@media (min-width:768px){.md\:m3-icon{&.icon-style\:outlined:before{--icon-family:"Material Symbols Outlined"}&.icon-style\:rounded:before{--icon-family:"Material Symbols Rounded"}&.icon-style\:sharp:before{--icon-family:"Material Symbols Sharp"}&.icon-filled\:0:before{--icon-fill:0}&.icon-filled\:1:before{--icon-fill:1}&.icon-weight\:100:before{--icon-weight:100}&.icon-weight\:200:before{--icon-weight:200}&.icon-weight\:300:before{--icon-weight:300}&.icon-weight\:400:before{--icon-weight:400}&.icon-weight\:500:before{--icon-weight:500}&.icon-weight\:600:before{--icon-weight:600}&.icon-weight\:700:before{--icon-weight:700}&.icon-grade\:1:before{--icon-grade:-25}&.icon-grade\:2:before{--icon-grade:0}&.icon-grade\:3:before{--icon-grade:200}&.icon-optical-size\:1:before{--icon-optical-size:20}&.icon-optical-size\:2:before{--icon-optical-size:24}&.icon-optical-size\:3:before{--icon-optical-size:40}&.icon-optical-size\:4:before{--icon-optical-size:48}&.icon-color\:main-1:before{color:var(--color-main-1)}&.icon-color\:main-2:before{color:var(--color-main-2)}&.icon-color\:main-3:before{color:var(--color-main-3)}&.icon-color\:sub-1:before{color:var(--color-sub-1)}&.icon-color\:sub-2:before{color:var(--color-sub-2)}&.icon-color\:sub-3:before{color:var(--color-sub-3)}&.icon-color\:accent-1:before{color:var(--color-accent-1)}&.icon-color\:accent-2:before{color:var(--color-accent-2)}&.icon-color\:accent-3:before{color:var(--color-accent-3)}&.icon-color\:base-1:before{color:var(--color-base-1)}&.icon-color\:base-2:before{color:var(--color-base-2)}&.icon-color\:base-3:before{color:var(--color-base-3)}&.icon-color\:base-4:before{color:var(--color-base-4)}&.icon-color\:base-5:before{color:var(--color-base-5)}&.icon-color\:base-6:before{color:var(--color-base-6)}&.icon-color\:base-7:before{color:var(--color-base-7)}&.icon-color\:base-8:before{color:var(--color-base-8)}&.icon-color\:base-9:before{color:var(--color-base-9)}&.icon-color\:base-10:before{color:var(--color-base-10)}&.icon-color\:warning-1:before{color:var(--color-warning-1)}&.icon-color\:warning-2:before{color:var(--color-warning-2)}&.icon-color\:warning-3:before{color:var(--color-warning-3)}&.icon-color\:danger-1:before{color:var(--color-danger-1)}&.icon-color\:danger-2:before{color:var(--color-danger-2)}&.icon-color\:danger-3:before{color:var(--color-danger-3)}&.icon-size\:1{--icon-size:20px}&.icon-size\:2{--icon-size:24px}&.icon-size\:3{--icon-size:40px}&.icon-size\:4{--icon-size:48px}}}@media (min-width:1024px){.lg\:m3-icon{&.icon-style\:outlined:before{--icon-family:"Material Symbols Outlined"}&.icon-style\:rounded:before{--icon-family:"Material Symbols Rounded"}&.icon-style\:sharp:before{--icon-family:"Material Symbols Sharp"}&.icon-filled\:0:before{--icon-fill:0}&.icon-filled\:1:before{--icon-fill:1}&.icon-weight\:100:before{--icon-weight:100}&.icon-weight\:200:before{--icon-weight:200}&.icon-weight\:300:before{--icon-weight:300}&.icon-weight\:400:before{--icon-weight:400}&.icon-weight\:500:before{--icon-weight:500}&.icon-weight\:600:before{--icon-weight:600}&.icon-weight\:700:before{--icon-weight:700}&.icon-grade\:1:before{--icon-grade:-25}&.icon-grade\:2:before{--icon-grade:0}&.icon-grade\:3:before{--icon-grade:200}&.icon-optical-size\:1:before{--icon-optical-size:20}&.icon-optical-size\:2:before{--icon-optical-size:24}&.icon-optical-size\:3:before{--icon-optical-size:40}&.icon-optical-size\:4:before{--icon-optical-size:48}&.icon-color\:main-1:before{color:var(--color-main-1)}&.icon-color\:main-2:before{color:var(--color-main-2)}&.icon-color\:main-3:before{color:var(--color-main-3)}&.icon-color\:sub-1:before{color:var(--color-sub-1)}&.icon-color\:sub-2:before{color:var(--color-sub-2)}&.icon-color\:sub-3:before{color:var(--color-sub-3)}&.icon-color\:accent-1:before{color:var(--color-accent-1)}&.icon-color\:accent-2:before{color:var(--color-accent-2)}&.icon-color\:accent-3:before{color:var(--color-accent-3)}&.icon-color\:base-1:before{color:var(--color-base-1)}&.icon-color\:base-2:before{color:var(--color-base-2)}&.icon-color\:base-3:before{color:var(--color-base-3)}&.icon-color\:base-4:before{color:var(--color-base-4)}&.icon-color\:base-5:before{color:var(--color-base-5)}&.icon-color\:base-6:before{color:var(--color-base-6)}&.icon-color\:base-7:before{color:var(--color-base-7)}&.icon-color\:base-8:before{color:var(--color-base-8)}&.icon-color\:base-9:before{color:var(--color-base-9)}&.icon-color\:base-10:before{color:var(--color-base-10)}&.icon-color\:warning-1:before{color:var(--color-warning-1)}&.icon-color\:warning-2:before{color:var(--color-warning-2)}&.icon-color\:warning-3:before{color:var(--color-warning-3)}&.icon-color\:danger-1:before{color:var(--color-danger-1)}&.icon-color\:danger-2:before{color:var(--color-danger-2)}&.icon-color\:danger-3:before{color:var(--color-danger-3)}&.icon-size\:1{--icon-size:20px}&.icon-size\:2{--icon-size:24px}&.icon-size\:3{--icon-size:40px}&.icon-size\:4{--icon-size:48px}}}@media (min-width:1280px){.xl\:m3-icon{&.icon-style\:outlined:before{--icon-family:"Material Symbols Outlined"}&.icon-style\:rounded:before{--icon-family:"Material Symbols Rounded"}&.icon-style\:sharp:before{--icon-family:"Material Symbols Sharp"}&.icon-filled\:0:before{--icon-fill:0}&.icon-filled\:1:before{--icon-fill:1}&.icon-weight\:100:before{--icon-weight:100}&.icon-weight\:200:before{--icon-weight:200}&.icon-weight\:300:before{--icon-weight:300}&.icon-weight\:400:before{--icon-weight:400}&.icon-weight\:500:before{--icon-weight:500}&.icon-weight\:600:before{--icon-weight:600}&.icon-weight\:700:before{--icon-weight:700}&.icon-grade\:1:before{--icon-grade:-25}&.icon-grade\:2:before{--icon-grade:0}&.icon-grade\:3:before{--icon-grade:200}&.icon-optical-size\:1:before{--icon-optical-size:20}&.icon-optical-size\:2:before{--icon-optical-size:24}&.icon-optical-size\:3:before{--icon-optical-size:40}&.icon-optical-size\:4:before{--icon-optical-size:48}&.icon-color\:main-1:before{color:var(--color-main-1)}&.icon-color\:main-2:before{color:var(--color-main-2)}&.icon-color\:main-3:before{color:var(--color-main-3)}&.icon-color\:sub-1:before{color:var(--color-sub-1)}&.icon-color\:sub-2:before{color:var(--color-sub-2)}&.icon-color\:sub-3:before{color:var(--color-sub-3)}&.icon-color\:accent-1:before{color:var(--color-accent-1)}&.icon-color\:accent-2:before{color:var(--color-accent-2)}&.icon-color\:accent-3:before{color:var(--color-accent-3)}&.icon-color\:base-1:before{color:var(--color-base-1)}&.icon-color\:base-2:before{color:var(--color-base-2)}&.icon-color\:base-3:before{color:var(--color-base-3)}&.icon-color\:base-4:before{color:var(--color-base-4)}&.icon-color\:base-5:before{color:var(--color-base-5)}&.icon-color\:base-6:before{color:var(--color-base-6)}&.icon-color\:base-7:before{color:var(--color-base-7)}&.icon-color\:base-8:before{color:var(--color-base-8)}&.icon-color\:base-9:before{color:var(--color-base-9)}&.icon-color\:base-10:before{color:var(--color-base-10)}&.icon-color\:warning-1:before{color:var(--color-warning-1)}&.icon-color\:warning-2:before{color:var(--color-warning-2)}&.icon-color\:warning-3:before{color:var(--color-warning-3)}&.icon-color\:danger-1:before{color:var(--color-danger-1)}&.icon-color\:danger-2:before{color:var(--color-danger-2)}&.icon-color\:danger-3:before{color:var(--color-danger-3)}&.icon-size\:1{--icon-size:20px}&.icon-size\:2{--icon-size:24px}&.icon-size\:3{--icon-size:40px}&.icon-size\:4{--icon-size:48px}}}.m3-deco{--deco-gap:var(--space-4);--deco-flex-direction:row;--deco-order:0;--deco-width:auto;--deco-color:var(--color-main-1);--deco-font-size:var(--font-size-2)}@media (prefers-color-scheme:dark){.m3-deco{--deco-gap:var(--space-4);--deco-color:var(--color-main-1)}}.m3-deco{align-items:center;display:inline-flex;flex-direction:var(--deco-flex-direction);font-size:var(--deco-font-size);gap:var(--deco-gap);height:auto;justify-content:center;text-align:center;text-indent:0;width:var(--deco-width);&.deco-pos\:bottom,&.deco-pos\:top{--deco-flex-direction:column;--deco-height:32px;--deco-gap:var(--space-3);--deco-width:auto;&.deco-active{&:before{align-items:center;background-color:var(--deco-color);border-radius:calc(var(--deco-height, 32px)/2);display:inline-flex;height:var(--deco-height,32px);justify-content:center;width:calc(var(--icon-size) + 32px)}}&.deco-active:hover{&:before{background-color:color-mix(in srgb,var(--deco-color) 80%,transparent)}}&.deco-active:pressed{&:before{background-color:color-mix(in srgb,var(--deco-color) 70%,transparent)}}}&.deco-pos\:left:before,&.deco-pos\:top:before{--deco-order:unset}&.deco-pos\:bottom:before,&.deco-pos\:right:before{--deco-order:1}&.deco-pos\:left,&.deco-pos\:right{--deco-height:40px;--deco-padding:0 20px;&.deco-active{background-color:var(--deco-color);border-radius:calc(var(--deco-height, 40px)/2);height:var(--deco-height,40px);padding:var(--deco-padding,0 20px);&.deco-active:hover{background-color:color-mix(in srgb,var(--deco-color) 80%,transparent)}&.deco-active:pressed{background-color:color-mix(in srgb,var(--deco-color) 70%,transparent)}}}&.deco-gap\:0{--deco-gap:0px}&.deco-gap\:1{--deco-gap:var(--space-3)}&.deco-gap\:2{--deco-gap:var(--space-4)}&.deco-gap\:3{--deco-gap:var(--space-6)}&.deco-gap\:4{--deco-gap:var(--space-10)}&.deco-gap\:5{--deco-gap:var(--space-13)}&.deco-color\:main-1{--deco-color:var(--color-main-1)}&.deco-color\:main-2{--deco-color:var(--color-main-2)}&.deco-color\:main-3{--deco-color:var(--color-main-3)}&.deco-color\:sub-1{--deco-color:var(--color-sub-1)}&.deco-color\:sub-2{--deco-color:var(--color-sub-2)}&.deco-color\:sub-3{--deco-color:var(--color-sub-3)}&.deco-color\:accent-1{--deco-color:var(--color-accent-1)}&.deco-color\:accent-2{--deco-color:var(--color-accent-2)}&.deco-color\:accent-3{--deco-color:var(--color-accent-3)}&.deco-color\:base-1{--deco-color:var(--color-base-1)}&.deco-color\:base-2{--deco-color:var(--color-base-2)}&.deco-color\:base-3{--deco-color:var(--color-base-3)}&.deco-color\:base-4{--deco-color:var(--color-base-4)}&.deco-color\:base-5{--deco-color:var(--color-base-5)}&.deco-color\:base-6{--deco-color:var(--color-base-6)}&.deco-color\:base-7{--deco-color:var(--color-base-7)}&.deco-color\:base-8{--deco-color:var(--color-base-8)}&.deco-color\:base-9{--deco-color:var(--color-base-9)}&.deco-color\:base-10{--deco-color:var(--color-base-10)}&.deco-color\:warning-1{--deco-color:var(--color-warning-1)}&.deco-color\:warning-2{--deco-color:var(--color-warning-2)}&.deco-color\:warning-3{--deco-color:var(--color-warning-3)}&.deco-color\:danger-1{--deco-color:var(--color-danger-1)}&.deco-color\:danger-2{--deco-color:var(--color-danger-2)}&.deco-color\:danger-3{--deco-color:var(--color-danger-3)}&.deco-size\:1{--deco-height:var(--space-19);--deco-padding:0 var(--space-6);--icon-size:20px;--deco-gap:var(--space-3);--deco-font-size:var(--font-size-2)}&.deco-size\:2{--deco-height:var(--space-22);--deco-padding:0 var(--space-10);--icon-size:24px;--deco-gap:var(--space-4);--deco-font-size:var(--font-size-2)}&.deco-size\:3{--deco-height:var(--space-28);--deco-padding:0 var(--space-15);--icon-size:40px;--deco-gap:var(--space-4);--deco-font-size:var(--font-size-3)}&.deco-size\:4{--deco-height:var(--space-32);--deco-padding:0 var(--space-24);--icon-size:48px;--deco-gap:var(--space-6);--deco-font-size:var(--font-size-7)}&.deco-size\:5{--deco-height:var(--space-35);--deco-padding:0 var(--space-29);--icon-size:48px;--deco-gap:var(--space-10);--deco-font-size:var(--font-size-9)}&.icon-filled\:0:before{--icon-fill:0}&.icon-filled\:1:before{--icon-fill:1}}@media screen and (min-width:576px){.sm\:m3-deco{&.deco-pos\:bottom,&.deco-pos\:top{--deco-flex-direction:column;--deco-height:32px;--deco-gap:var(--space-3);--deco-width:auto}&.deco-pos\:left,&.deco-pos\:right{--deco-height:40px;--deco-padding:0 20px}&.deco-gap\:0{--deco-gap:0px}&.deco-gap\:1{--deco-gap:var(--space-3)}&.deco-gap\:2{--deco-gap:var(--space-4)}&.deco-gap\:3{--deco-gap:var(--space-6)}&.deco-gap\:4{--deco-gap:var(--space-10)}&.deco-gap\:5{--deco-gap:var(--space-13)}&.deco-color\:main-1{--deco-color:var(--color-main-1)}&.deco-color\:main-2{--deco-color:var(--color-main-2)}&.deco-color\:main-3{--deco-color:var(--color-main-3)}&.deco-color\:sub-1{--deco-color:var(--color-sub-1)}&.deco-color\:sub-2{--deco-color:var(--color-sub-2)}&.deco-color\:sub-3{--deco-color:var(--color-sub-3)}&.deco-color\:accent-1{--deco-color:var(--color-accent-1)}&.deco-color\:accent-2{--deco-color:var(--color-accent-2)}&.deco-color\:accent-3{--deco-color:var(--color-accent-3)}&.deco-color\:base-1{--deco-color:var(--color-base-1)}&.deco-color\:base-2{--deco-color:var(--color-base-2)}&.deco-color\:base-3{--deco-color:var(--color-base-3)}&.deco-color\:base-4{--deco-color:var(--color-base-4)}&.deco-color\:base-5{--deco-color:var(--color-base-5)}&.deco-color\:base-6{--deco-color:var(--color-base-6)}&.deco-color\:base-7{--deco-color:var(--color-base-7)}&.deco-color\:base-8{--deco-color:var(--color-base-8)}&.deco-color\:base-9{--deco-color:var(--color-base-9)}&.deco-color\:base-10{--deco-color:var(--color-base-10)}&.deco-color\:warning-1{--deco-color:var(--color-warning-1)}&.deco-color\:warning-2{--deco-color:var(--color-warning-2)}&.deco-color\:warning-3{--deco-color:var(--color-warning-3)}&.deco-color\:danger-1{--deco-color:var(--color-danger-1)}&.deco-color\:danger-2{--deco-color:var(--color-danger-2)}&.deco-color\:danger-3{--deco-color:var(--color-danger-3)}&.deco-size\:1{--deco-height:var(--space-19);--deco-padding:0 var(--space-6);--icon-size:20px;--deco-gap:var(--space-3);--deco-font-size:var(--font-size-2)}&.deco-size\:2{--deco-height:var(--space-22);--deco-padding:0 var(--space-10);--icon-size:24px;--deco-gap:var(--space-4);--deco-font-size:var(--font-size-2)}&.deco-size\:3{--deco-height:var(--space-28);--deco-padding:0 var(--space-15);--icon-size:40px;--deco-gap:var(--space-4);--deco-font-size:var(--font-size-3)}&.deco-size\:4{--deco-height:var(--space-32);--deco-padding:0 var(--space-24);--icon-size:48px;--deco-gap:var(--space-6);--deco-font-size:var(--font-size-7)}&.deco-size\:5{--deco-height:var(--space-35);--deco-padding:0 var(--space-29);--icon-size:48px;--deco-gap:var(--space-10);--deco-font-size:var(--font-size-9)}}}@media screen and (min-width:768px){.md\:m3-deco{&.deco-pos\:bottom,&.deco-pos\:top{--deco-flex-direction:column;--deco-height:32px;--deco-gap:var(--space-3);--deco-width:auto}&.deco-pos\:left,&.deco-pos\:right{--deco-height:40px;--deco-padding:0 20px}&.deco-gap\:0{--deco-gap:0px}&.deco-gap\:1{--deco-gap:var(--space-3)}&.deco-gap\:2{--deco-gap:var(--space-4)}&.deco-gap\:3{--deco-gap:var(--space-6)}&.deco-gap\:4{--deco-gap:var(--space-10)}&.deco-gap\:5{--deco-gap:var(--space-13)}&.deco-color\:main-1{--deco-color:var(--color-main-1)}&.deco-color\:main-2{--deco-color:var(--color-main-2)}&.deco-color\:main-3{--deco-color:var(--color-main-3)}&.deco-color\:sub-1{--deco-color:var(--color-sub-1)}&.deco-color\:sub-2{--deco-color:var(--color-sub-2)}&.deco-color\:sub-3{--deco-color:var(--color-sub-3)}&.deco-color\:accent-1{--deco-color:var(--color-accent-1)}&.deco-color\:accent-2{--deco-color:var(--color-accent-2)}&.deco-color\:accent-3{--deco-color:var(--color-accent-3)}&.deco-color\:base-1{--deco-color:var(--color-base-1)}&.deco-color\:base-2{--deco-color:var(--color-base-2)}&.deco-color\:base-3{--deco-color:var(--color-base-3)}&.deco-color\:base-4{--deco-color:var(--color-base-4)}&.deco-color\:base-5{--deco-color:var(--color-base-5)}&.deco-color\:base-6{--deco-color:var(--color-base-6)}&.deco-color\:base-7{--deco-color:var(--color-base-7)}&.deco-color\:base-8{--deco-color:var(--color-base-8)}&.deco-color\:base-9{--deco-color:var(--color-base-9)}&.deco-color\:base-10{--deco-color:var(--color-base-10)}&.deco-color\:warning-1{--deco-color:var(--color-warning-1)}&.deco-color\:warning-2{--deco-color:var(--color-warning-2)}&.deco-color\:warning-3{--deco-color:var(--color-warning-3)}&.deco-color\:danger-1{--deco-color:var(--color-danger-1)}&.deco-color\:danger-2{--deco-color:var(--color-danger-2)}&.deco-color\:danger-3{--deco-color:var(--color-danger-3)}&.deco-size\:1{--deco-height:var(--space-19);--deco-padding:0 var(--space-6);--icon-size:20px;--deco-gap:var(--space-3);--deco-font-size:var(--font-size-2)}&.deco-size\:2{--deco-height:var(--space-22);--deco-padding:0 var(--space-10);--icon-size:24px;--deco-gap:var(--space-4);--deco-font-size:var(--font-size-2)}&.deco-size\:3{--deco-height:var(--space-28);--deco-padding:0 var(--space-15);--icon-size:40px;--deco-gap:var(--space-4);--deco-font-size:var(--font-size-3)}&.deco-size\:4{--deco-height:var(--space-32);--deco-padding:0 var(--space-24);--icon-size:48px;--deco-gap:var(--space-6);--deco-font-size:var(--font-size-7)}&.deco-size\:5{--deco-height:var(--space-35);--deco-padding:0 var(--space-29);--icon-size:48px;--deco-gap:var(--space-10);--deco-font-size:var(--font-size-9)}}}@media screen and (min-width:992px){.lg\:m3-deco{&.deco-pos\:bottom,&.deco-pos\:top{--deco-flex-direction:column;--deco-height:32px;--deco-gap:var(--space-3);--deco-width:auto}&.deco-pos\:left,&.deco-pos\:right{--deco-height:40px;--deco-padding:0 20px}&.deco-gap\:0{--deco-gap:0px}&.deco-gap\:1{--deco-gap:var(--space-3)}&.deco-gap\:2{--deco-gap:var(--space-4)}&.deco-gap\:3{--deco-gap:var(--space-6)}&.deco-gap\:4{--deco-gap:var(--space-10)}&.deco-gap\:5{--deco-gap:var(--space-13)}&.deco-color\:main-1{--deco-color:var(--color-main-1)}&.deco-color\:main-2{--deco-color:var(--color-main-2)}&.deco-color\:main-3{--deco-color:var(--color-main-3)}&.deco-color\:sub-1{--deco-color:var(--color-sub-1)}&.deco-color\:sub-2{--deco-color:var(--color-sub-2)}&.deco-color\:sub-3{--deco-color:var(--color-sub-3)}&.deco-color\:accent-1{--deco-color:var(--color-accent-1)}&.deco-color\:accent-2{--deco-color:var(--color-accent-2)}&.deco-color\:accent-3{--deco-color:var(--color-accent-3)}&.deco-color\:base-1{--deco-color:var(--color-base-1)}&.deco-color\:base-2{--deco-color:var(--color-base-2)}&.deco-color\:base-3{--deco-color:var(--color-base-3)}&.deco-color\:base-4{--deco-color:var(--color-base-4)}&.deco-color\:base-5{--deco-color:var(--color-base-5)}&.deco-color\:base-6{--deco-color:var(--color-base-6)}&.deco-color\:base-7{--deco-color:var(--color-base-7)}&.deco-color\:base-8{--deco-color:var(--color-base-8)}&.deco-color\:base-9{--deco-color:var(--color-base-9)}&.deco-color\:base-10{--deco-color:var(--color-base-10)}&.deco-color\:warning-1{--deco-color:var(--color-warning-1)}&.deco-color\:warning-2{--deco-color:var(--color-warning-2)}&.deco-color\:warning-3{--deco-color:var(--color-warning-3)}&.deco-color\:danger-1{--deco-color:var(--color-danger-1)}&.deco-color\:danger-2{--deco-color:var(--color-danger-2)}&.deco-color\:danger-3{--deco-color:var(--color-danger-3)}&.deco-size\:1{--deco-height:var(--space-19);--deco-padding:0 var(--space-6);--icon-size:20px;--deco-gap:var(--space-3);--deco-font-size:var(--font-size-2)}&.deco-size\:2{--deco-height:var(--space-22);--deco-padding:0 var(--space-10);--icon-size:24px;--deco-gap:var(--space-4);--deco-font-size:var(--font-size-2)}&.deco-size\:3{--deco-height:var(--space-28);--deco-padding:0 var(--space-15);--icon-size:40px;--deco-gap:var(--space-4);--deco-font-size:var(--font-size-3)}&.deco-size\:4{--deco-height:var(--space-32);--deco-padding:0 var(--space-24);--icon-size:48px;--deco-gap:var(--space-6);--deco-font-size:var(--font-size-7)}&.deco-size\:5{--deco-height:var(--space-35);--deco-padding:0 var(--space-29);--icon-size:48px;--deco-gap:var(--space-10);--deco-font-size:var(--font-size-9)}}}@media screen and (min-width:1200px){.xl\:m3-deco{&.deco-pos\:bottom,&.deco-pos\:top{--deco-flex-direction:column;--deco-height:32px;--deco-gap:var(--space-3);--deco-width:auto}&.deco-pos\:left,&.deco-pos\:right{--deco-height:40px;--deco-padding:0 20px}&.deco-gap\:0{--deco-gap:0px}&.deco-gap\:1{--deco-gap:var(--space-3)}&.deco-gap\:2{--deco-gap:var(--space-4)}&.deco-gap\:3{--deco-gap:var(--space-6)}&.deco-gap\:4{--deco-gap:var(--space-10)}&.deco-gap\:5{--deco-gap:var(--space-13)}&.deco-color\:main-1{--deco-color:var(--color-main-1)}&.deco-color\:main-2{--deco-color:var(--color-main-2)}&.deco-color\:main-3{--deco-color:var(--color-main-3)}&.deco-color\:sub-1{--deco-color:var(--color-sub-1)}&.deco-color\:sub-2{--deco-color:var(--color-sub-2)}&.deco-color\:sub-3{--deco-color:var(--color-sub-3)}&.deco-color\:accent-1{--deco-color:var(--color-accent-1)}&.deco-color\:accent-2{--deco-color:var(--color-accent-2)}&.deco-color\:accent-3{--deco-color:var(--color-accent-3)}&.deco-color\:base-1{--deco-color:var(--color-base-1)}&.deco-color\:base-2{--deco-color:var(--color-base-2)}&.deco-color\:base-3{--deco-color:var(--color-base-3)}&.deco-color\:base-4{--deco-color:var(--color-base-4)}&.deco-color\:base-5{--deco-color:var(--color-base-5)}&.deco-color\:base-6{--deco-color:var(--color-base-6)}&.deco-color\:base-7{--deco-color:var(--color-base-7)}&.deco-color\:base-8{--deco-color:var(--color-base-8)}&.deco-color\:base-9{--deco-color:var(--color-base-9)}&.deco-color\:base-10{--deco-color:var(--color-base-10)}&.deco-color\:warning-1{--deco-color:var(--color-warning-1)}&.deco-color\:warning-2{--deco-color:var(--color-warning-2)}&.deco-color\:warning-3{--deco-color:var(--color-warning-3)}&.deco-color\:danger-1{--deco-color:var(--color-danger-1)}&.deco-color\:danger-2{--deco-color:var(--color-danger-2)}&.deco-color\:danger-3{--deco-color:var(--color-danger-3)}&.deco-size\:1{--deco-height:var(--space-19);--deco-padding:0 var(--space-6);--icon-size:20px;--deco-gap:var(--space-3);--deco-font-size:var(--font-size-2)}&.deco-size\:2{--deco-height:var(--space-22);--deco-padding:0 var(--space-10);--icon-size:24px;--deco-gap:var(--space-4);--deco-font-size:var(--font-size-2)}&.deco-size\:3{--deco-height:var(--space-28);--deco-padding:0 var(--space-15);--icon-size:40px;--deco-gap:var(--space-4);--deco-font-size:var(--font-size-3)}&.deco-size\:4{--deco-height:var(--space-32);--deco-padding:0 var(--space-24);--icon-size:48px;--deco-gap:var(--space-6);--deco-font-size:var(--font-size-7)}&.deco-size\:5{--deco-height:var(--space-35);--deco-padding:0 var(--space-29);--icon-size:48px;--deco-gap:var(--space-10);--deco-font-size:var(--font-size-9)}}}.m3-btn{--btn-font-size:var(--font-size-2);--btn-font-weight:var(--font-weight-medium);--btn-letter-spacing:0.1px;--btn-height:var(--space-22);--btn-padding:0 var(--space-10);--btn-gap:2px;--btn-margin-top:5px;--btn-background-color:var(--color-main-1);--btn-color:var(--color-base-1);--btn-background-image:none;--btn-box-shadow:none;--btn-border:0;--btn-outline:none;--btn-outline-offset:0px;--btn-border-radius:999px}@media (prefers-color-scheme:dark){.m3-btn{--btn-background-color:color-mix(in srgb,var(--color-main-1) 80%,#fff 20%);--btn-color:var(--color-base-9)}}.m3-btn{align-items:center;background-color:var(--btn-background-color);background-image:var(--btn-background-image);border:var(--btn-border);border-radius:var(--btn-border-radius);box-shadow:var(--btn-box-shadow);color:var(--btn-color);cursor:pointer;display:inline-flex;font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);gap:var(--btn-gap);height:var(--btn-height);justify-content:center;letter-spacing:var(--btn-letter-spacing);line-height:var(--btn-line-height);margin-top:var(--btn-margin-top);outline:var(--btn-outline);outline-offset:var(--btn-outline-offset);padding:var(--btn-padding);transition:background-color .3s ease,box-shadow .3s ease,transform .3s ease;white-space:nowrap;width:auto;&:disabled{--btn-background-color:rgba(var(--rgb-base-10),0.08);--btn-color:rgba(var(--rgb-base-10),0.2);--btn-box-shadow:none;--btn-border:none;--btn-outline:none}&:focus[tabindex]{--btn-border:2px solid rgba(var(--rgb-base-1),1);--btn-outline:2.5px solid rgba(var(--rgb-main-2),1)}&:hover{--btn-background-color:rgba(var(--rgb-main-2),0.7)}&:active{--btn-background-image:radial-gradient(144% 100% at 80% 94%,color-mix(in srgb,var(--btn-background-color) 70%,transparent) 65%,color-mix(in srgb,var(--btn-background-color) 70%,var(--btn-color)) 66%);--btn-border-radius:8px}&.btn-state\:disabled{--btn-background-color:rgba(var(--rgb-base-10),0.08);--btn-color:rgba(var(--rgb-base-10),0.2);--btn-box-shadow:none;--btn-border:none;--btn-outline:none}&.btn-state\:focus{--btn-border:2px solid rgba(var(--rgb-base-1),1);--btn-outline:2.5px solid rgba(var(--rgb-main-2),1)}&.btn-state\:hover{--btn-background-color:rgba(var(--rgb-main-2),0.7)}&.btn-state\:active{--btn-background-image:radial-gradient(144% 100% at 80% 94%,color-mix(in srgb,var(--btn-background-color) 70%,transparent) 65%,color-mix(in srgb,var(--btn-background-color) 70%,var(--btn-color)) 66%);--btn-border-radius:8px}&.btn\:elevated{--btn-color:var(--color-main-2);--btn-background-color:#f7f2fa;--btn-box-shadow:0px 0.7px 2px 0.5px rgba(var(--rgb-base-10),0.5);&:disabled{--btn-background-color:rgba(var(--rgb-base-10),0.08);--btn-color:rgba(var(--rgb-base-10),0.2);--btn-box-shadow:none;--btn-border:none;--btn-outline:none}&:focus[tabindex]{--btn-border:2px solid rgba(var(--rgb-base-1),1);--btn-outline:2.5px solid rgba(var(--rgb-main-2),1)}&:hover{--btn-background-color:rgba(F7F2FA,0.7);--btn-box-shadow:0px 0.7px 2px 0.5px rgba(var(--rgb-base-10),0.5)}&:active{--btn-background-image:radial-gradient(144% 100% at 80% 94%,color-mix(in srgb,var(--btn-background-color) 70%,transparent) 65%,color-mix(in srgb,var(--btn-background-color) 70%,var(--btn-color)) 66%);--btn-border-radius:8px}&.btn-state\:disabled{--btn-background-color:rgba(var(--rgb-base-10),0.08);--btn-color:rgba(var(--rgb-base-10),0.2);--btn-box-shadow:none;--btn-border:none;--btn-outline:none}&.btn-state\:focus{--btn-border:2px solid rgba(var(--rgb-base-1),1);--btn-outline:2.5px solid rgba(var(--rgb-main-2),1)}&.btn-state\:hover{--btn-background-color:rgba(var(--rgb-main-2),0.7)}&.btn-state\:active{--btn-background-image:radial-gradient(144% 100% at 80% 94%,color-mix(in srgb,var(--btn-background-color) 70%,transparent) 65%,color-mix(in srgb,var(--btn-background-color) 70%,var(--btn-color)) 66%);--btn-border-radius:8px}}&.btn\:tonal{--btn-color:var(--color-main-1);--btn-background-color:color-mix(in srgb,var(--color-main-1) 40%,transparent 60%)}&.btn\:outlined{--btn-color:rgb(var(--rgb-main-3));--btn-background-color:none;--btn-border:1px solid rgba(var(--rgb-main-3),0.2)}&.btn\:text{--btn-color:rgb(var(--rgb-main-2));--btn-background-color:none;--btn-border:none;--btn-outline:none}&.btn-color\:main-1{--btn-background-color:var(--color-main-1);--btn-color:var(--color-base-1)}&.btn-color\:main-2{--btn-background-color:var(--color-main-2);--btn-color:var(--color-base-1)}&.btn-color\:main-3{--btn-background-color:var(--color-main-3);--btn-color:var(--color-base-1)}&.btn-color\:sub-1{--btn-background-color:var(--color-sub-1);--btn-color:var(--color-base-1)}&.btn-color\:sub-2{--btn-background-color:var(--color-sub-2);--btn-color:var(--color-base-1)}&.btn-color\:sub-3{--btn-background-color:var(--color-sub-3);--btn-color:var(--color-base-1)}&.btn-color\:accent-1{--btn-background-color:var(--color-accent-1);--btn-color:var(--color-base-1)}&.btn-color\:accent-2{--btn-background-color:var(--color-accent-2);--btn-color:var(--color-base-1)}&.btn-color\:accent-3{--btn-background-color:var(--color-accent-3);--btn-color:var(--color-base-1)}&.btn-color\:base-1{--btn-background-color:var(--color-base-1);--btn-color:var(--color-base-8)}&.btn-color\:base-2{--btn-background-color:var(--color-base-2);--btn-color:var(--color-base-8)}&.btn-color\:base-3{--btn-background-color:var(--color-base-3);--btn-color:var(--color-base-8)}&.btn-color\:base-4{--btn-background-color:var(--color-base-4);--btn-color:var(--color-base-1)}&.btn-color\:base-5{--btn-background-color:var(--color-base-5);--btn-color:var(--color-base-1)}&.btn-color\:base-6{--btn-background-color:var(--color-base-6);--btn-color:var(--color-base-1)}&.btn-color\:base-7{--btn-background-color:var(--color-base-7);--btn-color:var(--color-base-1)}&.btn-color\:base-8{--btn-background-color:var(--color-base-8);--btn-color:var(--color-base-1)}&.btn-color\:base-9{--btn-background-color:var(--color-base-9);--btn-color:var(--color-base-1)}&.btn-color\:base-10{--btn-background-color:var(--color-base-10);--btn-color:var(--color-base-1)}&.btn-color\:success-1{--btn-background-color:var(--color-success-1);--btn-color:var(--color-base-1)}&.btn-color\:success-2{--btn-background-color:var(--color-success-2);--btn-color:var(--color-base-1)}&.btn-color\:success-3{--btn-background-color:var(--color-success-3);--btn-color:var(--color-base-1)}&.btn-color\:warning-1{--btn-background-color:var(--color-warning-1);--btn-color:var(--color-base-1)}&.btn-color\:warning-2{--btn-background-color:var(--color-warning-2);--btn-color:var(--color-base-1)}&.btn-color\:warning-3{--btn-background-color:var(--color-warning-3);--btn-color:var(--color-base-1)}&.btn-color\:danger-1{--btn-background-color:var(--color-danger-1);--btn-color:var(--color-base-1)}&.btn-color\:danger-2{--btn-background-color:var(--color-danger-2);--btn-color:var(--color-base-1)}&.btn-color\:danger-3{--btn-background-color:var(--color-danger-3);--btn-color:var(--color-base-1)}&.btn-size\:1,&.btn-size\:xs{--btn-height:var(--space-19);--btn-padding:0 var(--space-6);--btn-font-size:var(--font-size-2);--btn-font-weight:var(--font-weight-medium);--btn-line-height:var(--space-13);--btn-letter-spacing:0.1px;&.btn-state\:active,&:active{--btn-border-radius:8px}}&.btn-size\:2,&.btn-size\:sm{--btn-height:var(--space-22);--btn-padding:0 var(--space-10);--btn-font-size:var(--font-size-2);--btn-font-weight:var(--font-weight-medium);--btn-line-height:var(--space-15);--btn-letter-spacing:0.15px;&.btn-state\:active,&:active{--btn-border-radius:8px}}&.btn-size\:3,&.btn-size\:md{--btn-height:var(--space-28);--btn-padding:0 var(--space-15);--btn-font-size:var(--font-size-3);--btn-font-weight:600;--btn-line-height:var(--space-19);--btn-letter-spacing:0px;&.btn-state\:active,&:active{--btn-border-radius:12px}}&.btn-size\:4,&.btn-size\:lg{--btn-height:var(--space-32);--btn-padding:0 var(--space-24);--btn-font-size:var(--font-size-7);--btn-font-weight:600;--btn-line-height:var(--space-19);--btn-letter-spacing:0px;&.btn-state\:active,&:active{--btn-border-radius:16px}}&.btn-size\:5,&.btn-size\:xl{--btn-height:var(--space-35);--btn-padding:0 var(--space-29);--btn-font-size:var(--font-size-9);--btn-font-weight:600;--btn-line-height:var(--space-22);--btn-letter-spacing:0px;&.btn-state\:active,&:active{--btn-border-radius:16px}}&.btn-shape\:square{--btn-border-radius:12px;&.btn-state\:active,&:active{--btn-border-radius:8px}&.btn-size\:1,&.btn-size\:xs{--btn-border-radius:12px;&.btn-state\:active,&:active{--btn-border-radius:8px}}&.btn-size\:2,&.btn-size\:sm{--btn-border-radius:12px;&.btn-state\:active,&:active{--btn-border-radius:8px}}&.btn-size\:3,&.btn-size\:md{--btn-border-radius:16px;&.btn-state\:active,&:active{--btn-border-radius:12px}}&.btn-size\:4,&.btn-size\:lg{--btn-border-radius:28px;&.btn-state\:active,&:active{--btn-border-radius:16px}}&.btn-size\:5,&.btn-size\:xl{--btn-border-radius:28px;&.btn-state\:active,&:active{--btn-border-radius:16px}}}}@media screen and (min-width:576px){.m3-btn{&.sm\:btn-size\:1,&.sm\:btn-size\:xs{--btn-height:var(--space-19);--btn-padding:0 var(--space-6);--btn-font-size:var(--font-size-2);--btn-font-weight:var(--font-weight-medium);--btn-line-height:var(--space-13);--btn-letter-spacing:0.1px}&.sm\:btn-size\:2,&.sm\:btn-size\:sm{--btn-height:var(--space-22);--btn-padding:0 var(--space-10);--btn-font-size:var(--font-size-2);--btn-font-weight:var(--font-weight-medium);--btn-line-height:var(--space-15);--btn-letter-spacing:0.15px}&.sm\:btn-size\:3,&.sm\:btn-size\:md{--btn-height:var(--space-28);--btn-padding:0 var(--space-15);--btn-font-size:var(--font-size-3);--btn-font-weight:600;--btn-line-height:var(--space-19);--btn-letter-spacing:0px}&.sm\:btn-size\:4,&.sm\:btn-size\:lg{--btn-height:var(--space-32);--btn-padding:0 var(--space-24);--btn-font-size:var(--font-size-7);--btn-font-weight:600;--btn-line-height:var(--space-19);--btn-letter-spacing:0px}&.sm\:btn-size\:5,&.sm\:btn-size\:xl{--btn-height:var(--space-35);--btn-padding:0 var(--space-29);--btn-font-size:var(--font-size-9);--btn-font-weight:600;--btn-line-height:var(--space-22);--btn-letter-spacing:0px}&.sm\:btn-color\:main-1{--btn-background-color:var(--color-main-1);--btn-color:var(--color-base-1)}&.sm\:btn-color\:main-2{--btn-background-color:var(--color-main-2);--btn-color:var(--color-base-1)}&.sm\:btn-color\:main-3{--btn-background-color:var(--color-main-3);--btn-color:var(--color-base-1)}&.sm\:btn-color\:sub-1{--btn-background-color:var(--color-sub-1);--btn-color:var(--color-base-1)}&.sm\:btn-color\:sub-2{--btn-background-color:var(--color-sub-2);--btn-color:var(--color-base-1)}&.sm\:btn-color\:sub-3{--btn-background-color:var(--color-sub-3);--btn-color:var(--color-base-1)}&.sm\:btn-color\:accent-1{--btn-background-color:var(--color-accent-1);--btn-color:var(--color-base-1)}&.sm\:btn-color\:accent-2{--btn-background-color:var(--color-accent-2);--btn-color:var(--color-base-1)}&.sm\:btn-color\:accent-3{--btn-background-color:var(--color-accent-3);--btn-color:var(--color-base-1)}&.sm\:btn-color\:base-1{--btn-background-color:var(--color-base-1);--btn-color:var(--color-base-8)}&.sm\:btn-color\:base-2{--btn-background-color:var(--color-base-2);--btn-color:var(--color-base-8)}&.sm\:btn-color\:base-3{--btn-background-color:var(--color-base-3);--btn-color:var(--color-base-8)}&.sm\:btn-color\:base-4{--btn-background-color:var(--color-base-4);--btn-color:var(--color-base-1)}&.sm\:btn-color\:base-5{--btn-background-color:var(--color-base-5);--btn-color:var(--color-base-1)}&.sm\:btn-color\:base-6{--btn-background-color:var(--color-base-6);--btn-color:var(--color-base-1)}&.sm\:btn-color\:base-7{--btn-background-color:var(--color-base-7);--btn-color:var(--color-base-1)}&.sm\:btn-color\:base-8{--btn-background-color:var(--color-base-8);--btn-color:var(--color-base-1)}&.sm\:btn-color\:base-9{--btn-background-color:var(--color-base-9);--btn-color:var(--color-base-1)}&.sm\:btn-color\:base-10{--btn-background-color:var(--color-base-10);--btn-color:var(--color-base-1)}&.sm\:btn-color\:success-1{--btn-background-color:var(--color-success-1);--btn-color:var(--color-base-1)}&.sm\:btn-color\:success-2{--btn-background-color:var(--color-success-2);--btn-color:var(--color-base-1)}&.sm\:btn-color\:success-3{--btn-background-color:var(--color-success-3);--btn-color:var(--color-base-1)}&.sm\:btn-color\:warning-1{--btn-background-color:var(--color-warning-1);--btn-color:var(--color-base-1)}&.sm\:btn-color\:warning-2{--btn-background-color:var(--color-warning-2);--btn-color:var(--color-base-1)}&.sm\:btn-color\:warning-3{--btn-background-color:var(--color-warning-3);--btn-color:var(--color-base-1)}&.sm\:btn-color\:danger-1{--btn-background-color:var(--color-danger-1);--btn-color:var(--color-base-1)}&.sm\:btn-color\:danger-2{--btn-background-color:var(--color-danger-2);--btn-color:var(--color-base-1)}&.sm\:btn-color\:danger-3{--btn-background-color:var(--color-danger-3);--btn-color:var(--color-base-1)}&.sm\:btn\:elevated{--btn-color:var(--color-main-2);--btn-background-color:#f7f2fa;--btn-box-shadow:0px 0.7px 2px 0.5px rgba(var(--rgb-base-10),0.5)}&.sm\:btn\:tonal{--btn-color:var(--color-main-1);--btn-background-color:color-mix(in srgb,var(--color-main-1) 40%,transparent 60%)}&.sm\:btn\:outlined{--btn-color:rgb(var(--rgb-main-3));--btn-background-color:none;--btn-border:1px solid rgba(var(--rgb-main-3),0.2)}&.sm\:btn\:text{--btn-color:rgb(var(--rgb-main-2));--btn-background-color:none;--btn-border:none;--btn-outline:none}&.sm\:btn-shape\:square{--btn-border-radius:12px}&.sm\:btn-shape\:sharp{--btn-border-radius:0px}}}@media screen and (min-width:768px){.m3-btn{&.md\:btn-size\:1,&.md\:btn-size\:xs{--btn-height:var(--space-19);--btn-padding:0 var(--space-6);--btn-font-size:var(--font-size-2);--btn-font-weight:var(--font-weight-medium);--btn-line-height:var(--space-13);--btn-letter-spacing:0.1px}&.md\:btn-size\:2,&.md\:btn-size\:sm{--btn-height:var(--space-22);--btn-padding:0 var(--space-10);--btn-font-size:var(--font-size-2);--btn-font-weight:var(--font-weight-medium);--btn-line-height:var(--space-15);--btn-letter-spacing:0.15px}&.md\:btn-size\:3,&.md\:btn-size\:md{--btn-height:var(--space-28);--btn-padding:0 var(--space-15);--btn-font-size:var(--font-size-3);--btn-font-weight:600;--btn-line-height:var(--space-19);--btn-letter-spacing:0px}&.md\:btn-size\:4,&.md\:btn-size\:lg{--btn-height:var(--space-32);--btn-padding:0 var(--space-24);--btn-font-size:var(--font-size-7);--btn-font-weight:600;--btn-line-height:var(--space-19);--btn-letter-spacing:0px}&.md\:btn-size\:5,&.md\:btn-size\:xl{--btn-height:var(--space-35);--btn-padding:0 var(--space-29);--btn-font-size:var(--font-size-9);--btn-font-weight:600;--btn-line-height:var(--space-22);--btn-letter-spacing:0px}&.md\:btn-color\:main-1{--btn-background-color:var(--color-main-1);--btn-color:var(--color-base-1)}&.md\:btn-color\:main-2{--btn-background-color:var(--color-main-2);--btn-color:var(--color-base-1)}&.md\:btn-color\:main-3{--btn-background-color:var(--color-main-3);--btn-color:var(--color-base-1)}&.md\:btn-color\:sub-1{--btn-background-color:var(--color-sub-1);--btn-color:var(--color-base-1)}&.md\:btn-color\:sub-2{--btn-background-color:var(--color-sub-2);--btn-color:var(--color-base-1)}&.md\:btn-color\:sub-3{--btn-background-color:var(--color-sub-3);--btn-color:var(--color-base-1)}&.md\:btn-color\:accent-1{--btn-background-color:var(--color-accent-1);--btn-color:var(--color-base-1)}&.md\:btn-color\:accent-2{--btn-background-color:var(--color-accent-2);--btn-color:var(--color-base-1)}&.md\:btn-color\:accent-3{--btn-background-color:var(--color-accent-3);--btn-color:var(--color-base-1)}&.md\:btn-color\:base-1{--btn-background-color:var(--color-base-1);--btn-color:var(--color-base-8)}&.md\:btn-color\:base-2{--btn-background-color:var(--color-base-2);--btn-color:var(--color-base-8)}&.md\:btn-color\:base-3{--btn-background-color:var(--color-base-3);--btn-color:var(--color-base-8)}&.md\:btn-color\:base-4{--btn-background-color:var(--color-base-4);--btn-color:var(--color-base-1)}&.md\:btn-color\:base-5{--btn-background-color:var(--color-base-5);--btn-color:var(--color-base-1)}&.md\:btn-color\:base-6{--btn-background-color:var(--color-base-6);--btn-color:var(--color-base-1)}&.md\:btn-color\:base-7{--btn-background-color:var(--color-base-7);--btn-color:var(--color-base-1)}&.md\:btn-color\:base-8{--btn-background-color:var(--color-base-8);--btn-color:var(--color-base-1)}&.md\:btn-color\:base-9{--btn-background-color:var(--color-base-9);--btn-color:var(--color-base-1)}&.md\:btn-color\:base-10{--btn-background-color:var(--color-base-10);--btn-color:var(--color-base-1)}&.md\:btn-color\:success-1{--btn-background-color:var(--color-success-1);--btn-color:var(--color-base-1)}&.md\:btn-color\:success-2{--btn-background-color:var(--color-success-2);--btn-color:var(--color-base-1)}&.md\:btn-color\:success-3{--btn-background-color:var(--color-success-3);--btn-color:var(--color-base-1)}&.md\:btn-color\:warning-1{--btn-background-color:var(--color-warning-1);--btn-color:var(--color-base-1)}&.md\:btn-color\:warning-2{--btn-background-color:var(--color-warning-2);--btn-color:var(--color-base-1)}&.md\:btn-color\:warning-3{--btn-background-color:var(--color-warning-3);--btn-color:var(--color-base-1)}&.md\:btn-color\:danger-1{--btn-background-color:var(--color-danger-1);--btn-color:var(--color-base-1)}&.md\:btn-color\:danger-2{--btn-background-color:var(--color-danger-2);--btn-color:var(--color-base-1)}&.md\:btn-color\:danger-3{--btn-background-color:var(--color-danger-3);--btn-color:var(--color-base-1)}&.md\:btn\:elevated{--btn-color:var(--color-main-2);--btn-background-color:#f7f2fa;--btn-box-shadow:0px 0.7px 2px 0.5px rgba(var(--rgb-base-10),0.5)}&.md\:btn\:tonal{--btn-color:var(--color-main-1);--btn-background-color:color-mix(in srgb,var(--color-main-1) 40%,transparent 60%)}&.md\:btn\:outlined{--btn-color:rgb(var(--rgb-main-3));--btn-background-color:none;--btn-border:1px solid rgba(var(--rgb-main-3),0.2)}&.md\:btn\:text{--btn-color:rgb(var(--rgb-main-2));--btn-background-color:none;--btn-border:none;--btn-outline:none}&.md\:btn-shape\:square{--btn-border-radius:12px}&.md\:btn-shape\:sharp{--btn-border-radius:0px}}}@media screen and (min-width:992px){.m3-btn{&.lg\:btn\:elevated{--btn-color:var(--color-main-2);--btn-background-color:#f7f2fa;--btn-box-shadow:0px 0.7px 2px 0.5px rgba(var(--rgb-base-10),0.5)}&.lg\:btn\:tonal{--btn-color:var(--color-main-1);--btn-background-color:color-mix(in srgb,var(--color-main-1) 40%,transparent 60%)}&.lg\:btn\:outlined{--btn-color:rgb(var(--rgb-main-3));--btn-background-color:none;--btn-border:1px solid rgba(var(--rgb-main-3),0.2)}&.lg\:btn\:text{--btn-color:rgb(var(--rgb-main-2));--btn-background-color:none;--btn-border:none;--btn-outline:none}&.lg\:btn-color\:main-1{--btn-background-color:var(--color-main-1);--btn-color:var(--color-base-1)}&.lg\:btn-color\:main-2{--btn-background-color:var(--color-main-2);--btn-color:var(--color-base-1)}&.lg\:btn-color\:main-3{--btn-background-color:var(--color-main-3);--btn-color:var(--color-base-1)}&.lg\:btn-color\:sub-1{--btn-background-color:var(--color-sub-1);--btn-color:var(--color-base-1)}&.lg\:btn-color\:sub-2{--btn-background-color:var(--color-sub-2);--btn-color:var(--color-base-1)}&.lg\:btn-color\:sub-3{--btn-background-color:var(--color-sub-3);--btn-color:var(--color-base-1)}&.lg\:btn-color\:accent-1{--btn-background-color:var(--color-accent-1);--btn-color:var(--color-base-1)}&.lg\:btn-color\:accent-2{--btn-background-color:var(--color-accent-2);--btn-color:var(--color-base-1)}&.lg\:btn-color\:accent-3{--btn-background-color:var(--color-accent-3);--btn-color:var(--color-base-1)}&.lg\:btn-color\:base-1{--btn-background-color:var(--color-base-1);--btn-color:var(--color-base-8)}&.lg\:btn-color\:base-2{--btn-background-color:var(--color-base-2);--btn-color:var(--color-base-8)}&.lg\:btn-color\:base-3{--btn-background-color:var(--color-base-3);--btn-color:var(--color-base-8)}&.lg\:btn-color\:base-4{--btn-background-color:var(--color-base-4);--btn-color:var(--color-base-1)}&.lg\:btn-color\:base-5{--btn-background-color:var(--color-base-5);--btn-color:var(--color-base-1)}&.lg\:btn-color\:base-6{--btn-background-color:var(--color-base-6);--btn-color:var(--color-base-1)}&.lg\:btn-color\:base-7{--btn-background-color:var(--color-base-7);--btn-color:var(--color-base-1)}&.lg\:btn-color\:base-8{--btn-background-color:var(--color-base-8);--btn-color:var(--color-base-1)}&.lg\:btn-color\:base-9{--btn-background-color:var(--color-base-9);--btn-color:var(--color-base-1)}&.lg\:btn-color\:base-10{--btn-background-color:var(--color-base-10);--btn-color:var(--color-base-1)}&.lg\:btn-color\:success-1{--btn-background-color:var(--color-success-1);--btn-color:var(--color-base-1)}&.lg\:btn-color\:success-2{--btn-background-color:var(--color-success-2);--btn-color:var(--color-base-1)}&.lg\:btn-color\:success-3{--btn-background-color:var(--color-success-3);--btn-color:var(--color-base-1)}&.lg\:btn-color\:warning-1{--btn-background-color:var(--color-warning-1);--btn-color:var(--color-base-1)}&.lg\:btn-color\:warning-2{--btn-background-color:var(--color-warning-2);--btn-color:var(--color-base-1)}&.lg\:btn-color\:warning-3{--btn-background-color:var(--color-warning-3);--btn-color:var(--color-base-1)}&.lg\:btn-color\:danger-1{--btn-background-color:var(--color-danger-1);--btn-color:var(--color-base-1)}&.lg\:btn-color\:danger-2{--btn-background-color:var(--color-danger-2);--btn-color:var(--color-base-1)}&.lg\:btn-color\:danger-3{--btn-background-color:var(--color-danger-3);--btn-color:var(--color-base-1)}&.lg\:btn-size\:1,&.lg\:btn-size\:xs{--btn-height:var(--space-19);--btn-padding:0 var(--space-6);--btn-font-size:var(--font-size-2);--btn-font-weight:var(--font-weight-medium);--btn-line-height:var(--space-13);--btn-letter-spacing:0.1px}&.lg\:btn-size\:2,&.lg\:btn-size\:sm{--btn-height:var(--space-22);--btn-padding:0 var(--space-10);--btn-font-size:var(--font-size-2);--btn-font-weight:var(--font-weight-medium);--btn-line-height:var(--space-15);--btn-letter-spacing:0.15px}&.lg\:btn-size\:3,&.lg\:btn-size\:md{--btn-height:var(--space-28);--btn-padding:0 var(--space-15);--btn-font-size:var(--font-size-3);--btn-font-weight:600;--btn-line-height:var(--space-19);--btn-letter-spacing:0px}&.lg\:btn-size\:4,&.lg\:btn-size\:lg{--btn-height:var(--space-32);--btn-padding:0 var(--space-24);--btn-font-size:var(--font-size-7);--btn-font-weight:600;--btn-line-height:var(--space-19);--btn-letter-spacing:0px}&.lg\:btn-size\:5,&.lg\:btn-size\:xl{--btn-height:var(--space-35);--btn-padding:0 var(--space-29);--btn-font-size:var(--font-size-9);--btn-font-weight:600;--btn-line-height:var(--space-22);--btn-letter-spacing:0px}&.lg\:btn-shape\:square{--btn-border-radius:12px}&.lg\:btn-shape\:sharp{--btn-border-radius:0px}}}@media screen and (min-width:1200px){.m3-btn{&.xl\:btn\:elevated{--btn-color:var(--color-main-2);--btn-background-color:#f7f2fa;--btn-box-shadow:0px 0.7px 2px 0.5px rgba(var(--rgb-base-10),0.5)}&.xl\:btn\:tonal{--btn-color:var(--color-main-1);--btn-background-color:color-mix(in srgb,var(--color-main-1) 40%,transparent 60%)}&.xl\:btn\:outlined{--btn-color:rgb(var(--rgb-main-3));--btn-background-color:none;--btn-border:1px solid rgba(var(--rgb-main-3),0.2)}&.xl\:btn\:text{--btn-color:rgb(var(--rgb-main-2));--btn-background-color:none;--btn-border:none;--btn-outline:none}&.xl\:btn-color\:main-1{--btn-background-color:var(--color-main-1);--btn-color:var(--color-base-1)}&.xl\:btn-color\:main-2{--btn-background-color:var(--color-main-2);--btn-color:var(--color-base-1)}&.xl\:btn-color\:main-3{--btn-background-color:var(--color-main-3);--btn-color:var(--color-base-1)}&.xl\:btn-color\:sub-1{--btn-background-color:var(--color-sub-1);--btn-color:var(--color-base-1)}&.xl\:btn-color\:sub-2{--btn-background-color:var(--color-sub-2);--btn-color:var(--color-base-1)}&.xl\:btn-color\:sub-3{--btn-background-color:var(--color-sub-3);--btn-color:var(--color-base-1)}&.xl\:btn-color\:accent-1{--btn-background-color:var(--color-accent-1);--btn-color:var(--color-base-1)}&.xl\:btn-color\:accent-2{--btn-background-color:var(--color-accent-2);--btn-color:var(--color-base-1)}&.xl\:btn-color\:accent-3{--btn-background-color:var(--color-accent-3);--btn-color:var(--color-base-1)}&.xl\:btn-color\:base-1{--btn-background-color:var(--color-base-1);--btn-color:var(--color-base-8)}&.xl\:btn-color\:base-2{--btn-background-color:var(--color-base-2);--btn-color:var(--color-base-8)}&.xl\:btn-color\:base-3{--btn-background-color:var(--color-base-3);--btn-color:var(--color-base-8)}&.xl\:btn-color\:base-4{--btn-background-color:var(--color-base-4);--btn-color:var(--color-base-1)}&.xl\:btn-color\:base-5{--btn-background-color:var(--color-base-5);--btn-color:var(--color-base-1)}&.xl\:btn-color\:base-6{--btn-background-color:var(--color-base-6);--btn-color:var(--color-base-1)}&.xl\:btn-color\:base-7{--btn-background-color:var(--color-base-7);--btn-color:var(--color-base-1)}&.xl\:btn-color\:base-8{--btn-background-color:var(--color-base-8);--btn-color:var(--color-base-1)}&.xl\:btn-color\:base-9{--btn-background-color:var(--color-base-9);--btn-color:var(--color-base-1)}&.xl\:btn-color\:base-10{--btn-background-color:var(--color-base-10);--btn-color:var(--color-base-1)}&.xl\:btn-color\:success-1{--btn-background-color:var(--color-success-1);--btn-color:var(--color-base-1)}&.xl\:btn-color\:success-2{--btn-background-color:var(--color-success-2);--btn-color:var(--color-base-1)}&.xl\:btn-color\:success-3{--btn-background-color:var(--color-success-3);--btn-color:var(--color-base-1)}&.xl\:btn-color\:warning-1{--btn-background-color:var(--color-warning-1);--btn-color:var(--color-base-1)}&.xl\:btn-color\:warning-2{--btn-background-color:var(--color-warning-2);--btn-color:var(--color-base-1)}&.xl\:btn-color\:warning-3{--btn-background-color:var(--color-warning-3);--btn-color:var(--color-base-1)}&.xl\:btn-color\:danger-1{--btn-background-color:var(--color-danger-1);--btn-color:var(--color-base-1)}&.xl\:btn-color\:danger-2{--btn-background-color:var(--color-danger-2);--btn-color:var(--color-base-1)}&.xl\:btn-color\:danger-3{--btn-background-color:var(--color-danger-3);--btn-color:var(--color-base-1)}&.xl\:btn-size\:1,&.xl\:btn-size\:xs{--btn-height:var(--space-19);--btn-padding:0 var(--space-6);--btn-font-size:var(--font-size-2);--btn-font-weight:var(--font-weight-medium);--btn-line-height:var(--space-13);--btn-letter-spacing:0.1px}&.xl\:btn-size\:2,&.xl\:btn-size\:sm{--btn-height:var(--space-22);--btn-padding:0 var(--space-10);--btn-font-size:var(--font-size-2);--btn-font-weight:var(--font-weight-medium);--btn-line-height:var(--space-15);--btn-letter-spacing:0.15px}&.xl\:btn-size\:3,&.xl\:btn-size\:md{--btn-height:var(--space-28);--btn-padding:0 var(--space-15);--btn-font-size:var(--font-size-3);--btn-font-weight:600;--btn-line-height:var(--space-19);--btn-letter-spacing:0px}&.xl\:btn-size\:4,&.xl\:btn-size\:lg{--btn-height:var(--space-32);--btn-padding:0 var(--space-24);--btn-font-size:var(--font-size-7);--btn-font-weight:600;--btn-line-height:var(--space-19);--btn-letter-spacing:0px}&.xl\:btn-size\:5,&.xl\:btn-size\:xl{--btn-height:var(--space-35);--btn-padding:0 var(--space-29);--btn-font-size:var(--font-size-9);--btn-font-weight:600;--btn-line-height:var(--space-22);--btn-letter-spacing:0px}&.xl\:btn-shape\:square{--btn-border-radius:12px}&.xl\:btn-shape\:sharp{--btn-border-radius:0px}}}.m3-checkbox{--checkbox-main-color:var(--color-main-2);--checkbox-icon-color:var(--color-white);--checkbox-border-color:var(--color-base-8);--checkbox-outline-color:var(--color-transparent);--checkbox-text-color:var(--color-base-8);--checkbox-opacity:var(--opacity-0);--checkbox-icon-content:"\e5ca";--checkbox-transparent-0:transparent 0%;--checkbox-transparent-38:transparent 38%;--checkbox-transparent-92:transparent 92%;--checkbox-transparent-100:transparent 100%;--background-gradient:linear-gradient(180deg,#fff,rgba(106,142,41,.3) 50%,rgba(106,142,41,.5))}@media (prefers-color-scheme:dark){.m3-checkbox input[type=checkbox]:before{--checkbox-outline-color:var(--color-transparent)}}.m3-checkbox,.m3-checkbox input[type=checkbox]:after,.m3-checkbox input[type=checkbox]:before{transition:all .3s ease}.m3-checkbox{align-items:center;color:var(--checkbox-text-color);cursor:pointer;display:inline-flex;font-size:16px;padding:15px;user-select:none}.m3-checkbox input[type=checkbox]{appearance:none;border:2px solid var(--checkbox-border-color);border-radius:2px;box-sizing:border-box;height:18px;margin-right:20px;position:relative;width:18px}.m3-checkbox input[type=checkbox]:after{align-items:center;background-color:var(--checkbox-main-color);border-color:var(--checkbox-main-color);border-radius:2px;color:var(--checkbox-icon-color);content:var(--checkbox-icon-content);display:flex;font-family:Material Symbols Outlined;font-size:18px;font-weight:var(--font-weight-medium);height:inherit;justify-content:center;left:-2px;opacity:var(--checkbox-opacity);position:absolute;top:-2px;width:inherit}.m3-checkbox input[type=checkbox]:before{background:var(--checkbox-main-color);border-radius:50%;content:"";display:inline-flex;height:40px;left:50%;opacity:var(--checkbox-opacity);outline:3px solid var(--checkbox-outline-color);position:absolute;top:50%;transform:translate(-50%,-50%);width:40px}.m3-checkbox input[type=checkbox]:not(:disabled):checked:after{--checkbox-icon-content:"\e5ca";--checkbox-opacity:var(--opacity-100)}.m3-checkbox input[type=checkbox]:disabled{--checkbox-border-color:color-mix(in srgb,var(--color-base-8),var(--checkbox-transparent-38));--checkbox-text-color:color-mix(in srgb,var(--color-base-8),var(--checkbox-transparent-38))}.m3-checkbox input[type=checkbox]:not(:disabled):hover:before{--checkbox-outline-color:color-mix(in srgb,var(--color-main-2),var(--checkbox-transparent-100));--checkbox-main-color:color-mix(in srgb,var(--color-main-2),var(--checkbox-transparent-92));--checkbox-opacity:var(--opacity-100)}.m3-checkbox input[type=checkbox]:not(:disabled):focus:before{--checkbox-outline-color:color-mix(in srgb,var(--color-main-2),var(--checkbox-transparent-0));--checkbox-main-color:color-mix(in srgb,var(--color-main-2),var(--checkbox-transparent-100));--checkbox-opacity:var(--opacity-100)}.m3-checkbox input[type=checkbox]:not(:disabled):active:before{--checkbox-outline-color:color-mix(in srgb,var(--color-main-2),var(--checkbox-transparent-100));--checkbox-main-color:var(--background-gradient);--checkbox-opacity:var(--opacity-90)}.m3-checkbox.checkbox-mode\:indeterminate input[type=checkbox]:after{--checkbox-icon-content:"\f88a"!important}.m3-checkbox.checkbox-state\:enabled input[type=checkbox]:after{--checkbox-icon-content:"\e5ca";--checkbox-opacity:var(--opacity-100)}.m3-checkbox.checkbox-state\:unselected-disabled input[type=checkbox]{--checkbox-border-color:color-mix(in srgb,var(--color-base-8),var(--checkbox-transparent-38));--checkbox-text-color:color-mix(in srgb,var(--color-base-8),var(--checkbox-transparent-38))}.m3-checkbox.checkbox-state\:hovered input[type=checkbox]:before{--checkbox-outline-color:color-mix(in srgb,var(--color-main-2),var(--checkbox-transparent-100));--checkbox-main-color:color-mix(in srgb,var(--color-main-2),var(--checkbox-transparent-92));--checkbox-opacity:var(--opacity-100)}.m3-checkbox.checkbox-state\:focused input[type=checkbox]:before{--checkbox-outline-color:color-mix(in srgb,var(--color-main-2),var(--checkbox-transparent-0));--checkbox-main-color:color-mix(in srgb,var(--color-main-2),var(--checkbox-transparent-100));--checkbox-opacity:var(--opacity-100)}.m3-checkbox.checkbox-state\:pressed input[type=checkbox]:before{--checkbox-outline-color:color-mix(in srgb,var(--color-main-2),var(--checkbox-transparent-100));--checkbox-main-color:var(--background-gradient);--checkbox-opacity:var(--opacity-90)}.checkbox-color\:main-1 input[type=checkbox],.checkbox-color\:main-1 input[type=checkbox]:after,.checkbox-color\:main-1 input[type=checkbox]:before{--checkbox-main-color:var(--color-main-1);--color-main-2:var(--color-main-1);--background-gradient:linear-gradient(180deg,#fff,rgba(140,186,53,.3) 50%,rgba(140,186,53,.5))}.checkbox-color\:main-3 input[type=checkbox],.checkbox-color\:main-3 input[type=checkbox]:after,.checkbox-color\:main-3 input[type=checkbox]:before{--checkbox-main-color:var(--color-main-3);--color-main-2:var(--color-main-3);--background-gradient:linear-gradient(180deg,#fff,rgba(61,82,24,.3) 50%,rgba(61,82,24,.5))}.checkbox-color\:sub-1 input[type=checkbox],.checkbox-color\:sub-1 input[type=checkbox]:after,.checkbox-color\:sub-1 input[type=checkbox]:before{--checkbox-main-color:var(--color-sub-1);--color-main-2:var(--color-sub-1);--background-gradient:linear-gradient(180deg,#fff,rgba(41,131,215,.3) 50%,rgba(41,131,215,.5))}.checkbox-color\:sub-2 input[type=checkbox],.checkbox-color\:sub-2 input[type=checkbox]:after,.checkbox-color\:sub-2 input[type=checkbox]:before{--checkbox-main-color:var(--color-sub-2);--color-main-2:var(--color-sub-2);--background-gradient:linear-gradient(180deg,#fff,rgba(37,112,182,.3) 50%,rgba(37,112,182,.5))}.checkbox-color\:sub-3 input[type=checkbox],.checkbox-color\:sub-3 input[type=checkbox]:after,.checkbox-color\:sub-3 input[type=checkbox]:before{--checkbox-main-color:var(--color-sub-3);--color-main-2:var(--color-sub-3);--background-gradient:linear-gradient(180deg,#fff,rgba(27,87,144,.3) 50%,rgba(27,87,144,.5))}.checkbox-color\:danger-1 input[type=checkbox],.checkbox-color\:danger-1 input[type=checkbox]:after,.checkbox-color\:danger-1 input[type=checkbox]:before{--checkbox-main-color:var(--color-danger-1);--color-main-2:var(--color-danger-1);--background-gradient:linear-gradient(180deg,#fff,rgba(239,68,68,.3) 50%,rgba(239,68,68,.5))}.checkbox-color\:danger-2 input[type=checkbox],.checkbox-color\:danger-2 input[type=checkbox]:after,.checkbox-color\:danger-2 input[type=checkbox]:before{--checkbox-main-color:var(--color-danger-2);--color-main-2:var(--color-danger-2);--background-gradient:linear-gradient(180deg,#fff,rgba(220,38,38,.3) 50%,rgba(220,38,38,.5))}.checkbox-color\:danger-3 input[type=checkbox],.checkbox-color\:danger-3 input[type=checkbox]:after,.checkbox-color\:danger-3 input[type=checkbox]:before{--checkbox-main-color:var(--color-danger-3);--color-main-2:var(--color-danger-3);--background-gradient:linear-gradient(180deg,#fff,rgba(185,28,28,.3) 50%,rgba(185,28,28,.5))}.checkbox-color\:accent-1 input[type=checkbox],.checkbox-color\:accent-1 input[type=checkbox]:after,.checkbox-color\:accent-1 input[type=checkbox]:before{--checkbox-main-color:var(--color-accent-1);--color-main-2:var(--color-accent-1);--background-gradient:linear-gradient(180deg,#fff,rgba(245,158,11,.3) 50%,rgba(245,158,11,.5))}.checkbox-color\:accent-2 input[type=checkbox],.checkbox-color\:accent-2 input[type=checkbox]:after,.checkbox-color\:accent-2 input[type=checkbox]:before{--checkbox-main-color:var(--color-accent-2);--color-main-2:var(--color-accent-2);--background-gradient:linear-gradient(180deg,#fff,rgba(217,119,6,.3) 50%,rgba(217,119,6,.5))}.checkbox-color\:accent-3 input[type=checkbox],.checkbox-color\:accent-3 input[type=checkbox]:after,.checkbox-color\:accent-3 input[type=checkbox]:before{--checkbox-main-color:var(--color-accent-3);--color-main-2:var(--color-accent-3);--background-gradient:linear-gradient(180deg,#fff,rgba(180,83,9,.3) 50%,rgba(180,83,9,.5))}.m3-radio{--radio-size:20px;--radio-touch-size:48px;--radio-stroke-width:2px;--radio-inner-stroke-width:5px;--radio-inner-dot-size:10px;--radio-spacing-label:15px;--radio-label-size:15px;--radio-display:inline-flex;--radio-align-items:center;--radio-cursor:pointer;--radio-user-select:none;--radio-select-primary:var(--color-main-2);--radio-unselect-primary:var(--color-base-9);--radio-focus-ring:3px;--radio-transform:translate(-50%,-50%);--radio-pointer:none;--radio-box-sizing:border-box;--radio-transition:all 180ms ease;--radio-border-color:var(--radio-unselect-primary);--radio-border-color-checked:var(--radio-select-primary);--radio-box-shadow:none;--radio-background-color:transparent;--radio-outline:none;--radio-outline-offset:0;--radio-outline-offset-focus:5px;--alpha-1:8%;--alpha-2:10%;--alpha-3:62%;--transparent-1:10%;--transparent-2:90%;--transparent-3:92%;--transparent-disabled:62%}@media (prefers-color-scheme:dark){.m3-radio{--radio-select-primary:var(--color-main-1)}}.m3-radio{align-items:var(--radio-align-items);cursor:var(--radio-cursor);display:var(--radio-display);gap:var(--radio-spacing-label);user-select:var(--radio-user-select)}.m3-radio input[type=radio]{appearance:none;background-color:var(--radio-background-color);border:none;cursor:var(--radio-cursor);height:var(--radio-touch-size);margin:var(--scale-0);position:relative;width:var(--radio-touch-size)}.m3-radio input[type=radio]:after,.m3-radio input[type=radio]:before{box-sizing:var(--radio-box-sizing);content:"";left:50%;pointer-events:var(--radio-pointer);position:absolute;top:50%;transform:var(--radio-transform);transition:var(--radio-transition)}.m3-radio input[type=radio]:before{background-color:var(--radio-background-color);border:var(--radio-stroke-width) solid var(--radio-unselect-primary);border-radius:var(--radius-8);box-shadow:var(--radio-box-shadow);height:var(--radio-size);outline:var(--radio-outline);outline-offset:var(--radio-outline-offset);width:var(--radio-size)}.m3-radio input[type=radio]:after{border:var(--radio-inner-stroke-width) solid var(--radio-select-primary);border-radius:var(--radius-8);height:0;opacity:var(--opacity-0);width:0}.m3-radio input[type=radio]:checked:before{border-color:var(--radio-border-color-checked)}.m3-radio input[type=radio]:checked:after{opacity:var(--opacity-100)}.m3-radio input[type=radio]:hover:before{--radio-box-shadow:0 0 0 10px color-mix(in srgb,var(--radio-unselect-primary),transparent var(--transparent-3));--radio-background-color:color-mix(in srgb,var(--radio-unselect-primary),transparent var(--transparent-2))}.m3-radio input[type=radio]:checked:hover:before{--radio-box-shadow:0 0 0 10px color-mix(in srgb,var(--radio-select-primary),transparent var(--transparent-3));--radio-background-color:color-mix(in srgb,var(--radio-select-primary),transparent var(--transparent-2))}.m3-radio input[type=radio]:active:before{--radio-box-shadow:0 0 0 10px color-mix(in srgb,var(--radio-unselect-primary),transparent var(--transparent-2));--radio-background-color:color-mix(in srgb,var(--radio-unselect-primary),transparent var(--transparent-2))}.m3-radio input[type=radio]:checked:active:before{--radio-box-shadow:0 0 0 10px color-mix(in srgb,var(--radio-select-primary),transparent var(--transparent-2));--radio-background-color:color-mix(in srgb,var(--radio-select-primary),transparent var(--transparent-2))}.m3-radio input[type=radio]:focus:before{--radio-outline:1px solid color-mix(in srgb,var(--radio-unselect-primary),transparent var(--transparent-1));--radio-outline-offset:var(--radio-outline-offset-focus)}.m3-radio input[type=radio]:checked:focus:before{--radio-outline:1px solid color-mix(in srgb,var(--radio-select-primary),transparent var(--transparent-1));--radio-outline-offset:var(--radio-outline-offset-focus)}.m3-radio input[type=radio]:disabled{box-shadow:none;cursor:not-allowed}.m3-radio input[type=radio]:checked:disabled:after,.m3-radio input[type=radio]:checked:disabled:before,.m3-radio input[type=radio]:disabled:after,.m3-radio input[type=radio]:disabled:before{--radio-border-color:color-mix(in srgb,var(--radio-unselect-primary),transparent var(--transparent-disabled));background-color:transparent;box-shadow:none}.m3-radio .m3-radio-label{color:var(--radio-unselect-primary);font-size:var(--radio-label-size)}.radio\:hover input[type=radio]:before{--radio-box-shadow:0 0 0 10px color-mix(in srgb,var(--radio-unselect-primary),transparent var(--transparent-3));--radio-background-color:color-mix(in srgb,var(--radio-unselect-primary),transparent var(--transparent-2))}.radio\:hover input[type=radio]:checked:before{--radio-box-shadow:0 0 0 10px color-mix(in srgb,var(--radio-select-primary),transparent var(--transparent-3));--radio-background-color:color-mix(in srgb,var(--radio-select-primary),transparent var(--transparent-2))}.radio\:press input[type=radio]:before{--radio-box-shadow:0 0 0 10px color-mix(in srgb,var(--radio-unselect-primary),transparent var(--transparent-2));--radio-background-color:color-mix(in srgb,var(--radio-unselect-primary),transparent var(--transparent-2))}.radio\:press input[type=radio]:checked:before{--radio-box-shadow:0 0 0 10px color-mix(in srgb,var(--radio-select-primary),transparent var(--transparent-2));--radio-background-color:color-mix(in srgb,var(--radio-select-primary),transparent var(--transparent-2))}.radio\:focus input[type=radio]:before{--radio-outline:1px solid color-mix(in srgb,var(--radio-unselect-primary),transparent var(--transparent-1));--radio-outline-offset:var(--radio-outline-offset-focus)}.radio\:focus input[type=radio]:checked:before{--radio-outline:1px solid color-mix(in srgb,var(--radio-select-primary),transparent var(--transparent-1));--radio-outline-offset:var(--radio-outline-offset-focus)}.m3-card{--overflow-hidden:hidden;--cursor-pointer:pointer;--cursor-grab:grab;--cursor-not-allowed:not-allowed;--card-background:var(--color-base-1);--card-width:auto;--card-height:auto;--card-padding:var(--space-10);--card-border:none;--card-border-radius:var(--radius-xl);--card-box-shadow:0 var(--space-1) var(--space-3) rgba(0,0,0,var(--opacity-40)),0 var(--space-1) var(--space-2) rgba(0,0,0,var(--opacity-50));--card-opacity:var(--opacity-100);--card-outline:none;--card-outline-offset:0;--card-transform:none;--card-font-color:var(--color-base-10);--card-focused-outline-color:var(--color-base-10);--card-border-outline-color:var(--color-base-10);--card-outlined-color:var(--color-base-10);--card-overflow:var(--overflow-hidden);--card-cursor:var(--cursor-pointer);--card-transition:box-shadow var(--duration-5) var(--ease-out),transform var(--duration-5) var(--ease-out),opacity var(--duration-5) var(--ease-out)}@media (prefers-color-scheme:dark){.m3-card{--card-background:var(--color-base-2);--card-font-color:var(--color-base-10)}.card\:elevated.card-state\:focused,.card\:filled.card-state\:focused{--card-focused-outline-color:var(--color-base-10)}.card\:outlined.card-state\:focused{--card-border:1px solid var(--card-border-outline-color);--card-outlined-color:var(--color-base-10);--card-outline:3px solid var(--card-outlined-color)}}.m3-card{background:var(--card-background);border:var(--card-border);border-radius:var(--card-border-radius);box-shadow:var(--card-box-shadow);color:var(--card-font-color);cursor:var(--card-cursor);height:var(--card-height);opacity:var(--card-opacity);outline:var(--card-outline);outline-offset:var(--card-outline-offset);overflow:var(--card-overflow);padding:var(--card-padding);transform:var(--card-transform);transition:var(--card-transition);width:var(--card-width)}.card\:elevated.card-state\:enabled{--card-opacity:var(--opacity-100);--card-box-shadow:0 var(--space-1) var(--space-3) rgba(0,0,0,.12),0 var(--space-1) var(--space-2) rgba(0,0,0,.14)}.card\:elevated.card-state\:disabled{--card-opacity:0.38;--card-box-shadow:0 var(--space-2) var(--space-4) rgba(0,0,0,.14);--card-cursor:var(--cursor-not-allowed)}.card\:elevated.card-state\:hovered{--card-box-shadow:0 var(--space-2) var(--space-4) rgba(0,0,0,.14),0 var(--space-3) var(--space-4) rgba(0,0,0,.12);filter:brightness(.92)}.card\:elevated.card-state\:focused{--card-box-shadow:0 var(--space-1) var(--space-3) rgba(0,0,0,.12),0 var(--space-1) var(--space-2) rgba(0,0,0,.14);--card-outline:2px solid var(--card-focused-outline-color);--card-outline-offset:var(--space-2);filter:brightness(.9)}.card\:elevated.card-state\:dragged{--card-box-shadow:0 var(--space-6) var(--space-10) rgba(0,0,0,.14),0 var(--space-4) var(--space-5) rgba(0,0,0,.12);--card-transform:scale(1.02);--card-cursor:var(--cursor-grab);filter:brightness(.84)}.card\:filled.card-state\:enabled{--card-opacity:var(--opacity-100);--card-box-shadow:none}.card\:filled.card-state\:disabled{--card-opacity:0.38;--card-box-shadow:none;--card-cursor:var(--cursor-not-allowed)}.card\:filled.card-state\:hovered{--card-box-shadow:0 var(--space-1) var(--space-3) rgba(0,0,0,.12),0 var(--space-1) var(--space-2) rgba(0,0,0,.14);filter:brightness(.92)}.card\:filled.card-state\:focused{--card-box-shadow:none;--card-outline:2px solid var(--card-focused-outline-color);--card-outline-offset:var(--space-2);filter:brightness(.9)}.card\:filled.card-state\:dragged{--card-box-shadow:0 var(--space-4) var(--space-8) rgba(0,0,0,.14),0 var(--space-3) var(--space-4) rgba(0,0,0,.12);--card-transform:scale(1.02);--card-cursor:var(--cursor-grab);filter:brightness(.84)}.card\:outlined.card-state\:enabled{--card-opacity:var(--opacity-100);--card-box-shadow:none;--card-border:1px solid var(--card-border-outline-color)}.card\:outlined.card-state\:disabled{--card-opacity:0.38;--card-box-shadow:none;--card-border:1px solid var(--card-border-outline-color);--card-cursor:var(--cursor-not-allowed)}.card\:outlined.card-state\:hovered{--card-box-shadow:0 var(--space-1) var(--space-3) rgba(0,0,0,.12),0 var(--space-1) var(--space-2) rgba(0,0,0,.14);--card-border:1px solid var(--card-border-outline-color);filter:brightness(.92)}.card\:outlined.card-state\:focused{--card-box-shadow:none;--card-border:1px solid var(--card-focused-outline-color);--card-outline:2px solid var(--card-focused-outline-color);--card-outline-offset:var(--space-2);filter:brightness(.9)}.card\:outlined.card-state\:dragged{--card-box-shadow:0 var(--space-6) var(--space-10) rgba(0,0,0,.14),0 var(--space-4) var(--space-5) rgba(0,0,0,.12);--card-border:1px solid var(--card-border-outline-color);--card-transform:scale(1.02);--card-cursor:var(--cursor-grab);filter:brightness(.84)}.m3-card .content{padding:var(--card-content-padding)}.m3-dialog{--dialog-spec-min-width:280px;--dialog-spec-max-width:560px;--dialog-bg-color:var(--color-base-3);--dialog-radius:var(--space-17);--dialog-padding:var(--space-15);--dialog-min-width:var(--dialog-spec-min-width);--dialog-max-width:var(--dialog-spec-max-width);--dialog-color:var(--color-base-8);--dialog-headline-font-color:var(--color-base-10);--dialog-headline-font-size:var(--space-15);--dialog-headline-font-weight:var(--font-weight-4);--dialog-headline-margin-bottom:var(--space-14);--dialog-content-font-color:var(--color-base-8);--dialog-content-font-size:var(--space-8);--dialog-content-margin-bottom:var(--space-15);--dialog-content-line-height:var(--space-13);--dialog-actions-gap:var(--space-4);--dialog-btn-color:var(--color-sub-2);--dialog-btn-padding:var(--space-12) var(--space-10);--dialog-hovered-bg:color-mix(in srgb,var(--dialog-btn-color) 8%,transparent);--dialog-focused-bg:color-mix(in srgb,var(--dialog-btn-color) 10%,transparent);--dialog-pressed-bg:color-mix(in srgb,var(--dialog-btn-color) 10%,transparent)}@media (prefers-color-scheme:dark){.m3-dialog{--dialog-bg-color:var(--color-base-3);--dialog-headline-font-color:var(--color-base-10);--dialog-content-font-color:var(--color-base-8);--dialog-btn-color:var(--color-sub-2)}}.m3-dialog{background:var(--dialog-bg-color);border-radius:var(--dialog-radius);box-shadow:0 0 0 100vmax rgba(0,0,0,.4);box-sizing:border-box;color:var(--dialog-color);flex-direction:column;font-family:Roboto,Segoe UI,Helvetica Neue,Arial,sans-serif;height:fit-content;inset:0;margin:auto;max-width:var(--dialog-max-width);min-width:var(--dialog-min-width);padding:var(--dialog-padding);position:fixed;width:fit-content;.header,>:first-child{color:var(--dialog-headline-font-color);font-size:var(--dialog-headline-font-size);font-weight:var(--dialog-headline-font-weight);margin:0 0 var(--dialog-headline-margin-bottom) 0}.content,>:nth-child(2){color:var(--dialog-content-font-color);font-size:var(--dialog-content-font-size);line-height:var(--dialog-content-line-height);margin:0 0 var(--dialog-content-margin-bottom) 0}.actions,>:nth-child(3){display:flex;gap:var(--dialog-actions-gap);justify-content:flex-end}}
|