cssnt-card{--elev:var(--cssnt-elev-1);box-sizing:border-box;background:var(--cssnt-surface-container-low);width:240px;box-shadow:var(--elev);color:var(--cssnt-on-surface);letter-spacing:.25px;text-align:start;transition:box-shadow var(--cssnt-move), background var(--cssnt-move), border-color var(--cssnt-move);border:1px solid #0000;border-radius:12px;flex-direction:column;align-items:flex-start;gap:8px;padding:16px;font:400 14px/20px Roboto,sans-serif;display:flex}cssnt-card:hover{--elev:var(--cssnt-elev-2);box-shadow:var(--elev), inset 0 0 0 999px color-mix(in srgb, var(--cssnt-on-surface) 8%, transparent)}cssnt-card:focus-visible{outline:3px solid var(--cssnt-secondary);outline-offset:2px;box-shadow:var(--elev), inset 0 0 0 999px color-mix(in srgb, var(--cssnt-on-surface) 10%, transparent)}cssnt-card:active{box-shadow:var(--elev), inset 0 0 0 999px color-mix(in srgb, var(--cssnt-on-surface) 10%, transparent)}cssnt-card[variant=filled]{--elev:0 0 0 0 #0000;background:var(--cssnt-surface-container-highest)}cssnt-card[variant=filled]:hover{--elev:var(--cssnt-elev-1)}cssnt-card[variant=filled]:focus-visible,cssnt-card[variant=filled]:active{--elev:0 0 0 0 #0000}cssnt-card[variant=outlined]{--elev:0 0 0 0 #0000;background:var(--cssnt-surface);border-color:var(--cssnt-outline-variant)}cssnt-card[variant=outlined]:hover{--elev:var(--cssnt-elev-1)}cssnt-card[variant=outlined]:focus-visible,cssnt-card[variant=outlined]:active{--elev:0 0 0 0 #0000}cssnt-card[variant=outlined]:focus-visible{border-color:var(--cssnt-on-surface)}cssnt-card[disabled]{pointer-events:none;background:var(--cssnt-surface)}cssnt-card[disabled][variant=filled]{background:var(--cssnt-surface-variant)}cssnt-card[disabled][variant=outlined]{background:var(--cssnt-surface);border-color:color-mix(in srgb, var(--cssnt-outline) 12%, transparent)}
cssnt-list{flex-direction:column;width:240px;padding:8px 0;display:flex}cssnt-item{box-sizing:border-box;width:100%;min-height:56px;color:var(--cssnt-on-surface);letter-spacing:.5px;cursor:pointer;grid-template-columns:1fr;align-items:center;column-gap:12px;padding:10px 16px;font:400 16px/24px Roboto,sans-serif;display:grid}cssnt-item[icon]{grid-template-columns:24px 1fr}cssnt-item[icon]:before{content:attr(icon);color:var(--cssnt-on-surface-variant);letter-spacing:normal;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;grid-area:1/1/-1;font-family:Material Symbols Outlined;font-size:24px;font-weight:400;line-height:1}cssnt-item[support],cssnt-item[overline]{min-height:72px}cssnt-item[overline][support]{align-content:center;min-height:88px}cssnt-item[overline]>small{color:var(--cssnt-on-surface-variant);letter-spacing:.5px;grid-row:1;font:500 11px/16px Roboto,sans-serif}cssnt-item[overline]>span{grid-row:2}cssnt-item[overline][support]:after{grid-row:3}cssnt-item[icon][overline]>small,cssnt-item[icon][overline]>span,cssnt-item[icon][overline][support]:after{grid-column:2}cssnt-item[support]:after{content:attr(support);color:var(--cssnt-on-surface-variant);letter-spacing:.25px;font:400 14px/20px Roboto,sans-serif}cssnt-item[icon][support]:after{grid-column:2}cssnt-item:hover{background:color-mix(in srgb, var(--cssnt-on-surface) 8%, transparent)}cssnt-item[selected]{background:var(--cssnt-secondary-container);color:var(--cssnt-on-secondary-container)}cssnt-item[selected]:before,cssnt-item[selected]:after,cssnt-item[selected]>small{color:var(--cssnt-on-secondary-container)}cssnt-item[selected]:hover{background:color-mix(in srgb, var(--cssnt-on-secondary-container) 8%, var(--cssnt-secondary-container))}cssnt-item[disabled]{pointer-events:none;color:color-mix(in srgb, var(--cssnt-on-surface) 38%, transparent)}
cssnt-tooltip{display:inline-flex;position:relative}cssnt-tooltip>[role=tooltip]{z-index:2;background:var(--cssnt-inverse-surface);height:24px;color:var(--cssnt-inverse-on-surface);letter-spacing:.4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--cssnt-move), translate var(--cssnt-move);border-radius:4px;align-items:center;padding:0 8px;font:400 12px/16px Roboto,sans-serif;display:inline-flex;position:absolute;bottom:calc(100% + 8px);left:50%;translate:-50% 4px}cssnt-tooltip[headline]>[role=tooltip]{background:var(--cssnt-surface-container);width:max-content;max-width:312px;height:auto;color:var(--cssnt-on-surface-variant);box-shadow:var(--cssnt-elev-2);letter-spacing:.25px;white-space:normal;border-radius:12px;flex-wrap:wrap;justify-content:flex-end;column-gap:8px;padding:12px 16px 8px;font:400 14px/20px Roboto,sans-serif;display:flex}cssnt-tooltip:has([role=tooltip]>cssnt-button)>[role=tooltip]{background:var(--cssnt-surface-container);width:max-content;max-width:312px;height:auto;color:var(--cssnt-on-surface-variant);box-shadow:var(--cssnt-elev-2);letter-spacing:.25px;white-space:normal;border-radius:12px;flex-wrap:wrap;justify-content:flex-end;column-gap:8px;padding:12px 16px 8px;font:400 14px/20px Roboto,sans-serif;display:flex}cssnt-tooltip[headline]>[role=tooltip]:before{content:attr(headline);color:var(--cssnt-on-surface-variant);letter-spacing:.1px;flex:1 0 100%;margin-bottom:4px;font:500 14px/20px Roboto,sans-serif}cssnt-tooltip [role=tooltip]>span{flex:1 0 100%}cssnt-tooltip [role=tooltip]>cssnt-button{--container:transparent;--label:var(--cssnt-primary);--state:var(--cssnt-primary);--outline:transparent;--elev:none;--pad:12px;height:40px;margin-top:8px}cssnt-tooltip [role=tooltip]>cssnt-button:focus-visible{outline:3px solid var(--cssnt-secondary);outline-offset:2px}cssnt-tooltip [role=tooltip]>cssnt-button:active:after{opacity:.1;scale:1}cssnt-tooltip:is([headline],:has([role=tooltip]>cssnt-button))>[role=tooltip]:after{content:"";height:8px;position:absolute;top:100%;left:0;right:0}cssnt-tooltip:hover>[role=tooltip],cssnt-tooltip:focus-within>[role=tooltip]{opacity:1;transition-delay:.4s;translate:-50%}cssnt-tooltip:is([headline],:has([role=tooltip]>cssnt-button)):hover>[role=tooltip],cssnt-tooltip:is([headline],:has([role=tooltip]>cssnt-button)):focus-within>[role=tooltip]{pointer-events:auto}cssnt-tooltip[data-off]>[role=tooltip]{opacity:0;pointer-events:none;transition-delay:0s;translate:-50% 4px}
cssnt-menu{flex-direction:column;align-items:flex-start;display:inline-flex;position:relative}cssnt-menu>button{border:1px solid var(--cssnt-outline-variant);height:40px;color:var(--cssnt-on-surface-variant);letter-spacing:.1px;cursor:pointer;background:0 0;border-radius:20px;padding:0 24px;font:500 14px/20px Roboto,sans-serif}cssnt-menu>div,cssnt-split>div[role=menu]{overflow:visible}cssnt-menu>div{z-index:12;background:var(--cssnt-surface-container);min-width:112px;max-width:280px;box-shadow:var(--cssnt-elev-2);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--cssnt-move), translate var(--cssnt-move), visibility var(--cssnt-move) allow-discrete;border-radius:4px;flex-direction:column;margin:0;padding:8px 0;display:flex;position:absolute;top:calc(100% + 4px);left:0;translate:0 -8px}cssnt-menu[open]>div{opacity:1;visibility:visible;pointer-events:auto;translate:0}@starting-style{cssnt-menu[open]>div{opacity:0;translate:0 -8px}}cssnt-option{box-sizing:border-box;height:48px;min-height:48px;color:var(--cssnt-on-surface);letter-spacing:.1px;white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer;transition:background var(--cssnt-move);outline:none;flex-shrink:0;align-items:center;gap:12px;padding:0 12px;font:500 14px/20px Roboto,sans-serif;display:flex}cssnt-option[icon]:before{content:attr(icon);width:24px;color:var(--cssnt-on-surface-variant);letter-spacing:normal;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;font-family:Material Symbols Outlined;font-size:24px;font-weight:400;line-height:1}cssnt-option:hover{background:color-mix(in srgb, var(--cssnt-on-surface) 8%, transparent)}cssnt-option:focus-visible{background:color-mix(in srgb, var(--cssnt-on-surface) 10%, transparent)}cssnt-menu cssnt-option[selected],cssnt-split cssnt-option[selected]{background:var(--cssnt-secondary-container);color:var(--cssnt-on-secondary-container)}cssnt-menu cssnt-option[selected]:before,cssnt-split cssnt-option[selected]:before{color:var(--cssnt-on-secondary-container)}cssnt-option[submenu]{position:relative;overflow:visible}cssnt-menu>div cssnt-option[submenu],cssnt-split>div cssnt-option[submenu]{overflow:visible}cssnt-option[submenu]>span[data-wave-clip]{border-radius:inherit;pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}cssnt-option[submenu][open],cssnt-option[submenu]:hover,cssnt-option[submenu]:focus-within{z-index:2}cssnt-option[submenu]:after{content:"arrow_right";color:var(--cssnt-on-surface-variant);letter-spacing:normal;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;margin-inline-start:auto;font-family:Material Symbols Outlined;font-size:20px;font-style:normal;font-weight:400;line-height:1}cssnt-option[submenu]>div{z-index:1;background:var(--cssnt-surface-container);min-width:112px;box-shadow:var(--cssnt-elev-2);opacity:0;visibility:hidden;pointer-events:none;border-radius:4px;flex-direction:column;padding:8px 0;display:flex;position:absolute;top:0;left:calc(100% - 4px)}cssnt-option[submenu][open]>div,cssnt-option[submenu]:hover>div,cssnt-option[submenu]:focus-within>div{opacity:1;visibility:visible;pointer-events:auto}cssnt-option[disabled]{pointer-events:none;color:color-mix(in srgb, var(--cssnt-on-surface) 38%, transparent)}
cssnt-dialog{z-index:24;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--cssnt-move), visibility var(--cssnt-move) allow-discrete;background:#00000052;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}cssnt-dialog[open]{opacity:1;visibility:visible;pointer-events:auto}cssnt-dialog>div{box-sizing:border-box;background:var(--cssnt-surface-container-high);width:min(560px,100%);min-width:min(280px,100%);box-shadow:var(--cssnt-elev-3);color:var(--cssnt-on-surface);letter-spacing:.25px;transition:scale var(--cssnt-move);border-radius:28px;flex-wrap:wrap;align-items:center;gap:8px;padding:24px;font:400 14px/20px Roboto,sans-serif;display:flex;scale:.92}cssnt-dialog[open]>div{scale:1}@starting-style{cssnt-dialog[open]{opacity:0}cssnt-dialog[open]>div{scale:.92}}cssnt-dialog>div>:not(cssnt-button):not(i):not([data-close]){flex:1 0 100%}cssnt-dialog>div[headline]:before{content:attr(headline);color:var(--cssnt-on-surface);letter-spacing:0;flex:1 0 100%;margin-bottom:8px;font:400 24px/32px Roboto,sans-serif}cssnt-dialog>div>cssnt-text{color:var(--cssnt-on-surface-variant)}cssnt-dialog>div>cssnt-button{margin-top:16px}cssnt-dialog>div>cssnt-button:nth-child(1 of cssnt-button){margin-inline-start:auto}cssnt-dialog[icon]>div,cssnt-dialog[icon]>div[headline]:before{text-align:center}cssnt-dialog[icon]>div>i{color:var(--cssnt-secondary);letter-spacing:normal;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;pointer-events:none;flex:1 0 100%;order:-1;margin-bottom:8px;font-family:Material Symbols Outlined;font-size:24px;font-style:normal;font-weight:400;line-height:1}cssnt-dialog[variant=full]{background:0 0;padding:0}cssnt-dialog[variant=full]>div{background:var(--cssnt-surface);width:100%;min-width:0;height:100%;box-shadow:none;border-radius:0;align-content:flex-start;padding:0 4px 24px;translate:0 16px;scale:1}cssnt-dialog[variant=full][open]>div{translate:0}@starting-style{cssnt-dialog[variant=full][open]>div{translate:0 16px;scale:1}}cssnt-dialog[variant=full]>div>[data-close]{width:48px;height:48px;color:var(--cssnt-on-surface);letter-spacing:normal;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;cursor:pointer;background:0 0;border:0;border-radius:24px;order:-2;margin:4px 0;font-family:Material Symbols Outlined;font-size:24px;font-weight:400;line-height:1}cssnt-dialog[variant=full]>div[headline]:before{flex:auto;order:-1;align-self:center;width:auto;margin:0;font:400 22px/28px Roboto,sans-serif}cssnt-dialog[variant=full]>div>cssnt-button{order:-1;margin:4px 0 4px 8px}cssnt-dialog[variant=full]>div>cssnt-button:nth-child(1 of cssnt-button){margin-inline-start:8px}cssnt-dialog[variant=full]>div>cssnt-button:last-child{margin-inline-start:auto}cssnt-dialog[variant=full]>div>:not([data-close]):not(cssnt-button){box-sizing:border-box;flex:1 0 100%;padding-inline:20px}
cssnt-snackbar{z-index:16;box-sizing:border-box;background:var(--cssnt-inverse-surface);max-width:min(560px,100% - 32px);min-height:48px;color:var(--cssnt-inverse-on-surface);box-shadow:var(--cssnt-elev-3);letter-spacing:.25px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--cssnt-move), translate var(--cssnt-move), visibility var(--cssnt-move) allow-discrete;border-radius:4px;align-items:center;gap:8px;padding:14px 8px 14px 16px;font:400 14px/20px Roboto,sans-serif;display:flex;position:fixed;bottom:16px;left:50%;translate:-50% 8px}cssnt-snackbar[open]{opacity:1;visibility:visible;pointer-events:auto;translate:-50%}@starting-style{cssnt-snackbar[open]{opacity:0;translate:-50% 8px}}cssnt-snackbar[icon]:before{content:attr(icon);color:var(--cssnt-inverse-on-surface);letter-spacing:normal;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;margin-block:-2px;font-family:Material Symbols Outlined;font-size:24px;font-style:normal;font-weight:400;line-height:1}cssnt-snackbar>button{height:40px;color:var(--cssnt-inverse-primary);letter-spacing:.1px;cursor:pointer;background:0 0;border:0;border-radius:20px;flex-shrink:0;margin-block:-10px;margin-inline-start:auto;padding:0 12px;font:500 14px/20px Roboto,sans-serif}cssnt-snackbar>button:hover{background:color-mix(in srgb, var(--cssnt-inverse-primary) 8%, transparent)}cssnt-snackbar>button:focus-visible{outline:3px solid var(--cssnt-secondary);outline-offset:2px;background:color-mix(in srgb, var(--cssnt-inverse-primary) 10%, transparent)}cssnt-snackbar>button:active{background:color-mix(in srgb, var(--cssnt-inverse-primary) 10%, transparent)}
cssnt-search{box-sizing:border-box;background:var(--cssnt-surface-container-high);width:240px;height:56px;color:var(--cssnt-on-surface-variant);transition:box-shadow var(--cssnt-move);border-radius:28px;align-items:center;gap:8px;padding:0 16px;display:inline-flex}cssnt-search:before{content:"search";letter-spacing:normal;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;font-family:Material Symbols Outlined;font-size:24px;font-weight:400;line-height:1}cssnt-search input{min-width:0;color:var(--cssnt-on-surface);letter-spacing:.5px;background:0 0;border:0;outline:none;flex:1;font:400 16px/24px Roboto,sans-serif}cssnt-search input::placeholder{color:var(--cssnt-on-surface-variant)}cssnt-search:hover{box-shadow:inset 0 0 0 56px color-mix(in srgb, var(--cssnt-on-surface) 8%, transparent)}cssnt-search:focus-within{box-shadow:inset 0 0 0 56px color-mix(in srgb, var(--cssnt-on-surface) 10%, transparent)}cssnt-search:not([open])>:not(input){display:none}cssnt-search[open]{z-index:25;background:var(--cssnt-surface);width:auto;height:auto;color:var(--cssnt-on-surface);box-shadow:none;animation:cssnt-search-in var(--cssnt-move);border-radius:0;flex-wrap:wrap;align-content:flex-start;align-items:center;gap:0 8px;padding:4px 16px 16px;display:flex;position:fixed;inset:0}cssnt-search[open]:before{content:none}cssnt-search[open]:hover,cssnt-search[open]:focus-within{box-shadow:none}cssnt-search[open]>button{width:48px;height:48px;color:var(--cssnt-on-surface);letter-spacing:normal;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;cursor:pointer;background:0 0;border:0;border-radius:24px;flex:none;order:1;justify-content:center;align-items:center;margin-inline-start:-8px;font-family:Material Symbols Outlined;font-size:24px;font-weight:400;line-height:1;display:inline-flex}cssnt-search[open]>input{order:2;height:48px}cssnt-search[open]:after{content:"";background:var(--cssnt-outline);flex:1 0 100%;order:3;height:1px;margin:4px -16px 8px}cssnt-search[open]>:not(input):not(button){flex:1 0 100%;order:4}@keyframes cssnt-search-in{0%{opacity:0}}
cssnt-appbar{box-sizing:border-box;background:var(--cssnt-surface);width:100%;height:64px;color:var(--cssnt-on-surface);transition:background var(--cssnt-move), box-shadow var(--cssnt-move);align-items:center;padding-inline:4px;display:flex}cssnt-appbar>cssnt-icon-button:first-child:not([variant]){--label:var(--cssnt-on-surface);--state:var(--cssnt-on-surface)}cssnt-appbar[scrolled]{background:var(--cssnt-surface-container);box-shadow:var(--cssnt-elev-2)}cssnt-appbar:after{content:attr(headline);white-space:nowrap;text-overflow:ellipsis;flex:1;order:1;min-width:0;margin-inline-start:4px;font:400 22px/28px Roboto,sans-serif;overflow:hidden}cssnt-appbar>:first-child{order:0}cssnt-appbar>:not(:first-child){order:2}cssnt-appbar[variant=medium],cssnt-appbar[variant=large]{flex-wrap:wrap;align-content:space-between;align-items:center;height:112px;padding:12px 4px 20px}cssnt-appbar[variant=large]{height:152px;padding-bottom:28px}cssnt-appbar[variant=medium]:after,cssnt-appbar[variant=large]:after{flex:1 0 100%;order:3;margin:0 12px;font:400 24px/32px Roboto,sans-serif}cssnt-appbar[variant=large]:after{font:400 28px/36px Roboto,sans-serif}cssnt-appbar[variant=center]{position:relative}cssnt-appbar[variant=center]:after{text-align:center;pointer-events:none;width:auto;margin:0;position:absolute;inset-inline:72px}cssnt-appbar[variant=center]>:nth-child(2){margin-inline-start:auto}cssnt-appbar[variant=search]{background:var(--cssnt-surface);height:64px;padding:4px}cssnt-appbar[variant=search]:before{content:"search";z-index:1;height:56px;color:var(--cssnt-on-surface);letter-spacing:normal;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;pointer-events:none;order:1;align-items:center;margin-inline-end:-40px;padding-inline-start:16px;font-family:Material Symbols Outlined;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-flex}cssnt-appbar[variant=search]:after{content:none}cssnt-appbar[variant=search]>input{background:var(--cssnt-surface-container-high);min-width:0;height:56px;box-shadow:var(--cssnt-elev-3);color:var(--cssnt-on-surface);caret-color:var(--cssnt-primary);letter-spacing:.5px;border:0;border-radius:28px;outline:none;flex:1;order:1;margin:0;padding:0 16px 0 48px;font:400 16px/24px Roboto,sans-serif}cssnt-appbar[variant=search]>input::placeholder{color:var(--cssnt-on-surface-variant)}cssnt-appbar[variant=search]:hover>input{box-shadow:var(--cssnt-elev-3), inset 0 0 0 999px color-mix(in srgb, var(--cssnt-on-surface) 8%, transparent)}cssnt-appbar[variant=search]>input:focus{box-shadow:var(--cssnt-elev-3), inset 0 0 0 999px color-mix(in srgb, var(--cssnt-on-surface) 10%, transparent)}
cssnt-nav{background:var(--cssnt-surface-container);width:100%;height:80px;display:flex}cssnt-nav-item{min-width:0;color:var(--cssnt-on-surface-variant);letter-spacing:.5px;white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer;outline:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font:500 12px/16px Roboto,sans-serif;display:flex;position:relative}cssnt-nav-item>i>b{z-index:1;font:inherit;font-style:normal;position:relative}cssnt-nav-item>i{z-index:1;isolation:isolate;letter-spacing:normal;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;width:64px;height:32px;transition:background var(--cssnt-move), color var(--cssnt-move);border-radius:16px;justify-content:center;align-items:center;font-family:Material Symbols Outlined;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-flex;position:relative;overflow:hidden}cssnt-nav-item[selected]{color:var(--cssnt-on-surface)}cssnt-nav-item[selected]>i{background:var(--cssnt-secondary-container);color:var(--cssnt-on-secondary-container)}cssnt-nav-item:hover>i{box-shadow:inset 0 0 0 32px color-mix(in srgb, currentColor 8%, transparent)}cssnt-nav-item:focus-visible>i{box-shadow:inset 0 0 0 32px color-mix(in srgb, currentColor 10%, transparent)}cssnt-nav-item[disabled]{pointer-events:none;color:color-mix(in srgb, var(--cssnt-on-surface) 38%, transparent)}
cssnt-drawer{z-index:22;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--cssnt-move), visibility var(--cssnt-move) allow-discrete;background:#00000052;display:flex;position:fixed;inset:0}cssnt-drawer[open]{opacity:1;visibility:visible;pointer-events:auto}cssnt-drawer>div{box-sizing:border-box;background:var(--cssnt-surface-container-low);width:min(360px,100%);height:100%;box-shadow:var(--cssnt-elev-1);color:var(--cssnt-on-surface);transition:translate var(--cssnt-move);border-radius:0 16px 16px 0;flex-direction:column;gap:2px;padding:12px;display:flex;overflow-y:auto;translate:-100%}cssnt-drawer>div>cssnt-divider{margin:8px 0}cssnt-drawer>div>small{color:var(--cssnt-on-surface-variant);letter-spacing:.4px;flex-shrink:0;padding:14px 16px 6px;font:500 12px/16px Roboto,sans-serif}cssnt-drawer[open]>div{translate:0}cssnt-drawer[variant=standard]{opacity:1;visibility:visible;pointer-events:auto;background:0 0;width:360px;height:auto;display:block;position:static;inset:auto}cssnt-drawer[variant=standard]>div{width:100%;height:auto;min-height:280px;box-shadow:none;translate:0}cssnt-drawer[variant=dismissible]{z-index:auto;background:0 0;width:360px;height:auto;display:none;position:relative;inset:auto}cssnt-drawer[variant=dismissible][open]{opacity:1;visibility:visible;pointer-events:auto;display:block}cssnt-drawer[variant=dismissible]>div{width:100%;height:auto;min-height:280px}cssnt-drawer[variant=dismissible][open]>div{translate:0}@starting-style{cssnt-drawer[open]{opacity:0}cssnt-drawer[open]>div{translate:-100%}}cssnt-drawer>div[headline]:before{content:attr(headline);flex-shrink:0;padding:8px 16px 12px;font:400 22px/28px Roboto,sans-serif}cssnt-drawer-item{height:56px;color:var(--cssnt-on-surface-variant);letter-spacing:.1px;white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer;transition:background var(--cssnt-move), color var(--cssnt-move);border-radius:28px;outline:none;flex-shrink:0;align-items:center;gap:12px;padding:0 16px;font:500 14px/20px Roboto,sans-serif;display:flex}cssnt-drawer-item[icon]:before{content:attr(icon);letter-spacing:normal;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;width:24px;font-family:Material Symbols Outlined;font-size:24px;font-weight:400;line-height:1}cssnt-drawer-item[selected]{background:var(--cssnt-secondary-container);color:var(--cssnt-on-secondary-container)}cssnt-drawer-item:hover:not([selected]){background:color-mix(in srgb, var(--cssnt-on-surface) 8%, transparent)}cssnt-drawer-item:focus-visible{background:color-mix(in srgb, var(--cssnt-on-surface) 10%, transparent)}cssnt-drawer-item[selected]:focus-visible{background:var(--cssnt-secondary-container)}cssnt-drawer-item[disabled]{pointer-events:none;color:color-mix(in srgb, var(--cssnt-on-surface) 38%, transparent)}
cssnt-fab{--s:56px;--r:16px;--bg:var(--cssnt-primary-container);--fg:var(--cssnt-on-primary-container);box-sizing:border-box;width:var(--s);height:var(--s);border-radius:var(--r);background:var(--bg);color:var(--fg);box-shadow:var(--cssnt-elev-3);letter-spacing:.1px;white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer;transition:box-shadow var(--cssnt-move), background var(--cssnt-move), scale var(--cssnt-move);outline:none;justify-content:center;align-items:center;gap:12px;font:500 14px/20px Roboto,sans-serif;display:inline-flex}cssnt-fab[color=secondary-container]{--bg:var(--cssnt-secondary-container);--fg:var(--cssnt-on-secondary-container)}cssnt-fab[color=tertiary-container]{--bg:var(--cssnt-tertiary-container);--fg:var(--cssnt-on-tertiary-container)}cssnt-fab[color=primary]{--bg:var(--cssnt-primary);--fg:var(--cssnt-on-primary)}cssnt-fab[color=secondary]{--bg:var(--cssnt-secondary);--fg:var(--cssnt-on-secondary)}cssnt-fab[color=tertiary]{--bg:var(--cssnt-tertiary);--fg:var(--cssnt-on-tertiary)}cssnt-fab:active{scale:.96}cssnt-fab>span[data-clip]{z-index:0;border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}cssnt-fab[icon]:before{z-index:1;content:attr(icon);letter-spacing:normal;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;font-family:Material Symbols Outlined;font-size:24px;font-weight:400;line-height:1;position:relative}cssnt-fab[variant=small]{--s:40px;--r:12px}cssnt-fab[variant=large]{--s:96px;--r:28px}cssnt-fab[variant=large][icon]:before{font-size:36px}cssnt-fab[variant=extended]{letter-spacing:.15px;width:auto;min-width:80px;height:56px;padding:0 16px;font:500 16px/24px Roboto,sans-serif}cssnt-fab:hover{box-shadow:var(--cssnt-elev-4), inset 0 0 0 999px color-mix(in srgb, var(--fg) 8%, transparent)}cssnt-fab:focus-visible,cssnt-fab:active{box-shadow:var(--cssnt-elev-3), inset 0 0 0 999px color-mix(in srgb, var(--fg) 10%, transparent)}cssnt-fab[disabled]{pointer-events:none;background:color-mix(in srgb, var(--cssnt-on-surface) 12%, transparent);color:color-mix(in srgb, var(--cssnt-on-surface) 38%, transparent);box-shadow:none}
cssnt-select{box-sizing:border-box;background:var(--cssnt-surface-container-highest);width:240px;height:56px;box-shadow:inset 0 -1px 0 var(--cssnt-on-surface-variant);color:var(--cssnt-on-surface);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px 4px 0 0;outline:none;display:inline-block;position:relative}cssnt-select>span{color:var(--cssnt-on-surface-variant);letter-spacing:.5px;pointer-events:none;white-space:nowrap;transition:top var(--cssnt-move), font-size var(--cssnt-move), line-height var(--cssnt-move), color var(--cssnt-move);font:400 16px/24px Roboto,sans-serif;position:absolute;top:16px;left:16px}cssnt-select>b{color:var(--cssnt-on-surface);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;font:400 16px/24px Roboto,sans-serif;position:absolute;top:24px;left:16px;right:48px;overflow:hidden}cssnt-select:after{content:"arrow_drop_down";color:var(--cssnt-on-surface-variant);letter-spacing:normal;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;pointer-events:none;font-family:Material Symbols Outlined;font-size:24px;font-weight:400;line-height:1;position:absolute;top:16px;right:12px}cssnt-select[open]:after{content:"arrow_drop_up"}cssnt-select:focus-within>span,cssnt-select[open]>span{font-size:12px;line-height:16px;top:8px}cssnt-select:has(b:not(:empty))>span{font-size:12px;line-height:16px;top:8px}cssnt-select:focus-within,cssnt-select[open]{box-shadow:inset 0 -2px 0 var(--cssnt-primary)}cssnt-select:focus-within>span,cssnt-select[open]>span{color:var(--cssnt-primary)}cssnt-select[variant=outlined]{box-shadow:inset 0 0 0 1px var(--cssnt-outline);background:0 0;border-radius:4px}cssnt-select[variant=outlined]>b{top:16px}cssnt-select[variant=outlined]:focus-within,cssnt-select[variant=outlined][open]{box-shadow:inset 0 0 0 2px var(--cssnt-primary)}cssnt-select[variant=outlined]:focus-within>span,cssnt-select[variant=outlined][open]>span{background:var(--cssnt-surface);padding:0 4px;top:0;left:12px;translate:0 -50%}cssnt-select[variant=outlined]:has(b:not(:empty))>span{background:var(--cssnt-surface);padding:0 4px;top:0;left:12px;translate:0 -50%}cssnt-select>div{z-index:12;background:var(--cssnt-surface-container);max-height:240px;box-shadow:var(--cssnt-elev-2);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--cssnt-move), translate var(--cssnt-move), visibility var(--cssnt-move) allow-discrete;border-radius:4px;flex-direction:column;margin:0;padding:8px 0;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:auto;translate:0 -8px}cssnt-select[open]>div{opacity:1;visibility:visible;pointer-events:auto;translate:0}@starting-style{cssnt-select[open]>div{opacity:0;translate:0 -8px}}cssnt-select cssnt-option[selected]:after{content:"check";letter-spacing:normal;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;margin-inline-start:auto;font-family:Material Symbols Outlined;font-size:24px;font-weight:400;line-height:1}cssnt-select[disabled]{pointer-events:none;color:color-mix(in srgb, var(--cssnt-on-surface) 38%, transparent);background:color-mix(in srgb, var(--cssnt-on-surface) 4%, transparent);box-shadow:inset 0 -1px 0 color-mix(in srgb, var(--cssnt-on-surface) 38%, transparent)}cssnt-select[disabled][variant=outlined]{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--cssnt-on-surface) 12%, transparent);background:0 0}cssnt-select[error]{box-shadow:inset 0 -2px 0 var(--cssnt-error)}cssnt-select[error]>span,cssnt-select[error]:after{color:var(--cssnt-error)}cssnt-select[error][variant=outlined]{box-shadow:inset 0 0 0 2px var(--cssnt-error)}
cssnt-textarea{flex-direction:column;width:240px;display:inline-flex;position:relative}cssnt-textarea>textarea{box-sizing:border-box;background:var(--cssnt-surface-container-highest);width:100%;min-height:104px;box-shadow:inset 0 -1px 0 var(--cssnt-on-surface-variant);color:var(--cssnt-on-surface);caret-color:var(--cssnt-primary);letter-spacing:.5px;resize:none;transition:box-shadow var(--cssnt-move);border:0;border-radius:4px 4px 0 0;outline:none;margin:0;padding:24px 16px 8px;font:400 16px/24px Roboto,sans-serif}cssnt-textarea:hover:not([variant=outlined]):not(:focus-within):not([error])>textarea{box-shadow:inset 0 -1px 0 var(--cssnt-on-surface)}cssnt-textarea>textarea::placeholder{color:#0000}cssnt-textarea>span{color:var(--cssnt-on-surface-variant);letter-spacing:.5px;pointer-events:none;white-space:nowrap;transition:top var(--cssnt-move), font-size var(--cssnt-move), line-height var(--cssnt-move);font:400 16px/24px Roboto,sans-serif;position:absolute;top:16px;left:16px}cssnt-textarea:focus-within>span{font-size:12px;line-height:16px;top:8px}cssnt-textarea:has(textarea:not(:placeholder-shown))>span{font-size:12px;line-height:16px;top:8px}cssnt-textarea:focus-within>textarea{box-shadow:inset 0 -2px 0 var(--cssnt-primary)}cssnt-textarea:focus-within>span{color:var(--cssnt-primary)}cssnt-textarea[variant=outlined]>textarea{box-shadow:inset 0 0 0 1px var(--cssnt-outline);background:0 0;border-radius:4px;padding-block:16px}cssnt-textarea[variant=outlined]:focus-within>textarea{box-shadow:inset 0 0 0 2px var(--cssnt-primary)}cssnt-textarea[variant=outlined]:focus-within>span{background:var(--cssnt-surface);padding:0 4px;top:0;left:12px;translate:0 -50%}cssnt-textarea[variant=outlined]:has(textarea:not(:placeholder-shown))>span{background:var(--cssnt-surface);padding:0 4px;top:0;left:12px;translate:0 -50%}cssnt-textarea[support]:after{content:attr(support);color:var(--cssnt-on-surface-variant);letter-spacing:.4px;margin-top:4px;padding-inline:16px;font:400 12px/16px Roboto,sans-serif}cssnt-textarea[error]>span,cssnt-textarea[error]:after{color:var(--cssnt-error)}cssnt-textarea[error]>textarea{caret-color:var(--cssnt-error);box-shadow:inset 0 -2px 0 var(--cssnt-error)}cssnt-textarea[error][variant=outlined]>textarea{box-shadow:inset 0 0 0 2px var(--cssnt-error)}cssnt-textarea[disabled]{pointer-events:none}cssnt-textarea[disabled]>textarea{color:color-mix(in srgb, var(--cssnt-on-surface) 38%, transparent);background:color-mix(in srgb, var(--cssnt-on-surface) 4%, transparent);box-shadow:inset 0 -1px 0 color-mix(in srgb, var(--cssnt-on-surface) 38%, transparent)}cssnt-textarea[disabled]>span,cssnt-textarea[disabled]:after{color:color-mix(in srgb, var(--cssnt-on-surface) 38%, transparent)}cssnt-textarea[disabled][variant=outlined]>textarea{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--cssnt-on-surface) 12%, transparent);background:0 0}
cssnt-date{box-sizing:border-box;background:var(--cssnt-surface-container-highest);width:240px;height:56px;box-shadow:inset 0 -1px 0 var(--cssnt-on-surface-variant);color:var(--cssnt-on-surface);cursor:pointer;-webkit-user-select:none;user-select:none;transition:box-shadow var(--cssnt-move);border-radius:4px 4px 0 0;outline:none;display:inline-block;position:relative}cssnt-date:hover:not([variant=outlined]):not([open]):not(:focus-within):not([error]){background:color-mix(in srgb, var(--cssnt-on-surface) 8%, var(--cssnt-surface-container-highest));box-shadow:inset 0 -1px 0 var(--cssnt-on-surface)}cssnt-date>span{color:var(--cssnt-on-surface-variant);letter-spacing:.5px;pointer-events:none;white-space:nowrap;transition:top var(--cssnt-move), font-size var(--cssnt-move), line-height var(--cssnt-move), color var(--cssnt-move);font:400 16px/24px Roboto,sans-serif;position:absolute;top:16px;left:16px}cssnt-date>b{letter-spacing:.5px;text-overflow:ellipsis;white-space:nowrap;font:400 16px/24px Roboto,sans-serif;position:absolute;top:24px;left:16px;right:48px;overflow:hidden}cssnt-date:after{content:"calendar_today";color:var(--cssnt-on-surface-variant);letter-spacing:normal;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;pointer-events:none;font-family:Material Symbols Outlined;font-size:24px;font-weight:400;line-height:1;position:absolute;top:16px;right:12px}cssnt-date:focus-within>span,cssnt-date[open]>span{font-size:12px;line-height:16px;top:8px}cssnt-date:has(>b:not(:empty))>span{font-size:12px;line-height:16px;top:8px}cssnt-date:focus-within,cssnt-date[open]{box-shadow:inset 0 -2px 0 var(--cssnt-primary)}cssnt-date:focus-within>span,cssnt-date[open]>span{color:var(--cssnt-primary)}cssnt-date[variant=outlined]{box-shadow:inset 0 0 0 1px var(--cssnt-outline);background:0 0;border-radius:4px}cssnt-date[variant=outlined]>b{top:16px}cssnt-date[variant=outlined]:hover:not([open]):not(:focus-within):not([error]){box-shadow:inset 0 0 0 1px var(--cssnt-on-surface)}cssnt-date[variant=outlined]:hover:not([open]):not(:focus-within)>span{color:var(--cssnt-on-surface)}cssnt-date[variant=outlined]:focus-within,cssnt-date[variant=outlined][open]{box-shadow:inset 0 0 0 3px var(--cssnt-primary)}cssnt-date[variant=outlined]:focus-within>span,cssnt-date[variant=outlined][open]>span{background:var(--cssnt-surface);padding:0 4px;top:0;left:12px;translate:0 -50%}cssnt-date[variant=outlined]:has(>b:not(:empty))>span{background:var(--cssnt-surface);padding:0 4px;top:0;left:12px;translate:0 -50%}cssnt-date>div{z-index:12;box-sizing:border-box;background:var(--cssnt-surface-container-high);width:360px;box-shadow:var(--cssnt-elev-3);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--cssnt-move), translate var(--cssnt-move), visibility var(--cssnt-move) allow-discrete;border-radius:16px;padding:8px 12px 12px;display:block;position:absolute;top:calc(100% + 4px);left:0;translate:0 -8px}cssnt-date[open]>div{opacity:1;visibility:visible;pointer-events:auto;translate:0}@starting-style{cssnt-date[open]>div{opacity:0;translate:0 -8px}}cssnt-date header{align-items:center;height:64px;display:flex}cssnt-date header>b{letter-spacing:.1px;flex:1;font:500 14px/20px Roboto,sans-serif}cssnt-date header button,cssnt-date [data-day]{width:40px;height:40px;color:var(--cssnt-on-surface);letter-spacing:.5px;cursor:pointer;transition:background var(--cssnt-move), color var(--cssnt-move);background:0 0;border:0;border-radius:20px;font:400 16px/24px Roboto,sans-serif}cssnt-date header button:hover,cssnt-date [data-day]:hover{background:color-mix(in srgb, var(--cssnt-on-surface) 8%, transparent)}cssnt-date header button:focus-visible,cssnt-date [data-day]:focus-visible,cssnt-date header button:active,cssnt-date [data-day]:active{background:color-mix(in srgb, var(--cssnt-on-surface) 10%, transparent)}cssnt-date header [data-dir]{letter-spacing:normal;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;font-family:Material Symbols Outlined;font-size:24px;font-weight:400;line-height:1}cssnt-date header [data-part]{width:auto;color:var(--cssnt-on-surface-variant);letter-spacing:.1px;flex:1;font:500 14px/20px Roboto,sans-serif}cssnt-date header [data-part=year]{flex:none}cssnt-date header [data-part][aria-pressed=true]{color:var(--cssnt-primary)}cssnt-date[range]{width:320px}cssnt-date [data-years],cssnt-date [data-months]{grid-template-columns:repeat(3,1fr);gap:8px;padding:8px 4px 4px;display:grid}cssnt-date [data-years]{grid-template-columns:repeat(3,72px);justify-content:center}cssnt-date [data-year],cssnt-date [data-month]{height:36px;color:var(--cssnt-on-surface-variant);letter-spacing:.5px;cursor:pointer;transition:background var(--cssnt-move), color var(--cssnt-move);background:0 0;border:0;border-radius:18px;font:400 16px/24px Roboto,sans-serif}cssnt-date [data-year]{width:72px}cssnt-date [data-year][aria-pressed=true],cssnt-date [data-month][aria-pressed=true]{background:var(--cssnt-primary);color:var(--cssnt-on-primary)}cssnt-date [data-range]{background:var(--cssnt-secondary-container);color:var(--cssnt-on-secondary-container);border-radius:0}cssnt-date>div>div{grid-template-columns:repeat(7,40px);justify-content:center;display:grid}cssnt-date>div>div>span{height:40px;color:var(--cssnt-on-surface-variant);letter-spacing:.1px;place-items:center;font:500 14px/20px Roboto,sans-serif;display:grid}cssnt-date [data-out]{color:color-mix(in srgb, var(--cssnt-on-surface) 38%, transparent)}cssnt-date [aria-current=date]{box-shadow:inset 0 0 0 1px var(--cssnt-primary)}cssnt-date [data-day][aria-pressed=true],cssnt-date [data-day][aria-pressed=true]:hover,cssnt-date [data-day][aria-pressed=true]:active,cssnt-date [data-day][aria-pressed=true]:focus-visible{background:var(--cssnt-primary);color:var(--cssnt-on-primary);box-shadow:none}cssnt-date[error]{box-shadow:inset 0 -2px 0 var(--cssnt-error)}cssnt-date[error]>span,cssnt-date[error]:after{color:var(--cssnt-error)}cssnt-date[error][variant=outlined]{box-shadow:inset 0 0 0 2px var(--cssnt-error)}cssnt-date[error][variant=outlined]:focus-within,cssnt-date[error][variant=outlined][open]{box-shadow:inset 0 0 0 3px var(--cssnt-error)}cssnt-date[error]:hover:not(:focus-within):not([open])>span,cssnt-date[error]:hover:not(:focus-within):not([open]):after{color:var(--cssnt-on-error-container)}cssnt-date[error]:hover:not(:focus-within):not([open]){box-shadow:inset 0 -2px 0 var(--cssnt-on-error-container)}cssnt-date[error][variant=outlined]:hover:not(:focus-within):not([open]){box-shadow:inset 0 0 0 1px var(--cssnt-on-error-container)}cssnt-date[disabled]{pointer-events:none;color:color-mix(in srgb, var(--cssnt-on-surface) 38%, transparent);background:color-mix(in srgb, var(--cssnt-on-surface) 4%, transparent);box-shadow:inset 0 -1px 0 color-mix(in srgb, var(--cssnt-on-surface) 38%, transparent)}cssnt-date[disabled][variant=outlined]{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--cssnt-on-surface) 12%, transparent);background:0 0}
cssnt-sheet{z-index:23;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--cssnt-move), visibility var(--cssnt-move) allow-discrete;background:#00000052;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}cssnt-sheet[open]{opacity:1;visibility:visible;pointer-events:auto}cssnt-sheet>div{box-sizing:border-box;background:var(--cssnt-surface-container-low);width:100%;max-height:calc(100% - 72px);box-shadow:var(--cssnt-elev-1);color:var(--cssnt-on-surface);transition:translate var(--cssnt-move);border-radius:28px 28px 0 0;flex-direction:column;display:flex;overflow:auto;translate:0 100%}cssnt-sheet[open]>div{translate:0}cssnt-sheet[variant=standard]{opacity:1;visibility:visible;pointer-events:auto;background:0 0;width:min(640px,100%);display:block;position:static;inset:auto}cssnt-sheet[variant=standard]>div{width:100%;max-height:none;translate:0}@media (min-width:641px){cssnt-sheet:not([variant=standard])>div{width:min(640px,100% - 112px);max-height:calc(100% - 56px)}}@starting-style{cssnt-sheet[open]{opacity:0}cssnt-sheet[open]>div{translate:0 100%}}cssnt-sheet>div:before{content:"";background:var(--cssnt-on-surface-variant);border-radius:2px;order:-2;width:32px;height:4px;margin:22px auto}cssnt-sheet>div[headline]:after{content:attr(headline);color:var(--cssnt-on-surface);order:-1;padding:0 16px 12px;font:400 22px/28px Roboto,sans-serif}cssnt-sheet cssnt-item{width:100%}
cssnt-time{box-sizing:border-box;background:var(--cssnt-surface-container-highest);width:240px;height:56px;box-shadow:inset 0 -1px 0 var(--cssnt-on-surface-variant);color:var(--cssnt-on-surface);cursor:pointer;-webkit-user-select:none;user-select:none;transition:box-shadow var(--cssnt-move);border-radius:4px 4px 0 0;outline:none;display:inline-block;position:relative}cssnt-time:hover:not([variant=outlined]):not([open]):not(:focus-within):not([error]){background:color-mix(in srgb, var(--cssnt-on-surface) 8%, var(--cssnt-surface-container-highest));box-shadow:inset 0 -1px 0 var(--cssnt-on-surface)}cssnt-time>span{color:var(--cssnt-on-surface-variant);letter-spacing:.5px;pointer-events:none;white-space:nowrap;transition:top var(--cssnt-move), font-size var(--cssnt-move), line-height var(--cssnt-move), color var(--cssnt-move);font:400 16px/24px Roboto,sans-serif;position:absolute;top:16px;left:16px}cssnt-time>b{letter-spacing:.5px;font:400 16px/24px Roboto,sans-serif;position:absolute;top:24px;left:16px;right:48px}cssnt-time:after{content:"schedule";color:var(--cssnt-on-surface-variant);letter-spacing:normal;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;pointer-events:none;font-family:Material Symbols Outlined;font-size:24px;font-weight:400;line-height:1;position:absolute;top:16px;right:12px}cssnt-time:focus-within>span,cssnt-time[open]>span{font-size:12px;line-height:16px;top:8px}cssnt-time:has(>b:not(:empty))>span{font-size:12px;line-height:16px;top:8px}cssnt-time:focus-within,cssnt-time[open]{box-shadow:inset 0 -2px 0 var(--cssnt-primary)}cssnt-time:focus-within>span,cssnt-time[open]>span{color:var(--cssnt-primary)}cssnt-time[variant=outlined]{box-shadow:inset 0 0 0 1px var(--cssnt-outline);background:0 0;border-radius:4px}cssnt-time[variant=outlined]>b{top:16px}cssnt-time[variant=outlined]:hover:not([open]):not(:focus-within):not([error]){box-shadow:inset 0 0 0 1px var(--cssnt-on-surface)}cssnt-time[variant=outlined]:hover:not([open]):not(:focus-within)>span{color:var(--cssnt-on-surface)}cssnt-time[variant=outlined]:focus-within,cssnt-time[variant=outlined][open]{box-shadow:inset 0 0 0 3px var(--cssnt-primary)}cssnt-time[variant=outlined]:focus-within>span,cssnt-time[variant=outlined][open]>span{background:var(--cssnt-surface);padding:0 4px;top:0;left:12px;translate:0 -50%}cssnt-time[variant=outlined]:has(>b:not(:empty))>span{background:var(--cssnt-surface);padding:0 4px;top:0;left:12px;translate:0 -50%}cssnt-time>div{z-index:12;box-sizing:border-box;background:var(--cssnt-surface-container-high);width:max-content;min-width:328px;box-shadow:var(--cssnt-elev-3);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--cssnt-move), translate var(--cssnt-move), visibility var(--cssnt-move) allow-discrete;border-radius:28px;flex-direction:column;align-items:center;padding:24px;display:flex;position:absolute;top:calc(100% + 4px);left:0;translate:0 -8px}cssnt-time[open]>div{opacity:1;visibility:visible;pointer-events:auto;translate:0}@starting-style{cssnt-time[open]>div{opacity:0;translate:0 -8px}}cssnt-time header{justify-content:center;align-items:center;gap:4px;min-height:80px;display:flex}cssnt-time header>button{background:var(--cssnt-surface-container-highest);width:96px;height:80px;color:var(--cssnt-on-surface);cursor:pointer;transition:background var(--cssnt-move), color var(--cssnt-move);border:0;border-radius:8px;font:400 57px/64px Roboto,sans-serif}cssnt-time header>button:hover{background:color-mix(in srgb, var(--cssnt-on-surface) 8%, var(--cssnt-surface-container-highest))}cssnt-time header>button:focus-visible,cssnt-time header>button:active{background:color-mix(in srgb, var(--cssnt-on-surface) 10%, var(--cssnt-surface-container-highest))}cssnt-time header>button[aria-pressed=true]{background:var(--cssnt-primary-container);color:var(--cssnt-on-primary-container)}cssnt-time header>button[aria-pressed=true]:hover{background:color-mix(in srgb, var(--cssnt-on-primary-container) 8%, var(--cssnt-primary-container))}cssnt-time header>button[aria-pressed=true]:focus-visible,cssnt-time header>button[aria-pressed=true]:active{background:color-mix(in srgb, var(--cssnt-on-primary-container) 10%, var(--cssnt-primary-container))}cssnt-time [data-period]{border:1px solid var(--cssnt-outline);border-radius:8px;flex-direction:column;margin-inline-start:8px;display:flex;overflow:hidden}cssnt-time [data-period] button{min-width:52px;height:40px;color:var(--cssnt-on-surface-variant);letter-spacing:.15px;cursor:pointer;background:0 0;border:0;font:500 16px/24px Roboto,sans-serif}cssnt-time [data-period] button[aria-pressed=true]{background:var(--cssnt-tertiary-container);color:var(--cssnt-on-tertiary-container)}cssnt-time header input{background:var(--cssnt-surface-container-highest);width:96px;height:72px;color:var(--cssnt-on-surface);caret-color:var(--cssnt-primary);text-align:center;-webkit-user-select:text;user-select:text;border:0;border-radius:8px;outline:none;font:400 57px/64px Roboto,sans-serif}cssnt-time header input:focus{background:var(--cssnt-primary-container);color:var(--cssnt-on-primary-container);caret-color:var(--cssnt-on-primary-container)}cssnt-time [data-part=entry]{width:40px;height:40px;color:var(--cssnt-on-surface-variant);letter-spacing:normal;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;cursor:pointer;transition:background var(--cssnt-move);background:0 0;border:0;border-radius:20px;align-self:flex-start;margin-top:8px;font-family:Material Symbols Outlined;font-size:24px;font-weight:400;line-height:1}cssnt-time [data-part=entry]:hover{background:color-mix(in srgb, var(--cssnt-on-surface) 8%, transparent)}cssnt-time header>span{color:var(--cssnt-on-surface-variant);font:400 57px/64px Roboto,sans-serif}cssnt-time [role=dialog]>div{background:var(--cssnt-surface-container-highest);border-radius:50%;width:256px;height:256px;margin:0 auto;position:relative}cssnt-time [role=dialog]>div:before{content:"";z-index:2;background:var(--cssnt-primary);border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;translate:-50% -50%}cssnt-time [role=dialog]>div>span{width:2px;height:var(--arm);background:var(--cssnt-primary);transform-origin:bottom;rotate:var(--arm-turn);transition:rotate var(--cssnt-move), height var(--cssnt-move);position:absolute;bottom:50%;left:calc(50% - 1px)}cssnt-time [role=dialog]>div>span:after{content:"";background:var(--cssnt-primary);border-radius:50%;width:48px;height:48px;position:absolute;top:0;left:50%;translate:-50% -50%}cssnt-time [data-n]{z-index:1;width:40px;height:40px;color:var(--cssnt-on-surface);cursor:pointer;transition:background var(--cssnt-move), color var(--cssnt-move);background:0 0;border:0;border-radius:20px;font:400 16px/24px Roboto,sans-serif;position:absolute}cssnt-time [data-n]:hover{background:color-mix(in srgb, var(--cssnt-on-surface) 8%, transparent)}cssnt-time [data-n]:focus-visible,cssnt-time [data-n]:active{background:color-mix(in srgb, var(--cssnt-on-surface) 10%, transparent)}cssnt-time [data-in]{font-size:12px;line-height:16px}cssnt-time [data-n][aria-pressed=true],cssnt-time [data-n][aria-pressed=true]:hover,cssnt-time [data-n][aria-pressed=true]:active{color:var(--cssnt-on-primary);background:0 0}cssnt-time[error]{box-shadow:inset 0 -2px 0 var(--cssnt-error)}cssnt-time[error]>span,cssnt-time[error]:after{color:var(--cssnt-error)}cssnt-time[error][variant=outlined]{box-shadow:inset 0 0 0 2px var(--cssnt-error)}cssnt-time[error][variant=outlined]:focus-within,cssnt-time[error][variant=outlined][open]{box-shadow:inset 0 0 0 3px var(--cssnt-error)}cssnt-time[error]:hover:not(:focus-within):not([open])>span,cssnt-time[error]:hover:not(:focus-within):not([open]):after{color:var(--cssnt-on-error-container)}cssnt-time[error]:hover:not(:focus-within):not([open]){box-shadow:inset 0 -2px 0 var(--cssnt-on-error-container)}cssnt-time[error][variant=outlined]:hover:not(:focus-within):not([open]){box-shadow:inset 0 0 0 1px var(--cssnt-on-error-container)}cssnt-time[disabled]{pointer-events:none;color:color-mix(in srgb, var(--cssnt-on-surface) 38%, transparent);background:color-mix(in srgb, var(--cssnt-on-surface) 4%, transparent);box-shadow:inset 0 -1px 0 color-mix(in srgb, var(--cssnt-on-surface) 38%, transparent)}cssnt-time[disabled][variant=outlined]{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--cssnt-on-surface) 12%, transparent);background:0 0}
cssnt-banner{box-sizing:border-box;background:var(--cssnt-surface);width:100%;min-height:52px;color:var(--cssnt-on-surface);box-shadow:inset 0 -1px 0 var(--cssnt-outline-variant);letter-spacing:.25px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 8px 8px 16px;font:400 14px/20px Roboto,sans-serif;display:flex}cssnt-banner[icon]:before{content:attr(icon);color:var(--cssnt-on-surface-variant);letter-spacing:normal;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;font-family:Material Symbols Outlined;font-size:24px;font-weight:400;line-height:1}cssnt-banner>cssnt-button:first-of-type{margin-inline-start:auto}
cssnt-side{z-index:21;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--cssnt-move), visibility var(--cssnt-move) allow-discrete;background:#00000052;display:flex;position:fixed;inset:0}cssnt-side[open]{opacity:1;visibility:visible;pointer-events:auto}cssnt-side>div{box-sizing:border-box;background:var(--cssnt-surface-container-low);width:min(400px,100%);height:100%;box-shadow:var(--cssnt-elev-1);color:var(--cssnt-on-surface);transition:translate var(--cssnt-move);grid-template-columns:48px 1fr;align-content:start;margin-inline-start:auto;padding:12px;display:grid;translate:100%}cssnt-side[open]>div{translate:0}cssnt-side[variant=standard]{z-index:auto;background:0 0;width:min(400px,100%);height:auto;display:none;position:static;inset:auto}cssnt-side[variant=standard][open]{opacity:1;visibility:visible;pointer-events:auto;display:block}cssnt-side[variant=standard]>div{width:100%;height:auto;min-height:280px;margin-inline-start:0}cssnt-side[variant=standard][open]>div{translate:0}@starting-style{cssnt-side[open]{opacity:0}cssnt-side[open]>div{translate:100%}}cssnt-side>div>button[data-close]{width:40px;height:40px;color:var(--cssnt-on-surface-variant);letter-spacing:normal;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;cursor:pointer;transition:background var(--cssnt-move);background:0 0;border:0;border-radius:20px;grid-area:1/1;margin:12px 0 0 8px;font-family:Material Symbols Outlined;font-size:24px;font-weight:400;line-height:1}cssnt-side>div>button[data-close]:hover{background:color-mix(in srgb, var(--cssnt-on-surface) 8%, transparent)}cssnt-side>div>button[data-close]:focus-visible{background:color-mix(in srgb, var(--cssnt-on-surface) 10%, transparent)}cssnt-side>div[headline]:before{content:attr(headline);grid-area:1/2;align-self:center;padding:16px 16px 12px 0;font:400 22px/28px Roboto,sans-serif}cssnt-side>div>:not(button){grid-column:1/-1}cssnt-side cssnt-item{width:auto;transition:background var(--cssnt-move)}
cssnt-rail{box-sizing:border-box;background:var(--cssnt-surface);flex-direction:column;align-items:center;gap:4px;width:80px;padding:8px 0;display:flex}cssnt-rail-item{box-sizing:border-box;width:100%;min-width:0;max-width:100%;color:var(--cssnt-on-surface-variant);letter-spacing:.5px;white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer;outline:none;flex-direction:column;align-items:center;gap:4px;padding:4px 0;font:500 12px/16px Roboto,sans-serif;display:flex;position:relative;overflow:hidden}cssnt-rail-item>i>b{z-index:1;font:inherit;font-style:normal;position:relative}cssnt-rail-item>i{z-index:1;isolation:isolate;letter-spacing:normal;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;width:56px;height:32px;transition:background var(--cssnt-move), color var(--cssnt-move), box-shadow var(--cssnt-move);border-radius:16px;justify-content:center;align-items:center;font-family:Material Symbols Outlined;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-flex;position:relative;overflow:hidden}cssnt-rail-item[selected]{color:var(--cssnt-secondary)}cssnt-rail-item[selected]>i{background:var(--cssnt-secondary-container);color:var(--cssnt-on-secondary-container)}cssnt-rail-item:hover>i{box-shadow:inset 0 0 0 32px color-mix(in srgb, currentColor 8%, transparent)}cssnt-rail-item:focus-visible>i,cssnt-rail-item:active>i{box-shadow:inset 0 0 0 32px color-mix(in srgb, currentColor 10%, transparent)}cssnt-rail[variant=modal]{z-index:21;opacity:0;visibility:hidden;pointer-events:none;width:auto;transition:opacity var(--cssnt-move), visibility var(--cssnt-move) allow-discrete;background:#00000052;justify-content:flex-start;align-items:stretch;padding:0;position:fixed;inset:0}cssnt-rail[variant=modal][open]{opacity:1;visibility:visible;pointer-events:auto}cssnt-rail[variant=modal]>div{box-sizing:border-box;background:var(--cssnt-surface-container);width:min(280px,100%);min-width:0;height:100%;box-shadow:var(--cssnt-elev-2);transition:translate var(--cssnt-move);border-radius:0 16px 16px 0;flex-direction:column;align-items:stretch;gap:6px;padding:44px 16px 16px;display:flex;overflow:hidden;translate:-100%}cssnt-rail[variant=modal][open]>div{translate:0}@starting-style{cssnt-rail[variant=modal][open]{opacity:0}cssnt-rail[variant=modal][open]>div{translate:-100%}}cssnt-rail[variant=modal] cssnt-rail-item{letter-spacing:.1px;border-radius:28px;flex-direction:row;justify-content:flex-start;gap:8px;height:56px;padding:0 16px;font:500 14px/20px Roboto,sans-serif;overflow:hidden}cssnt-rail[variant=modal] cssnt-rail-item>i{width:24px;height:24px;color:inherit;box-shadow:none;background:0 0}cssnt-rail[variant=modal] cssnt-rail-item[selected]{background:var(--cssnt-secondary-container);color:var(--cssnt-secondary)}cssnt-rail[variant=modal] cssnt-rail-item[selected]>i{color:var(--cssnt-on-secondary-container)}cssnt-rail[variant=modal] cssnt-rail-item:hover{box-shadow:inset 0 0 0 999px color-mix(in srgb, currentColor 8%, transparent)}cssnt-rail[variant=modal] cssnt-rail-item:focus-visible,cssnt-rail[variant=modal] cssnt-rail-item:active{box-shadow:inset 0 0 0 999px color-mix(in srgb, currentColor 10%, transparent)}cssnt-rail[variant=modal] cssnt-rail-item[selected]:hover{box-shadow:inset 0 0 0 999px color-mix(in srgb, var(--cssnt-on-secondary-container) 8%, transparent)}cssnt-rail[variant=modal] cssnt-rail-item[selected]:focus-visible,cssnt-rail[variant=modal] cssnt-rail-item[selected]:active{box-shadow:inset 0 0 0 999px color-mix(in srgb, var(--cssnt-on-secondary-container) 10%, transparent)}cssnt-rail-item[disabled]{pointer-events:none;color:color-mix(in srgb, var(--cssnt-on-surface) 38%, transparent)}
cssnt-segments{border:1px solid var(--cssnt-outline);border-radius:20px;height:40px;display:inline-flex;overflow:hidden}cssnt-segment{border:0;border-inline-end:1px solid var(--cssnt-outline);height:100%;color:var(--cssnt-on-surface);letter-spacing:.1px;white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer;transition:background var(--cssnt-move), color var(--cssnt-move), box-shadow var(--cssnt-move);background:0 0;outline:none;align-items:center;gap:8px;padding:0 16px;font:500 14px/20px Roboto,sans-serif;display:inline-flex}cssnt-segment:last-child{border-inline-end:0}cssnt-segment[selected]{background:var(--cssnt-secondary-container);color:var(--cssnt-on-secondary-container)}cssnt-segment[selected]:before,cssnt-segment[icon]:before{letter-spacing:normal;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;font-family:Material Symbols Outlined;font-size:18px;font-weight:400;line-height:1}cssnt-segment[selected]:before{content:"check";transition:scale var(--cssnt-move);scale:1}@starting-style{cssnt-segment[selected]:before{scale:0}}cssnt-segment[icon]:before{content:attr(icon);scale:1}cssnt-segment:hover{box-shadow:inset 0 0 0 40px color-mix(in srgb, var(--cssnt-on-surface) 8%, transparent)}cssnt-segment:focus-visible{box-shadow:inset 0 0 0 40px color-mix(in srgb, var(--cssnt-on-surface) 10%, transparent)}cssnt-segment[disabled]{pointer-events:none;color:color-mix(in srgb, var(--cssnt-on-surface) 38%, transparent)}
cssnt-carousel{letter-spacing:.25px;align-items:center;gap:8px;width:100%;font:400 14px/20px Roboto,sans-serif;display:flex}cssnt-carousel>div{scroll-snap-type:x mandatory;scrollbar-width:none;flex:1;gap:8px;min-width:0;padding:4px 8px 12px;scroll-padding-inline:8px;display:flex;overflow:auto}cssnt-carousel>div::-webkit-scrollbar{height:0}cssnt-carousel>div>*{scroll-snap-align:start;flex:none}cssnt-carousel>button{width:40px;height:40px;color:var(--cssnt-on-surface-variant);letter-spacing:normal;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;cursor:pointer;transition:background var(--cssnt-move);background:0 0;border:0;border-radius:20px;flex:none;font-family:Material Symbols Outlined;font-size:24px;font-weight:400;line-height:1}cssnt-carousel>button:hover{background:color-mix(in srgb, var(--cssnt-on-surface) 8%, transparent)}cssnt-carousel>button:focus-visible{background:color-mix(in srgb, var(--cssnt-on-surface) 10%, transparent)}cssnt-carousel>button[disabled]{pointer-events:none;color:color-mix(in srgb, var(--cssnt-on-surface) 38%, transparent)}
cssnt-toolbar{box-sizing:border-box;background:var(--cssnt-surface-container);height:64px;box-shadow:var(--cssnt-elev-3);border-radius:32px;align-items:center;gap:4px;padding:0 8px;display:inline-flex;position:relative}cssnt-toolbar[variant=docked]{width:100%;box-shadow:none;border-radius:0;padding-inline:16px}cssnt-toolbar[variant=docked]>cssnt-fab{margin-inline-start:auto}cssnt-toolbar[vertical]:not([variant=docked]){flex-direction:column;width:64px;height:auto;padding:8px 0}cssnt-toolbar[vibrant]{background:var(--cssnt-primary-container);color:var(--cssnt-on-primary-container)}cssnt-toolbar cssnt-icon-button[toggle][selected]{--container:var(--cssnt-secondary-container);--label:var(--cssnt-on-secondary-container);--state:var(--cssnt-on-secondary-container)}cssnt-toolbar[vibrant] cssnt-icon-button{--label:var(--cssnt-on-primary-container);--state:var(--cssnt-on-primary-container)}cssnt-toolbar[vibrant] cssnt-icon-button[toggle][selected]{--container:var(--cssnt-surface-container);--label:var(--cssnt-on-surface);--state:var(--cssnt-on-surface)}cssnt-toolbar:not([variant=docked]):has(>cssnt-fab){margin-inline-end:64px}cssnt-toolbar:not([variant=docked])>cssnt-fab{z-index:1;inset-inline-end:-64px;--s:56px;--r:16px;--bg:var(--cssnt-secondary-container);--fg:var(--cssnt-on-secondary-container);box-shadow:var(--cssnt-elev-1);margin:0;position:absolute;top:50%;translate:0 -50%}cssnt-toolbar[vibrant]:not([variant=docked])>cssnt-fab{--bg:var(--cssnt-tertiary-container);--fg:var(--cssnt-on-tertiary-container)}cssnt-toolbar[vertical]:not([variant=docked]):has(>cssnt-fab){margin:0 0 64px}cssnt-toolbar[vertical]:not([variant=docked])>cssnt-fab{inset-inline-end:auto;top:calc(100% + 8px);left:50%;translate:-50%}cssnt-toolbar[collapsed]:not([variant=docked]){width:80px;height:80px;box-shadow:none;background:0 0;border-radius:0;margin:0;padding:0}cssnt-toolbar[collapsed]:not([variant=docked])>:not(cssnt-fab){display:none}cssnt-toolbar[collapsed]:not([variant=docked])>cssnt-fab{--s:80px;--r:20px;box-shadow:var(--cssnt-elev-2);position:static;inset:auto;overflow:visible;translate:none}cssnt-toolbar[collapsed]:not([variant=docked])>cssnt-fab[icon]:before{font-size:28px}
cssnt-bottombar{box-sizing:border-box;background:var(--cssnt-surface);width:100%;height:80px;box-shadow:var(--cssnt-elev-2);justify-content:space-evenly;align-items:center;padding:0 8px;display:flex;overflow:visible}cssnt-bottombar>cssnt-fab{box-shadow:none}
cssnt-loading{width:48px;height:48px;color:var(--cssnt-primary);justify-content:center;align-items:center;display:inline-flex}cssnt-loading:before{content:"";background:currentColor;width:36px;height:42px;animation:2.4s ease-in-out infinite cssnt-load}cssnt-loading[variant=contained]{border-radius:var(--cssnt-shape-full);background:var(--cssnt-primary-container);width:38px;height:48px;color:var(--cssnt-on-primary-container);overflow:hidden}cssnt-loading[variant=contained]:before{width:24px;height:34px}@keyframes cssnt-load{0%{border-radius:62% 38% 46% 54%/48% 62% 38% 52%;scale:1}50%{border-radius:38% 62% 58% 42%/64% 36%;scale:.9}to{border-radius:62% 38% 46% 54%/48% 62% 38% 52%;scale:1}}@media (prefers-reduced-motion:reduce){cssnt-loading:before{border-radius:50%;animation:none;scale:1}}
cssnt-split{--h:40px;--inner:var(--cssnt-shape-extra-small);--icon:24px;align-items:stretch;gap:2px;display:inline-flex;position:relative}cssnt-split[size=xs]{--h:32px;--icon:22px}cssnt-split[size=m]{--h:56px;--icon:28px}cssnt-split[size=m]>[data-lead]{font-size:16px;line-height:24px}cssnt-split[size=l]{--h:96px;--inner:var(--cssnt-shape-small);--icon:36px}cssnt-split[size=l]>[data-lead]{letter-spacing:0;font:400 24px/32px Roboto,sans-serif}cssnt-split[size=xl]{--h:136px;--inner:var(--cssnt-shape-medium);--icon:40px}cssnt-split[size=xl]>[data-lead]{letter-spacing:0;font:400 28px/36px Roboto,sans-serif}cssnt-split>button{height:var(--h);background:var(--cssnt-primary);color:var(--cssnt-on-primary);letter-spacing:.1px;cursor:pointer;transition:border-radius var(--cssnt-spring-fast-effects), background var(--cssnt-spring-fast-effects);border:0;font:500 14px/20px Roboto,sans-serif}cssnt-split>[data-lead]{border-start-start-radius:calc(var(--h) / 2);border-start-end-radius:var(--inner);border-end-end-radius:var(--inner);border-end-start-radius:calc(var(--h) / 2);padding:0 16px}cssnt-split>[data-menu]{width:var(--h);font-family:Material Symbols Outlined;font-size:var(--icon);letter-spacing:normal;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;border-start-start-radius:var(--inner);border-start-end-radius:calc(var(--h) / 2);border-end-end-radius:calc(var(--h) / 2);border-end-start-radius:var(--inner);font-weight:400;line-height:1}cssnt-split>[data-lead]:hover,cssnt-split>[data-lead]:active{border-start-end-radius:var(--cssnt-shape-small);border-end-end-radius:var(--cssnt-shape-small)}cssnt-split>[data-menu]:hover,cssnt-split>[data-menu]:active{border-start-start-radius:var(--cssnt-shape-small);border-end-start-radius:var(--cssnt-shape-small)}cssnt-split[open]>button{border-radius:calc(var(--h) / 2)}cssnt-split>div{z-index:12;border-radius:var(--cssnt-shape-medium);background:var(--cssnt-surface-container);min-width:160px;box-shadow:var(--cssnt-elev-2);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--cssnt-move), translate var(--cssnt-move), visibility var(--cssnt-move) allow-discrete;flex-direction:column;padding:8px 0;display:flex;position:absolute;top:calc(100% + 4px);right:0;translate:0 -8px}cssnt-split[open]>div{opacity:1;visibility:visible;pointer-events:auto;translate:0}@starting-style{cssnt-split[open]>div{opacity:0;translate:0 -8px}}cssnt-split[disabled]{pointer-events:none;opacity:.38}
cssnt-fab-menu{--fab:var(--cssnt-primary);--on-fab:var(--cssnt-on-primary);--item:var(--cssnt-primary-container);--on-item:var(--cssnt-on-primary-container);flex-direction:column;align-items:flex-end;display:inline-flex;position:relative}cssnt-fab-menu[variant=secondary]{--fab:var(--cssnt-secondary);--on-fab:var(--cssnt-on-secondary);--item:var(--cssnt-secondary-container);--on-item:var(--cssnt-on-secondary-container)}cssnt-fab-menu[variant=tertiary]{--fab:var(--cssnt-tertiary);--on-fab:var(--cssnt-on-tertiary);--item:var(--cssnt-tertiary-container);--on-item:var(--cssnt-on-tertiary-container)}cssnt-fab-menu>button{border-radius:var(--cssnt-shape-full);cursor:pointer;letter-spacing:.15px;white-space:nowrap;border:0;align-items:center;gap:8px;height:56px;font:500 16px/24px Roboto,sans-serif;display:inline-flex}cssnt-fab-menu>button:not([data-toggle]){inset-inline-end:0;background:var(--item);color:var(--on-item);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--cssnt-spring-fast-spatial), translate var(--cssnt-spring-fast-spatial), visibility var(--cssnt-spring-fast-spatial) allow-discrete;padding:0 24px 0 16px;display:inline-flex;position:absolute;bottom:64px;translate:0 12px}cssnt-fab-menu>button:nth-last-child(3 of button){bottom:124px}cssnt-fab-menu>button:nth-last-child(4 of button){bottom:184px}cssnt-fab-menu>button:nth-last-child(5 of button){bottom:244px}cssnt-fab-menu>button:nth-last-child(6 of button){bottom:304px}cssnt-fab-menu>button:nth-last-child(7 of button){bottom:364px}cssnt-fab-menu>button[icon]:before{content:attr(icon);letter-spacing:normal;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;font-family:Material Symbols Outlined;font-size:24px;font-weight:400;line-height:1}cssnt-fab-menu[open]>button:not([data-toggle]){opacity:1;visibility:visible;pointer-events:auto;translate:0}cssnt-fab-menu>[data-toggle]{background:var(--fab);width:56px;color:var(--on-fab);box-shadow:var(--cssnt-elev-3);letter-spacing:normal;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;order:1;justify-content:center;font-family:Material Symbols Outlined;font-size:20px;font-weight:400;line-height:1}@starting-style{cssnt-fab-menu[open]>button:not([data-toggle]){opacity:0;translate:0 8px}}
cssnt-group{--gap:12px;--inner:var(--cssnt-shape-small);align-items:center;gap:var(--gap);display:inline-flex}cssnt-group:has(>[size=xs]){--gap:18px;--inner:var(--cssnt-shape-extra-small)}:is(cssnt-group:has(>[size=m]),cssnt-group:has(>[size=l]),cssnt-group:has(>[size=xl])){--gap:8px}cssnt-group:has(>[size=l]){--inner:var(--cssnt-shape-large)}cssnt-group:has(>[size=xl]){--inner:var(--cssnt-shape-large-increased)}cssnt-group:not([variant=connected])>:is(cssnt-button,cssnt-icon-button){transition:padding-inline var(--cssnt-spring-fast-spatial), border-radius var(--cssnt-spring-fast-spatial)}cssnt-group:not([variant=connected])>:is(cssnt-button,cssnt-icon-button):is(:active,[selected]){padding-inline:calc(var(--pad,16px) * 1.15);border-radius:var(--radius-press,var(--cssnt-shape-small))}cssnt-group:not([variant=connected])>:is(cssnt-button,cssnt-icon-button):is(:active,[selected])+:is(cssnt-button,cssnt-icon-button){padding-inline:calc(var(--pad,16px) * .85)}cssnt-group:not([variant=connected])>:is(cssnt-button,cssnt-icon-button):has(+:is(cssnt-button,cssnt-icon-button):is(:active,[selected])){padding-inline:calc(var(--pad,16px) * .85)}cssnt-group[variant=connected]{gap:2px}cssnt-group[variant=connected]>:is(cssnt-button,cssnt-icon-button){border-radius:var(--inner);min-width:48px;transition:border-radius var(--cssnt-spring-fast-spatial), background var(--cssnt-spring-fast-effects), color var(--cssnt-spring-fast-effects)}cssnt-group[variant=connected]>:nth-child(1 of :is(cssnt-button,cssnt-icon-button)){border-start-start-radius:var(--radius-round,20px);border-end-start-radius:var(--radius-round,20px)}cssnt-group[variant=connected]>:nth-last-child(1 of :is(cssnt-button,cssnt-icon-button)){border-start-end-radius:var(--radius-round,20px);border-end-end-radius:var(--radius-round,20px)}cssnt-group[variant=connected]>[selected]{--container:var(--cssnt-secondary-container);--label:var(--cssnt-on-secondary-container);--state:var(--cssnt-on-secondary-container)}html[data-design=expressive] cssnt-group[variant=connected]>:is(cssnt-button,cssnt-icon-button){border-radius:var(--inner)}html[data-design=expressive] cssnt-group[variant=connected]>:nth-child(1 of :is(cssnt-button,cssnt-icon-button)){border-start-start-radius:var(--radius-round,20px);border-end-start-radius:var(--radius-round,20px)}html[data-design=expressive] cssnt-group[variant=connected]>:nth-last-child(1 of :is(cssnt-button,cssnt-icon-button)){border-start-end-radius:var(--radius-round,20px);border-end-end-radius:var(--radius-round,20px)}html[data-design=expressive] cssnt-group[variant=connected]:has(>[shape=square])>:nth-child(1 of :is(cssnt-button,cssnt-icon-button)){border-start-start-radius:var(--radius-square,var(--cssnt-shape-medium));border-end-start-radius:var(--radius-square,var(--cssnt-shape-medium))}html[data-design=expressive] cssnt-group[variant=connected]:has(>[shape=square])>:nth-last-child(1 of :is(cssnt-button,cssnt-icon-button)){border-start-end-radius:var(--radius-square,var(--cssnt-shape-medium));border-end-end-radius:var(--radius-square,var(--cssnt-shape-medium))}html[data-design=expressive] cssnt-group[variant=connected]>:is(cssnt-button,cssnt-icon-button):is(:active,[selected]){border-start-start-radius:var(--radius-press,var(--cssnt-shape-small));border-start-end-radius:var(--radius-press,var(--cssnt-shape-small));border-end-end-radius:var(--radius-press,var(--cssnt-shape-small));border-end-start-radius:var(--radius-press,var(--cssnt-shape-small))}html[data-design=expressive] cssnt-group[variant=connected]>:nth-child(1 of :is(cssnt-button,cssnt-icon-button)):is(:active,[selected]){border-start-start-radius:var(--radius-round,20px);border-end-start-radius:var(--radius-round,20px)}html[data-design=expressive] cssnt-group[variant=connected]>:nth-last-child(1 of :is(cssnt-button,cssnt-icon-button)):is(:active,[selected]){border-start-end-radius:var(--radius-round,20px);border-end-end-radius:var(--radius-round,20px)}html[data-design=expressive] cssnt-group[variant=connected]:has(>[shape=square])>:nth-child(1 of :is(cssnt-button,cssnt-icon-button)):is(:active,[selected]){border-start-start-radius:var(--radius-square,var(--cssnt-shape-medium));border-end-start-radius:var(--radius-square,var(--cssnt-shape-medium))}html[data-design=expressive] cssnt-group[variant=connected]:has(>[shape=square])>:nth-last-child(1 of :is(cssnt-button,cssnt-icon-button)):is(:active,[selected]){border-start-end-radius:var(--radius-square,var(--cssnt-shape-medium));border-end-end-radius:var(--radius-square,var(--cssnt-shape-medium))}