newtil-css 0.2.87 → 0.2.88

package/dist/components.css

@@ -0,0 +1 @@
+.m3-btn{--btn-gap:2px;--btn-margin-top:5px;--btn-fill:1;--btn-background:rgba(var(--rgb-main-2),1);--btn-color:rgb(var(--rgb-base-1));--btn-box-shadow:none;--btn-border:0;--btn-outline:none;--btn-outline-offset:0px;--btn-border-radius:999px;--btn-height:var(--space-22);--btn-padding:0 var(--space-10);--btn-font-size:var(--space-8);--btn-font-weight:var(--font-weight-medium);--btn-line-height:var(--space-13);--btn-letter-spacing:0.1px}@media (prefers-color-scheme:dark){.m3-btn{--btn-background-dark:rgba(var(--rgb-main-2),1);--btn-color-dark:rgb(var(--rgb-base-1));--btn-box-shadow-dark:none;--btn-border-dark:0;--btn-outline-dark:none}.m3-btn.btn-state\:disabled,.m3-btn:disabled{--btn-background-dark:rgba(var(--rgb-main-3),0.3);--btn-color-dark:rgba(var(--rgb-main-1),0.3);--btn-box-shadow-dark:none;--btn-border-dark:0;--btn-outline-dark:none}.m3-btn.btn-state\:focus:not(:active),.m3-btn:focus:not(:active){--btn-border-dark:2px solid rgb(var(--rgb-base-1));--btn-outline-dark:2px solid rgb(var(--rgb-main-2))}.m3-btn.btn-state\:hover,.m3-btn:hover{--btn-background-dark:rgba(var(--rgb-main-1),1)}.m3-btn.btn-state\:active,.m3-btn:active{--btn-background-dark:radial-gradient(107% 112% at 65% 103%,rgba(var(--rgb-main-2),1) 65%,rgba(var(--rgb-main-1),1) 66%);--btn-border-radius-dark:var(--radius-lg)}.btn\:elevated{--btn-background-dark:rgba(var(--rgb-main-3),0.3);--btn-box-shadow-dark:0px 1px 2px 0.5px rgba(var(--rgb-base-10),1);--btn-color-dark:rgb(var(--rgb-main-1))}.btn\:tonal{--btn-background-dark:rgba(var(--rgb-main-2),0.5);--btn-color-dark:rgb(var(--rgb-main-1))}.btn\:outlined{--btn-background-dark:none;--btn-color-dark:rgb(var(--rgb-main-1));--btn-outline-dark:0.2px solid rgba(var(--rgb-main-3),0.7)}.btn\:text{--btn-background-dark:none;--btn-color-dark:rgb(var(--rgb-main-2))}.btn\:elevated.btn-state\:focus:not(:active),.btn\:elevated:focus:not(:active){--btn-border-dark:2px solid rgb(var(--rgb-main-3));--btn-outline-dark:2px solid rgb(var(--rgb-base-1))}.btn\:elevated.btn-state\:hover,.btn\:elevated:hover{--btn-background-dark:rgba(var(--rgb-main-2),0.3)}.btn\:elevated.btn-state\:active,.btn\:elevated:active{--btn-background-dark:radial-gradient(144% 100% at 80% 94%,rgba(var(--rgb-main-3),0.5) 65%,rgba(var(--rgb-main-3),1) 66%);--btn-border-radius-dark:var(--radius-lg)}.btn\:tonal.btn-state\:focus:not(:active),.btn\:tonal:focus:not(:active){--btn-border-dark:2px solid rgb(var(--rgb-base-1));--btn-outline-dark:3px solid rgba(var(--rgb-main-2),0.5)}.btn\:tonal.btn-state\:hover,.btn\:tonal:hover{--btn-background-dark:rgba(var(--rgb-main-3),0.7)}.btn\:tonal.btn-state\:active,.btn\:tonal:active{--btn-background-dark:radial-gradient(107% 112% at 65% 103%,rgba(var(--rgb-main-2),0.5) 65%,rgba(var(--rgb-main-3),0.7) 66%);--btn-border-radius-dark:var(--radius-lg)}.btn\:outlined.btn-state\:focus:not(:active),.btn\:outlined:focus:not(:active){--btn-border-dark:2px solid rgb(var(--rgb-main-1));--btn-outline-dark:0.1px solid rgba(var(--rgb-main-1),0.5);--btn-outline-offset-dark:-5px}.btn\:outlined.btn-state\:hover,.btn\:outlined:hover{--btn-background-dark:rgba(var(--rgb-main-3),0.5)}.btn\:outlined.btn-state\:active,.btn\:outlined:active{--btn-background-dark:radial-gradient(107% 112% at 65% 103%,rgba(var(--rgb-main-2),0.5) 65%,rgba(var(--rgb-main-2),0.3) 66%);--btn-border-radius-dark:var(--radius-lg)}.btn\:text.btn-state\:focus:not(:active),.btn\:text:focus:not(:active){--btn-border-dark:2px solid rgb(var(--rgb-main-1));--btn-outline-dark:0.1px solid rgba(var(--rgb-main-1),0.5);--btn-outline-offset-dark:-5px}.btn\:text.btn-state\:hover,.btn\:text:hover{--btn-background-dark:rgba(var(--rgb-main-3),0.5)}.btn\:text.btn-state\:active,.btn\:text:active{--btn-background-dark:radial-gradient(107% 112% at 65% 103%,rgba(var(--rgb-main-2),0.5) 65%,rgba(var(--rgb-main-2),0.3) 66%);--btn-border-radius-dark:var(--radius-lg)}}.m3-btn{align-items:center;background:var(--btn-background-dark,var(--btn-background));border:var(--btn-border-dark,var(--btn-border));border-radius:var(--btn-border-radius);box-shadow:var(--btn-box-shadow-dark,var(--btn-box-shadow));color:var(--btn-color-dark,var(--btn-color));display:inline-flex;font-family:roboto;font-size:var(--btn-font-size);font-variation-settings:"FILL" var(--btn-fill);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-dark,var(--btn-outline));outline-offset:var(--btn-outline-offset);padding:var(--btn-padding);transition:background-color .3s ease,transform .3s ease}.m3-btn.btn-state\:disabled,.m3-btn:disabled{--btn-background: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:not(:active),.m3-btn:focus:not(:active){--btn-border:2px solid rgba(var(--rgb-base-1),1);--btn-outline:2.5px solid rgba(var(--rgb-main-2),1)}.btn-state\:hover,.m3-btn:hover{--btn-background:rgba(var(--rgb-main-2),0.7)}.btn-state\:active,.m3-btn:active{--btn-background:radial-gradient(144% 100% at 80% 94%,rgba(var(--rgb-main-2),0.7) 65%,rgba(var(--rgb-main-2),1) 66%);--btn-border-radius:var(--radius-lg)}.btn\:elevated{--btn-background:linear-gradient(161deg,rgba(var(--rgb-main-1),0.01) 0%,rgba(var(--rgb-main-1),0.2) 100%);--btn-box-shadow:0px 0.7px 2px 0.5px rgba(var(--rgb-base-10),0.5);--btn-color:rgb(var(--rgb-main-2))}.btn\:tonal{--btn-background:radial-gradient(144% 100% at 80% 94%,rgba(var(--rgb-main-1),1) 0%,rgba(var(--rgb-main-1),0.7) 100%);--btn-color:rgb(var(--rgb-main-3))}.btn\:outlined{--btn-background:none;--btn-border:1px solid rgba(var(--rgb-main-3),0.2);--btn-color:rgb(var(--rgb-main-3))}.btn\:text{--btn-background:none;--btn-border:none;--btn-outline:none;--btn-color:rgb(var(--rgb-main-2))}.btn\:elevated.btn-state\:focus:not(:active),.btn\:elevated:focus:not(:active){--btn-border:2px solid rgb(var(--rgb-main-3));--btn-outline:0.3px solid rgba(var(--rgb-main-3),0.3);--btn-outline-offset:-4px}.btn\:elevated.btn-state\:hover,.btn\:elevated:hover{--btn-background:linear-gradient(161deg,rgba(var(--rgb-main-1),0.1) 0%,rgba(var(--rgb-main-1),0.5) 100%)}.btn\:elevated.btn-state\:active,.btn\:elevated:active{--btn-background:radial-gradient(107% 112% at 65% 103%,rgba(var(--rgb-main-1),0.4) 65%,rgba(var(--rgb-main-1),0.2) 66%);--btn-border-radius:var(--radius-lg)}.btn\:tonal.btn-state\:focus:not(:active),.btn\:tonal:focus:not(:active){--btn-border:2px solid rgb(var(--rgb-base-1));--btn-outline:2.5px solid rgb(var(--rgb-main-2))}.btn\:tonal.btn-state\:hover,.btn\:tonal:hover{--btn-background:linear-gradient(161deg,rgba(var(--rgb-main-1),0.5) 8%,rgba(var(--rgb-main-1),0.6) 81%)}.btn\:tonal.btn-state\:active,.btn\:tonal:active{--btn-background:radial-gradient(107% 112% at 65% 103%,rgba(var(--rgb-main-1),1) 65%,rgba(var(--rgb-main-1),0.8) 66%);--btn-border-radius:var(--radius-lg)}.btn\:outlined.btn-state\:focus:not(:active),.btn\:outlined:focus:not(:active){--btn-border:2px solid rgb(var(--rgb-main-3));--btn-outline:0.3px solid rgba(var(--rgb-main-3),0.3);--btn-outline-offset:-4px}.btn\:outlined.btn-state\:hover,.btn\:outlined:hover{--btn-background:linear-gradient(161deg,rgba(var(--rgb-main-1),0.01) 0%,rgba(var(--rgb-main-1),0.2) 100%)}.btn\:outlined.btn-state\:active,.btn\:outlined:active{--btn-background:radial-gradient(107% 112% at 65% 103%,rgba(var(--rgb-main-1),0.4) 65%,rgba(var(--rgb-main-1),0.2) 66%);--btn-border-radius:var(--radius-lg)}.btn\:text.btn-state\:focus:not(:active),.btn\:text:focus:not(:active){--btn-border:2px solid rgb(var(--rgb-main-3));--btn-outline:0.3px solid rgba(var(--rgb-main-3),0.3);--btn-outline-offset:-4px}.btn\:text.btn-state\:hover,.btn\:text:hover{--btn-background:linear-gradient(161deg,rgba(var(--rgb-main-1),0.01) 0%,rgba(var(--rgb-main-1),0.2) 100%)}.btn\:text.btn-state\:active,.btn\:text:active{--btn-background:radial-gradient(107% 112% at 65% 103%,rgba(var(--rgb-main-1),0.4) 65%,rgba(var(--rgb-main-1),0.2) 66%);--btn-border-radius:var(--radius-lg)}.btn-shape\:square{--btn-border-radius:12px}.btn-size\:xs{--btn-height:var(--space-19);--btn-padding:0 var(--space-6);--btn-font-size:var(--space-8);--btn-font-weight:var(--font-weight-medium);--btn-line-height:var(--space-13);--btn-letter-spacing:0.1px}.btn-size\:xs.btn-shape\:square{--btn-border-radius:12px}.btn-size\:m{--btn-height:var(--space-28);--btn-padding:0 var(--space-15);--btn-font-size:var(--space-10);--btn-font-weight:var(--font-weight-medium);--btn-line-height:var(--space-15);--btn-letter-spacing:0.15px}.btn-size\:m.btn-shape\:square{--btn-border-radius:16px}.btn-size\:l{--btn-height:var(--space-32);--btn-padding:0 var(--space-24);--btn-font-size:var(--space-15);--btn-font-weight:600;--btn-line-height:var(--space-19);--btn-letter-spacing:0px}.btn-size\:l.btn-shape\:square{--btn-border-radius:28px}.btn-size\:xl{--btn-height:var(--space-35);--btn-padding:0 var(--space-29);--btn-font-size:var(--space-19);--btn-font-weight:600;--btn-line-height:var(--space-22);--btn-letter-spacing:0px}.btn-size\:xl.btn-shape\:square{--btn-border-radius:28px}.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-focused-outline-color:var(--color-base-8);--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);--card-content-padding:var(--space-10);--card-headline-margin-bottom:var(--space-3);--card-headline-font-size:var(--size-15);--card-headline-font-weight:var(--font-weight-semibold);--card-headline-color:var(--color-base-10);--card-headline-line-height:var(--size-19);--card-headline-letter-spacing:0;--card-subhead-margin-bottom:var(--space-3);--card-subhead-font-size:var(--size-10);--card-subhead-font-weight:var(--font-weight-normal);--card-subhead-color:var(--color-base-8);--card-subhead-line-height:var(--size-13);--card-subhead-letter-spacing:0;--card-supporting-text-font-size:var(--size-6);--card-supporting-text-font-weight:var(--font-weight-normal);--card-supporting-text-color:var(--color-base-10);--card-supporting-text-line-height:var(--size-9);--card-supporting-text-margin-bottom:var(--space-2);--card-supporting-text-letter-spacing:0}@media (prefers-color-scheme:dark){.m3-card{--card-background:var(--color-base-2);--card-headline-color:var(--color-base-10);--card-subhead-color:var(--color-base-8);--card-supporting-text-color:var(--color-base-9)}.m3-card.card-state\:focused{--card-focused-outline-color:var(--color-accent-2)}}.m3-card{background:var(--card-background);border:var(--card-border);border-radius:var(--card-border-radius);box-shadow:var(--card-box-shadow);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)}.m3-card.card-state\:enabled{--card-opacity:var(--opacity-100);--card-box-shadow:0px solid #000}.m3-card.card-state\:disabled,.m3-card.card-state\:disabled button{--card-opacity:var(--opacity-60);--card-cursor:var(--cursor-not-allowed)}.m3-card.card-state\:hovered{--card-opacity:var(--opacity-90)}.m3-card.card-state\:focused,.m3-card.card-state\:hovered{--card-box-shadow:0 var(--space-4) var(--space-4) rgba(0,0,0,.16),0 var(--space-2) var(--space-4) rgba(0,0,0,.23)}.m3-card.card-state\:focused{--card-outline:3px solid var(--card-focused-outline-color);--card-outline-offset:var(--space-2);--card-opacity:var(--opacity-90)}.m3-card.card-state\:dragged{--card-box-shadow:0 var(--space-4) var(--space-10) rgba(0,0,0,var(--opacity-25)),0 var(--space-6) var(--space-6) rgba(0,0,0,var(--opacity-30));--card-transform:scale(1.02);--card-opacity:var(--opacity-80);--card-cursor:var(--cursor-grap)}.m3-card .content{padding:var(--card-content-padding)}.m3-card .headline{color:var(--card-headline-color);font-size:var(--card-headline-font-size);font-weight:var(--card-headline-font-semibold);letter-spacing:var(--card-headline-letter-spacing);line-height:var(--card-headline-line-height);margin-bottom:var(--card-headline-margin-bottom)}.m3-card .subhead{color:var(--card-subhead-color);font-size:var(--card-subhead-font-size);font-weight:var(--card-subhead-font-weight);letter-spacing:var(--card-subhead-letter-spacing);line-height:var(--card-subhead-line-height);margin-bottom:var(--card-subhead-margin-bottom)}.m3-card .supporting-text{color:var(--card-supporting-text-color);font-size:var(--card-supporting-text-font-size);font-weight:var(--card-supporting-text-font-weight);letter-spacing:var(--card-supporting-text-letter-spacing);line-height:var(--card-supporting-text-line-height);margin-bottom:var(--card-supporting-text-margin-bottom)}.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-main-2);--checkbox-text-color:var(--color-base-8);--checkbox-opacity:var(--opacity-0);--checkbox-icon-content:var("");--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{--checkbox-main-color:var(--color-main-1);--checkbox-icon-color:var(--color-main-3);--checkbox-outline-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))}}.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)}.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}}.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)}