soda-material
Version:
A React(>=18) component library that may follow [Material Design 3](https://m3.material.io/components) (a.k.a. Material You)
2 lines (1 loc) • 47.6 kB
CSS
.sd-bottom_app_bar{width:100%;box-sizing:border-box;height:80px;padding:12px 16px 12px 4px;overflow:hidden;background:var(--md-sys-color-surface-container);box-shadow:1px 1px var(--md-sys-elevation-level2) #0003,-1px 1px var(--md-sys-elevation-level2) #0003;display:flex;align-items:center;justify-content:space-between}.sd-bottom_app_bar-buttons{display:flex;gap:.25rem}.sd-bottom_app_bar-fab{user-select:none}.sd-top_app_bar{background:var(--md-sys-color-surface);box-sizing:border-box;width:100%;padding:0 8px;display:flex;flex-direction:column}.sd-top_app_bar-helper{box-sizing:border-box;height:64px;display:flex;gap:1rem;align-items:center;justify-content:space-between}.sd-top_app_bar-leading_navigation_icon{flex-shrink:0;font-size:24px}.sd-top_app_bar-trailing_icon{flex-shrink:0;display:flex;gap:2px;font-size:24px}.sd-top_app_bar-headline{font-size:22px;font-weight:400;color:var(--md-sys-color-on-surface);flex-shrink:1}.sd-top_app_bar[data-sd=small] .sd-top_app_bar-headline{margin-right:auto}.sd-top_app_bar[data-sd=medium]{height:112px}.sd-top_app_bar[data-sd=medium] .sd-top_app_bar-headline{width:100%;padding-left:16px;padding-bottom:24px;font-size:24px;margin-top:auto}.sd-top_app_bar[data-sd=large]{height:152px}.sd-top_app_bar[data-sd=large] .sd-top_app_bar-headline{width:100%;padding-left:16px;padding-bottom:28px;font-size:x-large;margin-top:auto}.sd-badge{display:inline-block;vertical-align:middle;position:relative}.sd-badge-label{position:absolute;background:var(--md-sys-color-error);color:var(--md-sys-color-on-error);pointer-events:none}.sd-badge[data-sd=none] .sd-badge-label{opacity:0}.sd-badge[data-sd=small] .sd-badge-label{left:calc(50% + 6px);top:calc(50% - 12px);display:inline-block;width:6px;height:6px;border-radius:6px}.sd-badge[data-sd=large] .sd-badge-label{left:50%;top:calc(50% - 16px);display:inline-block;width:max-content;padding:0 4px;height:16px;line-height:16px;border-radius:16px;font-size:11px;font-weight:lighter}button.sd-button{border:none}.sd-button{display:inline-block;overflow:hidden;vertical-align:middle;text-align:center;font-weight:500;line-height:20px;font-size:14px;height:40px;min-width:56px;border-radius:40px;padding:.5rem 1.25rem;cursor:pointer;transition:all .2s;-webkit-tap-highlight-color:transparent}.sd-button svg{height:20px;display:inline;vertical-align:text-bottom}.sd-button[disabled],.sd-button[data-sd-disabled=true]{color:var(--md-sys-color-on-surface);opacity:.38;pointer-events:none}.sd-button-elevated{background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-primary);box-shadow:1px 1px var(--md-sys-elevation-level1) #0000001a,-1px 1px var(--md-sys-elevation-level1) #0000001a}.sd-button-elevated:hover{opacity:.8;color:var(--md-sys-color-primary);box-shadow:1px 1px var(--md-sys-elevation-level2) #0003,-1px 1px var(--md-sys-elevation-level2) #0003}.sd-button-elevated:active{opacity:unset;filter:brightness(95%)}.sd-button-elevated:focus-visible{outline:none;opacity:unset;filter:brightness(90%)}.sd-button-filled{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.sd-button-filled:hover{box-shadow:1px 1px var(--md-sys-elevation-level1) #0000001a,-1px 1px var(--md-sys-elevation-level1) #0000001a}.sd-button-filled:active{box-shadow:unset;filter:contrast(120%)}.sd-button-filled:focus-visible{outline:none;box-shadow:unset;filter:contrast(110%)}.sd-button-outlined{color:var(--md-sys-color-primary);background:var(--md-sys-color-surface);outline:var(--md-sys-color-outline) 1px solid}.sd-button-outlined:hover{filter:brightness(96%)}.sd-button-outlined:active{filter:brightness(92%)}.sd-button-outlined:focus-visible{filter:brightness(88%)}.sd-button-tonal{color:var(--md-sys-color-on-secondary-container);background:var(--md-sys-color-secondary-container)}.sd-button-tonal:hover{box-shadow:1px 1px var(--md-sys-elevation-level1) #0000001a,-1px 1px var(--md-sys-elevation-level1) #0000001a;filter:brightness(96%)}.sd-button-tonal:active{filter:brightness(92%)}.sd-button-tonal:focus-visible{outline:none;filter:brightness(88%)}.sd-button-text{color:var(--md-sys-color-primary);background-color:transparent}.sd-button-text:hover{background:#0000000a}.sd-button-text:active{background:#00000014}.sd-button-text:focus-visible{outline:none;background:#0000001f}.sd-card{border-radius:12px;transition:all .2s;overflow:hidden}.sd-card-elevated{background:var(--md-sys-color-surface-container-low);box-shadow:1px 1px var(--md-sys-elevation-level1) #0000001a,-1px 1px var(--md-sys-elevation-level1) #0000001a}.sd-card-elevated:hover{box-shadow:1px 1px var(--md-sys-elevation-level2) #0003,-1px 1px var(--md-sys-elevation-level2) #0003}.sd-card-filled{background:var(--md-sys-color-surface-container-highest)}.sd-card-filled:hover{box-shadow:1px 1px var(--md-sys-elevation-level1) #0000001a,-1px 1px var(--md-sys-elevation-level1) #0000001a}.sd-card-outlined{background:var(--md-sys-color-surface);outline:var(--md-sys-color-outline) 1px solid}.sd-carousel{display:flex;gap:8px;padding:8px 16px;flex-wrap:nowrap;align-items:stretch;overflow:hidden;height:12rem;-webkit-tap-highlight-color:transparent;user-select:none}.sd-carousel-item{flex:0;transition:all .4s;overflow:hidden;border-radius:2rem;position:relative}.sd-carousel-value,.sd-carousel-value *{display:inline-block;width:100%;height:100%;object-fit:cover;transition:all .2s}.sd-carousel-item:hover>.sd-carousel-value{transform:scale(1.02)}.sd-carousel-scrim{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent,transparent 60%,rgba(0,0,0,.4));color:#fff;overflow:hidden}.sd-carousel-label{position:absolute;bottom:0;left:0;padding:1rem;text-wrap:nowrap}.sd-checkbox{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .2s;position:relative;vertical-align:middle;display:inline-flex;align-items:center;justify-content:center}.sd-checkbox-icon{display:inline-block;box-sizing:border-box;width:18px;height:18px;border-radius:2px;border:2px solid var(--md-sys-color-outline);color:var(--md-sys-color-surface-container-highest)}.sd-checkbox:active .sd-checkbox-icon{border:2px solid var(--md-sys-color-primary)}.sd-checkbox-ripple{position:absolute;overflow:hidden;left:50%;top:50%;transform:translate(-50%,-50%);width:40px;height:40px;clip-path:circle(50%);border-radius:50%;transition:all .2s}.sd-checkbox-ripple:hover{background:#0000001a}.sd-checkbox-ripple>*{display:block;height:100%}.sd-checkbox:focus-visible{outline:none}.sd-checkbox:focus-visible .sd-checkbox-ripple{background:#0000001f}.sd-checkbox[data-sd-checked=true] .sd-checkbox-icon{background:var(--md-sys-color-primary);border:2px solid var(--md-sys-color-primary)}.sd-checkbox[data-sd-checked=true][data-sd-error=true] .sd-checkbox-icon{background:var(--md-sys-color-error);border:2px solid var(--md-sys-color-error)}.sd-checkbox[data-sd-disabled=true]{pointer-events:none;filter:grayscale(98%) opacity(40%)}.sd-chip{display:inline-flex;align-items:center;border-radius:.5rem;cursor:pointer;overflow:hidden;-webkit-tap-highlight-color:transparent;transition:all .2s}.sd-chip:has(.sd-chip-leading_icon){padding-left:.25rem;padding-right:.5rem}.sd-chip:has(.sd-chip-trailing_icon){padding-right:.5rem}.sd-chip .sd-chip-label_text{flex-shrink:0;margin:.25rem .5rem}.sd-chip .sd-chip-leading_icon,.sd-chip .sd-chip-trailing_icon{flex-shrink:0;color:var(--md-sys-color-primary);width:1rem;height:1rem;line-height:1rem;text-align:center;border-radius:1rem}.sd-chip-outlined{border:1.25px solid var(--md-sys-color-outline)}.sd-chip-outlined[data-sd-disabled=true]{filter:grayscale(98%) opacity(40%)}.sd-chip-outlined[data-sd-disabled=false]:hover{background:#0000000a}.sd-chip-outlined[data-sd-disabled=false]:active{background:#00000014}.sd-chip-tonal{border:1.25px solid var(--md-sys-color-surface-container-high);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface)}.sd-chip-tonal[data-sd-disabled=true]{filter:grayscale(98%) opacity(60%)}.sd-chip-tonal[data-sd-disabled=false]:hover{filter:brightness(96%)}.sd-chip-tonal[data-sd-disabled=false]:active{filter:brightness(92%)}.sd-date_picker{display:flex;flex-direction:column;width:min(360px,100%);align-items:stretch;position:relative}.sd-date_picker-docked{position:absolute;z-index:2;background:var(--md-sys-color-surface-container-high);border-radius:2rem;padding:0 4px;width:100%;overflow:hidden}.sd-date_picker-docked_header{display:flex;align-items:center;justify-content:space-between;overflow:hidden;margin-top:20px}.sd-date_picker-docked_body{margin-top:10px;overflow:hidden}.sd-date_picker-docked_footer{display:flex;align-items:center;justify-content:flex-end;margin-bottom:12px}@keyframes sd-fade-in{0%{opacity:0}}@keyframes sd-fade-out{to{opacity:0}}.sd-vt-slide_right_to_left{view-transition-name:sd-vt-slide_right_to_left}@keyframes sd-slide-to-left{to{transform:translate(-30px)}}@keyframes sd-slide-from-right{0%{transform:translate(30px)}}::view-transition-old(sd-vt-slide_right_to_left){animation:90ms cubic-bezier(.4,0,1,1) both sd-fade-out,.3s cubic-bezier(.4,0,.2,1) both sd-slide-to-left}::view-transition-new(sd-vt-slide_right_to_left){animation:.21s cubic-bezier(0,0,.2,1) 90ms both sd-fade-in,.3s cubic-bezier(.4,0,.2,1) both sd-slide-from-right}.sd-vt-slide_left_to_right{view-transition-name:sd-vt-slide_left_to_right}@keyframes sd-slide-to-right{to{transform:translate(30px)}}@keyframes sd-slide-from-left{0%{transform:translate(-30px)}}::view-transition-old(sd-vt-slide_left_to_right){animation:90ms cubic-bezier(.4,0,1,1) both sd-fade-out,.3s cubic-bezier(.4,0,.2,1) both sd-slide-to-right}::view-transition-new(sd-vt-slide_left_to_right){animation:.21s cubic-bezier(0,0,.2,1) 90ms both sd-fade-in,.3s cubic-bezier(.4,0,.2,1) both sd-slide-from-left}.sd-text_field{box-sizing:border-box;min-width:200px;display:inline-flex;align-items:center;background:var(--md-sys-color-surface-container-highest);cursor:text;border-top-left-radius:.25rem;border-top-right-radius:.25rem;padding:.75rem;transition:filter .2s,border .2s;position:relative}.sd-text_field:hover{filter:brightness(96%)}.sd-text_field:active{filter:brightness(92%)}.sd-text_field-leading_icon,.sd-text_field-trailing_icon{flex-shrink:0;transform:translateY(1px);font-size:20px}.sd-text_field-leading_icon svg,.sd-text_field-trailing_icon svg{width:20px}.sd-text_field-leading_icon{margin-right:.5rem}.sd-text_field-trailing_icon{margin-left:.5rem}.sd-text_field-active_indicator{position:absolute;left:0;bottom:0;height:2px;width:100%;display:block}.sd-text_field-active_indicator:before,.sd-text_field-active_indicator:after{content:"";display:block;height:1px}.sd-text_field:has(.sd-text_field-supporting_text){margin-bottom:18px}.sd-text_field-supporting_text{font-size:12px;position:absolute;color:var(--md-sys-color-on-surface-variant);font-size:small;left:0;bottom:-18px;text-wrap:nowrap;padding:0 8px;box-sizing:border-box;width:100%}.sd-text_field input{all:unset;max-width:100%}.sd-text_field textarea{all:unset;display:inline-block;resize:both;flex-grow:1;border:none;outline:none;padding:0;font-family:unset;background:transparent;box-sizing:border-box;min-width:100%;min-height:100%;font-size:15px;scrollbar-gutter:stable;word-break:break-all;text-wrap:wrap}.sd-text_field:has(textarea){align-items:flex-start}.sd-text_field[data-sd=outlined]{border:2px solid var(--md-sys-color-outline);background:transparent;border-radius:.25rem}.sd-text_field[data-sd=outlined] .sd-text_field-leading_icon{margin-right:1rem;width:1rem}.sd-text_field[data-sd=outlined]:has(.sd-text_field-leading_icon) .sd-text_field-label_text{left:2.5rem}.sd-text_field[data-sd=outlined] .sd-text_field-label_text{position:absolute;transition:all .2s;left:8px;top:16px;color:var(--md-sys-color-on-surface-variant)}.sd-text_field[data-sd=outlined][data-sd-label_text=populated] .sd-text_field-label_text{left:8px;top:-8px;background:#fff;font-size:12px;padding:0 4px}.sd-text_field[data-sd=outlined][data-sd-focus=true]{border:2px solid var(--md-sys-color-primary)}.sd-text_field[data-sd=outlined][data-sd-focus=true] .sd-text_field-label_text{color:var(--md-sys-color-primary)}.sd-text_field[data-sd=outlined]:hover,.sd-text_field[data-sd=outlined]:active{filter:none}.sd-text_field[data-sd=outlined] input{width:0;max-width:100%;flex-grow:1}.sd-text_field[data-sd=filled] .sd-text_field-filled_helper{position:relative;width:100%;height:28px}.sd-text_field[data-sd=filled] .sd-text_field-filled_helper .sd-text_field-label_text{display:block;width:fit-content;position:absolute;transition:all .2s;text-wrap:nowrap;user-select:none;pointer-events:none}.sd-text_field[data-sd=filled] .sd-text_field-filled_helper input{position:absolute}.sd-text_field[data-sd=filled] textarea{margin-top:.75rem}.sd-text_field[data-sd-label_text=empty] .sd-text_field-filled_helper .sd-text_field-label_text{top:50%;transform:translateY(-50%);line-height:16px;font-size:16px;color:var(--md-sys-color-on-surface-variant)}.sd-text_field[data-sd-label_text=empty] .sd-text_field-filled_helper input{left:-.5rem;top:-.75rem;width:calc(100% + 1rem);height:calc(100% + 1.5rem)}.sd-text_field[data-sd-label_text=empty] .sd-text_field-active_indicator:before{background:var(--md-sys-color-on-surface-variant)}.sd-text_field[data-sd-label_text=empty] .sd-text_field-active_indicator:after{background:transparent}.sd-text_field[data-sd-label_text=populated] .sd-text_field-filled_helper .sd-text_field-label_text{top:-3.2px;line-height:12px;font-size:12px;color:var(--md-sys-color-primary)}.sd-text_field[data-sd-label_text=populated] .sd-text_field-filled_helper input{top:12px}.sd-text_field[data-sd-label_text=populated] .sd-text_field-active_indicator:before,.sd-text_field[data-sd-label_text=populated] .sd-text_field-active_indicator:after{background:var(--md-sys-color-primary)}.sd-text_field[data-sd-disabled=true]{filter:grayscale(100%);opacity:.3;cursor:not-allowed}.sd-text_field[data-sd-error=true] .sd-text_field-filled_helper .sd-text_field-label_text{color:var(--md-sys-color-error)}.sd-text_field[data-sd-error=true] .sd-text_field-active_indicator:before,.sd-text_field[data-sd-error=true] .sd-text_field-active_indicator:after{background:var(--md-sys-color-error)}.sd-text_field[data-sd-error=true] .sd-text_field-supporting_text{color:var(--md-sys-color-error)}button.sd-icon_button{border:none;outline:none}.sd-icon_button{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:40px;height:40px;border-radius:40px;cursor:pointer;overflow:hidden;transition:all .2s;-webkit-tap-highlight-color:transparent}.sd-icon_button-icon{vertical-align:middle;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;line-height:24px;text-align:center;font-weight:500}.sd-icon_button[disabled],.sd-icon_button[data-sd-disabled=true]{color:var(--md-sys-color-on-surface);opacity:.38;pointer-events:none}.sd-icon_button-filled{color:var(--md-sys-color-on-primary);background:var(--md-sys-color-primary)}.sd-icon_button-filled[data-sd-selected=false]{color:var(--md-sys-color-primary);background:var(--md-sys-color-surface-container-highest)}.sd-icon_button-tonal{color:var(--md-sys-color-on-secondary-container);background:var(--md-sys-color-secondary-container)}.sd-icon_button-tonal[data-sd-selected=false]{color:var(--md-sys-color-on-surface-variant);background:var(--md-sys-color-surface-container-highest)}.sd-icon_button-outlined{outline:var(--md-sys-color-outline) 1px solid;color:var(--md-sys-color-on-inverse-surface);background:inherit}.sd-icon_button-outlined[data-sd-selected=false]{color:var(--md-sys-color-surface-variant);background:var(--md-sys-color-outline)}.sd-icon_button-standard{color:var(--md-sys-color-on-surface-variant);background:inherit}.sd-icon_button-standard[data-sd-selected=true]{color:var(--md-sys-color-primary)}.sd-icon_button-outlined:hover,.sd-icon_button-standard:hover{background:#0000000a}.sd-icon_button-outlined:active,.sd-icon_button-standard:active{background:#00000014}.sd-icon_button-outlined:focus-visible,.sd-icon_button-standard:focus-visible{background:#0000001f}.sd-icon_button-tonal:hover,.sd-icon_button-filled:hover{filter:brightness(96%)}.sd-icon_button-tonal:active,.sd-icon_button-filled:active{filter:brightness(92%)}.sd-icon_button-tonal:focus-visible,.sd-icon_button-filled:focus-visible{filter:brightness(88%)}.sd-menu{all:unset;background:var(--md-sys-color-surface-container);box-shadow:1px 1px var(--md-sys-elevation-level2) #0003,-1px 1px var(--md-sys-elevation-level2) #0003;width:max-content;border-radius:4px;box-sizing:border-box;max-width:280px;padding:4px 0;display:inline-flex;flex-direction:column}.sd-menu_item{-webkit-tap-highlight-color:transparent;user-select:none;overflow:hidden;cursor:pointer;box-sizing:border-box;height:48px;padding:0 12px;display:flex;align-items:center;gap:12px;transition:all .2s}.sd-menu_item-leading_icon{width:24px;color:var(--md-sys-color-on-surface-variant);vertical-align:middle;display:inline-flex;align-items:center;justify-content:center}.sd-menu_item-supporting_text{flex-shrink:1;color:var(--md-sys-color-on-surface);min-width:112px;font-size:14px;font-weight:500}.sd-menu_item-trailing_icon{margin-left:auto;width:24px;color:var(--md-sys-color-on-surface-variant);vertical-align:middle;display:inline-flex;align-items:center;justify-content:center}.sd-menu_item-trailing_text{margin-left:auto;color:var(--md-sys-color-on-surface-variant);font-size:small}.sd-menu_item:hover{background:#0000000a}.sd-menu_item:active{background:#00000014}.sd-menu_item:focus{outline:none;background:#0000001f}.sd-menu_item[data-sd-disabled=true]{pointer-events:none;filter:grayscale(98%) opacity(40%)}.sd-dialog{border:none;background:var(--md-sys-color-surface-container-high);box-shadow:1px 1px var(--md-sys-elevation-level3) #0003,-1px 1px var(--md-sys-elevation-level3) #0003;width:fit-content;height:fit-content;border-radius:28px;min-width:280px;max-width:min(560px,100vw);max-height:100vh;display:flex;flex-direction:column}.sd-dialog-headline{margin:1.5rem 1.5rem 1rem;font-size:x-large}.sd-dialog-body{color:var(--md-sys-color-on-surface-variant)}.sd-dialog-buttons{margin:1.5rem;text-align:right}.sd-dialog-fullscreen{width:100vw;height:100vh;background:var(--md-sys-color-surface-container-high);overflow:auto;display:flex;flex-direction:column}.sd-dialog-fullscreen-header{height:56px;margin:0 1.5rem;display:flex;align-items:center;justify-content:space-between}.sd-dialog-fullscreen-close{cursor:pointer;flex-shrink:0}.sd-dialog-fullscreen-headline{flex-shrink:1;margin:0 1rem;line-height:28px;font-size:22px;margin-right:auto;text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis}.sd-dialog-fullscreen-body{margin:1.5rem;flex:1;overflow-y:auto}.sd-dialog-fullscreen-footer{margin-top:auto}.sd-dialog-fullscreen-footer_content{margin:4px 12px 10px}.sd-divider{all:unset;display:inline-block;vertical-align:middle;background:var(--md-sys-color-outline-variant)}.sd-divider[data-sd-direction=horizontal]{width:100%;height:1px}.sd-divider[data-sd-direction=vertical]{width:1px}.sd-divider-full[data-sd-direction=horizontal]{margin-top:8px;margin-bottom:8px}.sd-divider-full[data-sd-direction=vertical]{margin-left:8px;margin-right:8px}.sd-divider-inset{margin:8px 16px}button.sd-fab{border:none}.sd-fab{width:56px;height:56px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;cursor:pointer;overflow:hidden;-webkit-tap-highlight-color:transparent;transition:all .2s;font-size:inherit}.sd-fab:hover{filter:brightness(96%)}.sd-fab:active{filter:brightness(92%)}.sd-fab:focus-visible{outline:none;filter:brightness(88%)}.sd-fab-icon{display:inline-block;width:24px;height:24px;font-size:24px;line-height:24px;color:currentColor;text-align:center}.sd-fab[data-sd-size=small]{width:40px;height:40px;border-radius:12px}.sd-fab[data-sd-size=small] .sd-fab-icon{display:inline-block;width:36;height:36;font-size:24px;line-height:24px}.sd-fab[data-sd-size=large]{width:96px;height:96px;border-radius:28px}.sd-fab[data-sd-size=large] .sd-fab-icon{display:inline-block;width:36;height:36;font-size:24px;line-height:24px}.sd-fab[data-sd=surface]{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-primary)}.sd-fab[data-sd=secondary]{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.sd-fab[data-sd=tertiary]{background:var(--md-sys-color-tertiary);color:var(--md-sys-color-on-tertiary-container)}.sd-fab[data-sd-extended=true]{width:max-content;padding:0 1rem}.sd-fab[data-sd-extended=true] .sd-fab-icon{width:max-content;font-size:85%;font-weight:700;display:inline-flex;gap:.5rem;flex-wrap:nowrap;justify-content:space-between}.sd-fab[data-sd-disabled=true]{pointer-events:none;filter:grayscale(98%) opacity(40%)}.sd-list{background:var(--md-sys-color-surface);display:flex;align-items:center;cursor:pointer;overflow:hidden;-webkit-tap-highlight-color:transparent;transition:all .2s}.sd-list[data-sd-lines="3"]{align-items:flex-start}.sd-list:hover{filter:brightness(96%);cursor:pointer}.sd-list:active{filter:brightness(92%)}.sd-list[disabled]{color:var(--md-sys-color-on-surface);opacity:.38;pointer-events:none}.sd-list-helper{margin:.75rem 1rem;display:flex;align-self:center;flex-shrink:1;flex-grow:1;flex-direction:column;word-break:break-all}.sd-list-helper .sd-list-headline{text-wrap:nowrap}.sd-list-helper .sd-list-supporting_text{color:var(--md-sys-color-on-surface-variant);font-size:smaller;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.sd-list:has(.sd-list-leading_avatar_label_text),.sd-list:has(.sd-list-leading_icon){padding-left:1rem}.sd-list:has(.sd-list-trailing_icon),.sd-list:has(.sd-list-trailing_supporting_text){padding-right:1.5rem}.sd-list-trailing_supporting_text{justify-self:flex-end;flex-shrink:0;color:var(--md-sys-color-on-surface-variant);font-size:xx-small;margin:.75rem 0}.sd-list-trailing_icon{justify-self:flex-end;flex-shrink:0;margin:.75rem 0}.sd-list-leading_avatar_label_text{justify-self:flex-start;flex-shrink:0;background:var(--md-sys-color-primary-container);font-size:1rem;--size: 2rem;box-sizing:border-box;line-height:var(--size);width:var(--size);height:var(--size);border-radius:var(--size);text-align:center;margin:.75rem 0}.sd-list-leading_icon{justify-self:flex-start;flex-shrink:0;margin:.75rem 0}.sd-list-leading_video_thumbnail{justify-self:flex-start;flex-shrink:0}.sd-list[data-sd-disabled=true]{pointer-events:none;filter:grayscale(98%) opacity(40%)}.sd-navigation_bar{padding-top:12px;padding-bottom:16px;display:flex;align-items:flex-start;justify-content:space-around;gap:4px;background:var(--md-sys-color-surface-container)}.sd-navigation_rail{box-sizing:border-box;width:80px;height:100%;background:var(--md-sys-color-surface);display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:64px}.sd-navigation_rail-fab{flex-shrink:0}.sd-navigation_rail-items{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.sd-navigation_helper{display:flex;flex-direction:column;gap:4px;align-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .2s;text-align:center}.sd-navigation_helper .sd-navigation_helper-icon{display:inline-block;transition:all .2s;border-radius:4rem}.sd-navigation_helper .sd-navigation_helper-label_text{transition:all .2s;font-size:x-small;display:inline;width:100%;height:100%;font-weight:500}.sd-navigation_helper[data-sd-active=false] .sd-navigation_helper-icon,.sd-navigation_helper[data-sd-active=false] .sd-navigation_helper-icon *,.sd-navigation_helper[data-sd-active=false] .sd-navigation_helper-label_text,.sd-navigation_helper[data-sd-active=false] .sd-navigation_helper-label_text *{color:var(--md-sys-color-on-surface-variant)}.sd-navigation_helper[data-sd-active=true] .sd-navigation_helper-icon,.sd-navigation_helper[data-sd-active=true] .sd-navigation_helper-icon *,.sd-navigation_helper[data-sd-active=true] .sd-navigation_helper-label_text,.sd-navigation_helper[data-sd-active=true] .sd-navigation_helper-label_text *{color:var(--md-sys-color-on-surface)}.sd-navigation_helper-active_indicator{display:flex;align-items:center;justify-content:center;display:flex;flex-shrink:0;box-sizing:border-box;width:64px;height:32px;border-radius:40px;-webkit-tap-highlight-color:transparent;overflow:hidden;transition:all .2s}.sd-navigation_helper-active_indicator svg{height:18px;vertical-align:middle}.sd-navigation_helper[data-sd-hover=true] .sd-navigation_helper-active_indicator{background:#0000000a}.sd-navigation_helper[data-sd-active=true] .sd-navigation_helper-active_indicator{background:var(--md-sys-color-secondary-container);animation:sd-navigation_helper-active_indicator .1s ease-out}@keyframes sd-navigation_helper-active_indicator{0%{clip-path:circle(16px)}to{clip-path:circle(32px)}}.sd-linear_progress_indicator{display:inline-block;vertical-align:middle;height:4px;min-width:5rem;width:100%;background:var(--md-sys-color-surface-container-highest)}.sd-linear_progress_indicator-track{height:4px;background:var(--md-sys-color-primary)}.sd-linear_progress_indicator[data-sd=determinate] .sd-linear_progress_indicator-track{transition:width .2s linear}.sd-linear_progress_indicator[data-sd=undeterminate]{overflow:hidden}.sd-linear_progress_indicator[data-sd=undeterminate] .sd-linear_progress_indicator-track{width:50%;animation:sd-linear_progress_indicator-undeterminate 2.1s cubic-bezier(.65,.815,.735,.395) 0s infinite}@keyframes sd-linear_progress_indicator-undeterminate{0%{transform:translate(-100%)}to{transform:translate(200%)}}.sd-circular_progress_indicator{display:inline-block;vertical-align:middle;--size: 36px;width:var(--size);height:var(--size);overflow:hidden;border-radius:50%;background:conic-gradient(var(--md-sys-color-primary),var(--md-sys-color-primary) var(--value, 75%),transparent var(--value, 75%));--mask: radial-gradient( closest-side, transparent 78.5%, var(--md-sys-color-primary) 82.5% );-webkit-mask-image:var(--mask);mask-image:var(--mask)}.sd-circular_progress_indicator[data-sd=determinate] .sd-linear_progress_indicator-track{transition:all .2s linear}.sd-circular_progress_indicator[data-sd=undeterminate]{animation:sd-circular_progress_indicator-undeterminate 1.05s cubic-bezier(.65,.815,.735,.395) 0s infinite}@keyframes sd-circular_progress_indicator-undeterminate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sd-radio_button{display:inline-block;vertical-align:middle;cursor:pointer;-webkit-tap-highlight-color:transparent}.sd-radio_button-box{box-sizing:border-box;width:18px;height:18px;border-radius:18px;display:inline-block;vertical-align:middle;transition:all .2s;position:relative}.sd-radio_button-box:before{transition:all .2s;content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:inline-block;width:18px;height:18px;border-radius:18px;box-sizing:border-box}.sd-radio_button-box:after{transition:all .2s;content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-sizing:border-box;display:inline-block;width:10px;height:10px;border-radius:10px}.sd-radio_button-ripple{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden;box-sizing:border-box;display:inline-block;width:36px;height:36px;border-radius:36px;clip-path:circle(50%);transition:all .2s}.sd-radio_button-ripple>*{display:block;height:100%}.sd-radio_button:hover .sd-radio_button-ripple{background:#0000001a}.sd-radio_button:active .sd-radio_button-box:before{border:2px solid var(--md-sys-color-primary)}.sd-radio_button:focus-visible{outline:none}.sd-radio_button:focus-visible .sd-radio_button-ripple{background:#0000001f}.sd-radio_button-box:before{border:2px solid var(--md-sys-color-on-surface-variant)}.sd-radio_button[data-sd-checked=true] .sd-radio_button-box:before{border:2px solid var(--md-sys-color-primary)}.sd-radio_button[data-sd-checked=true] .sd-radio_button-box:after{background:var(--md-sys-color-primary)}.sd-radio_button[data-sd-disabled=true]{pointer-events:none;filter:grayscale(98%) opacity(40%)}.sd-radio_button-label{display:inline-block;vertical-align:middle;font-weight:400;user-select:none}.sd-radio_button-label:not(:empty){padding:0 8px}.sd-search{background:var(--md-sys-color-surface-container-high);display:inline-flex;vertical-align:middle;align-items:center;text-wrap:nowrap;max-width:100%}.sd-search-leading_icon{margin-left:.5rem}.sd-search-trailing_icon{margin-right:.5rem}.sd-search-leading_icon,.sd-search-trailing_icon{flex-shrink:0;display:flex;align-items:center;flex-wrap:nowrap;gap:.5rem}.sd-search-supporting_text{all:unset;height:100%;margin:1rem;flex-shrink:1;min-width:0;color:var(--md-sys-color-on-surface)}.sd-search-supporting_text::placeholder{color:var(--md-sys-color-on-surface-variant);font-size:1rem}.sd-search[data-sd=bar]{border-radius:2rem}.sd-search[data-sd=view]{border-radius:0;border-bottom:1px solid var(--md-sys-color-outline)}.sd-segmented_button{display:inline-flex;align-items:center;--density: 0;--height: calc(var(--density) * 4px + 40px)}.sd-segmented_button .sd-segmented_button-item{overflow:hidden;height:var(--height);padding:0 12px;cursor:pointer;border-right:solid 1px var(--md-sys-color-outline);border-top:solid 1px var(--md-sys-color-outline);border-bottom:solid 1px var(--md-sys-color-outline);user-select:none;font-size:13px;line-height:18px;color:var(--md-sys-color-on-surface);display:inline-flex;align-items:center;-webkit-tap-highlight-color:transparent;transition:all .2s}.sd-segmented_button .sd-segmented_button-item:first-child{border-left:solid 1px var(--md-sys-color-outline);border-top-left-radius:var(--height);border-bottom-left-radius:var(--height)}.sd-segmented_button .sd-segmented_button-item:last-child{border-right:solid 1px var(--md-sys-color-outline);border-top-right-radius:var(--height);border-bottom-right-radius:var(--height)}.sd-segmented_button .sd-segmented_button-item svg{width:16px;vertical-align:text-bottom}.sd-segmented_button .sd-segmented_button-item[data-sd-active=true]{color:var(--md-sys-color-on-secondary-container);background:var(--md-sys-color-secondary-container)}.sd-segmented_button .sd-segmented_button-item[data-sd-active=true]:hover{filter:brightness(96%)}.sd-segmented_button .sd-segmented_button-item[data-sd-active=true]:active{filter:brightness(92%)}.sd-segmented_button .sd-segmented_button-item[data-sd-active=false]:hover{background:#0000000a}.sd-segmented_button .sd-segmented_button-item[data-sd-active=false]:active{background:#00000014}.sd-segmented_button .sd-segmented_button-item[data-sd-active=false]:focus-visible{outline:none;background:#0000001f}.sd-segmented_button .sd-segmented_button-item[data-sd-disabled=true]{pointer-events:none;opacity:.38;border-right:none}.sd-segmented_button .sd-segmented_button-item[data-sd-disabled=true]~.sd-segmented_button-item{border-left:solid 1px var(--md-sys-color-outline)}.sd-segmented_button .sd-segmented_button-item .sd-segmented_button-label{font-weight:700}.sd-bottom_sheet-scrim{position:fixed;left:0;top:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;overflow:hidden;pointer-events:none}.sd-bottom_sheet{pointer-events:auto;background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface-variant);box-shadow:1px 1px var(--md-sys-elevation-level1) #0000001a,-1px 1px var(--md-sys-elevation-level1) #0000001a;border-top-left-radius:1rem;border-top-right-radius:1rem;margin-top:4px;width:640px;max-width:100%;min-height:1rem;overflow:hidden;touch-action:none;user-select:none}.sd-bottom_sheet-drag_handle{cursor:grab;width:100%;display:flex;align-items:center;justify-content:center}.sd-bottom_sheet-drag_handle:after{content:"";background:var(--md-sys-color-on-surface-variant);width:32px;height:4px;margin:8px;border-radius:2px;filter:opacity(40%)}.sd-side_sheet-scrim{pointer-events:none;position:fixed;left:0;top:0;width:100%;height:100%;display:flex;overflow:hidden}.sd-side_sheet-scrim:has(.sd-side_sheet[data-sd-position=right]){justify-content:flex-end}.sd-side_sheet{pointer-events:auto;background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface-variant);display:inline-block;box-sizing:border-box;width:296px;box-shadow:1px 1px var(--md-sys-elevation-level1) #0000001a,-1px 1px var(--md-sys-elevation-level1) #0000001a;overflow:hidden;display:flex;flex-direction:column}.sd-side_sheet[data-sd-position=left]{border-top-right-radius:1rem;border-bottom-right-radius:1rem}.sd-side_sheet[data-sd-position=right]{border-top-left-radius:1rem;border-bottom-left-radius:1rem}.sd-side_sheet-header{padding:24px 24px 16px 16px;font-size:x-large}.sd-side_sheet-body{padding:0 24px 0 16px;flex:1}.sd-side_sheet-footer{margin-top:auto}.sd-side_sheet-footer_content{margin:4px 12px 12px}.sd-slider{--percentage: 0%;--min-length: 5rem;box-sizing:border-box;display:inline-block;vertical-align:middle;position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent}.sd-slider-inactive_track,.sd-slider-active_track{display:inline-block;position:absolute}.sd-slider-inactive_track{background:var(--md-sys-color-surface-container-highest);width:100%;border-radius:8px}.sd-slider-active_track{background:var(--md-sys-color-primary)}.sd-slider:focus{outline:none}.sd-slider[data-sd-disabled=true]{pointer-events:none;filter:grayscale(98%) opacity(40%)}.sd-slider[data-sd-direction=horizontal]{min-width:var(--min-length);height:40px;margin:0 20px}.sd-slider[data-sd-direction=horizontal] .sd-slider-inactive_track,.sd-slider[data-sd-direction=horizontal] .sd-slider-active_track{left:0;top:50%;transform:translateY(-50%);height:4px}.sd-slider[data-sd-direction=horizontal] .sd-slider-inactive_track{width:100%}.sd-slider[data-sd-direction=horizontal] .sd-slider-active_track{width:var(--percentage);border-top-left-radius:8px;border-bottom-left-radius:8px}.sd-slider[data-sd-direction=horizontal] .sd-slider-handle,.sd-slider[data-sd-direction=horizontal] .sd-slider-state_layer{top:50%;transform:translateY(-50%)}.sd-slider[data-sd-direction=horizontal] .sd-slider-handle{left:calc(var(--percentage) - 10px)}.sd-slider[data-sd-direction=horizontal] .sd-slider-state_layer{left:calc(var(--percentage) - 20px)}.sd-slider[data-sd-direction=vertical]{min-height:var(--min-length);width:40px;margin:20px 0}.sd-slider[data-sd-direction=vertical] .sd-slider-inactive_track,.sd-slider[data-sd-direction=vertical] .sd-slider-active_track{bottom:0;left:50%;transform:translate(-50%);width:4px}.sd-slider[data-sd-direction=vertical] .sd-slider-inactive_track{height:100%}.sd-slider[data-sd-direction=vertical] .sd-slider-active_track{height:var(--percentage);border-bottom-left-radius:8px;border-bottom-right-radius:8px}.sd-slider[data-sd-direction=vertical] .sd-slider-handle,.sd-slider[data-sd-direction=vertical] .sd-slider-state_layer{left:50%;transform:translate(-50%)}.sd-slider[data-sd-direction=vertical] .sd-slider-handle{bottom:calc(var(--percentage) - 10px)}.sd-slider[data-sd-direction=vertical] .sd-slider-state_layer{bottom:calc(var(--percentage) - 20px)}.sd-slider-handle,.sd-slider-state_layer{display:inline-block;box-sizing:border-box;position:absolute;border-radius:50%}.sd-slider-handle{cursor:grab;height:20px;width:20px;background:var(--md-sys-color-primary);touch-action:none}.sd-slider-state_layer{height:40px;width:40px;pointer-events:none;transition:opacity .2s;background-color:#0000001a}.sd-slider-label{font-size:10px;font-weight:500;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);display:inline-block;box-sizing:border-box;width:28px;height:28px;border-radius:100%;line-height:28px;text-align:center;pointer-events:none;transition:opacity .2s;text-wrap:nowrap;white-space:nowrap;overflow:visible;padding:0 4px;text-overflow:ellipsis}.sd-snakebar{background:var(--md-sys-color-inverse-surface);color:var(--md-sys-color-inverse-on-surface);box-shadow:1px 1px var(--md-sys-elevation-level3) #0003,-1px 1px var(--md-sys-elevation-level3) #0003;display:inline-flex;align-items:center;max-width:100%;max-height:100%;vertical-align:middle;border-radius:4px;font-size:small;padding:0 8px 0 12px;-webkit-tap-highlight-color:transparent}.sd-snakebar-supporting_text{flex:1;color:var(--md-sys-color-inverse-on-surface);margin:12px 16px 12px 0;line-height:20px;font-size:14px;font-weight:400}.sd-snakebar-action{flex-shrink:0;user-select:none}.sd-snakebar-icon{flex-shrink:0;color:var(--md-sys-color-inverse-on-surface);cursor:pointer;box-sizing:border-box;width:32px;height:32px;border-radius:50%;padding:0}.sd-snakebar-icon svg{color:var(--md-sys-color-inverse-on-surface);width:20px;vertical-align:middle;margin:0 auto}.sd-snakebar[data-sd-third_line]{flex-direction:column;padding-bottom:8px}.sd-snakebar[data-sd-third_line] .sd-snakebar-action{align-self:flex-end}.sd-snakebar[data-sd-third_line] .sd-snakebar-icon{display:none}.sd-switch{border:solid 2px var(--md-sys-color-outline);padding:.25rem;box-sizing:content-box;width:2rem;height:1rem;display:inline-block;vertical-align:middle;border-radius:1.25rem;background:var(--md-sys-color-surface-container-highest);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .2s;position:relative}.sd-switch-thumb{position:absolute;left:.25rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;transition:all .2s}.sd-switch-thumb:after{content:"";display:inline-block;width:1rem;height:1rem;border-radius:50%;background:var(--md-sys-color-outline);position:absolute;top:0;left:0;transition:all .2s}.sd-switch-thumb:before{content:"";display:inline-block;width:2rem;height:2rem;border-radius:50%;background:#0000001a;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .2s;opacity:0}.sd-switch:hover,.sd-switch:focus-visible{outline:none}.sd-switch:hover .sd-switch-thumb:before,.sd-switch:focus-visible .sd-switch-thumb:before{opacity:1}.sd-switch:active .sd-switch-thumb:after{transform:scale(1.5)}.sd-switch[data-sd-checked=true]{background:var(--md-sys-color-primary);border-color:var(--md-sys-color-primary)}.sd-switch[data-sd-checked=true] .sd-switch-thumb{left:50%}.sd-switch[data-sd-checked=true] .sd-switch-thumb:after{background:var(--md-sys-color-on-primary)}.sd-switch-icon{color:var(--md-sys-color-surface-container-highest);width:1rem;height:1rem;line-height:1rem;text-align:center;z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);user-select:none}.sd-switch[data-sd-checked=true] .sd-switch-icon{color:var(--md-sys-color-on-surface)}.sd-switch[data-sd-disabled=true]{pointer-events:none;filter:grayscale(98%) opacity(40%)}.sd-tabs{width:max-content;overflow:hidden}.sd-tab{background:var(--md-sys-color-surface);display:inline-block;-webkit-tap-highlight-color:transparent;user-select:none;cursor:pointer;overflow:hidden;position:relative}.sd-tab-helper{padding:.5rem 1rem .8rem;display:flex;align-items:center;flex-direction:column;gap:4px;transition:all .2s}.sd-tab-helper:hover{background:#0000000a}.sd-tab-helper:active{background:#00000014}.sd-tab:focus-visible{outline:none}.sd-tab:focus-visible .sd-tab-helper{background:#0000000f}.sd-tab-icon{transition:all .2s}.sd-tab-icon svg{height:20px;display:grid;place-items:center}.sd-tab-label_text{transition:all .2s;font-size:14px;line-height:20px;font-weight:500;-webkit-text-stroke:.1px currentColor}.sd-tab[data-sd-active=true] .sd-tab-icon,.sd-tab[data-sd-active=true] .sd-tab-label_text{color:var(--md-sys-color-primary)}.sd-tab-active_indicator{position:absolute;bottom:-3px;height:6px;width:36px;border-radius:12px;background:var(--md-sys-color-primary);opacity:0}.sd-tab[data-sd-active=true] .sd-tab-active_indicator{opacity:1}.sd-tab:not(:has(.sd-tab-icon)) .sd-tab-active_indicator{width:100%;border-radius:0;height:2px;bottom:0}.sd-time_picker{display:flex;flex-direction:column;background:var(--md-sys-color-surface);box-sizing:border-box;display:inline-block;padding:24px;border-radius:24px;color:var(--md-sys-color-on-surface-variant)}.sd-time_picker-headline{font-size:14px;margin-bottom:20px}.sd-time_picker-selectors{gap:12px;display:flex}.sd-time_picker[data-sd-direction=horizontal] .sd-time_picker-selectors{align-items:center;flex-direction:column;gap:16px}.sd-time_picker-time_selectors{display:flex;align-items:center;justify-content:center}.sd-time_picker-time_selector{display:flex;flex-direction:column;gap:4px}.sd-time_picker-time_selector>input{display:inline-block;width:96px;height:80px;line-height:80px;text-align:center;font-size:60px;background:var(--md-sys-color-surface-container-highest);border:solid 2px transparent;border-radius:8px;outline:none}.sd-time_picker-time_selector>input:focus{background:var(--md-sys-color-primary-container);border-color:var(--md-sys-color-on-primary-container)}.sd-time_picker-time_selector_separator{display:inline-flex;width:24px;text-align:center;flex-direction:column}.sd-time_picker-time_selector_separator>*:first-child{font-size:60px}.sd-time_picker-period_selectors{display:inline-flex;border:1px solid var(--md-sys-color-outline);border-radius:8px;box-sizing:border-box;overflow:hidden;user-select:none}.sd-time_picker[data-sd-direction=vertical] .sd-time_picker-period_selectors{width:52px;height:80px;flex-direction:column}.sd-time_picker[data-sd-direction=horizontal] .sd-time_picker-period_selectors{flex-direction:row;width:232px}.sd-time_picker-period_selector{text-align:center;cursor:pointer;line-height:40px;overflow:hidden;-webkit-tap-highlight-color:transparent}.sd-time_picker-period_selector>input{all:unset}.sd-time_picker-period_selector:has(input:checked){background:var(--md-sys-color-tertiary-container)}.sd-time_picker[data-sd-direction=vertical] .sd-time_picker-period_selector{height:50%}.sd-time_picker[data-sd-direction=vertical] .sd-time_picker-period_selector:first-child{border-bottom:1px solid var(--md-sys-color-outline)}.sd-time_picker[data-sd-direction=horizontal] .sd-time_picker-period_selector{width:50%}.sd-time_picker[data-sd-direction=horizontal] .sd-time_picker-period_selector:first-child{border-right:1px solid var(--md-sys-color-outline)}.sd-time_picker-footer{display:flex;align-items:center;margin-top:20px}.sd-time_picker-buttons{margin-left:auto}.sd-time_picker .sd-time_picker-clock_left{display:flex;flex-direction:column}.sd-time_picker[data-sd-direction=horizontal] .sd-time_picker-clock_container{display:flex}.sd-time_picker[data-sd-direction=horizontal] .sd-time_picker-clock_right{padding-left:52px}.sd-time_picker[data-sd-direction=horizontal]:has(.sd-time_picker-clock) .sd-time_picker-headline{margin-bottom:52px}.sd-time_picker[data-sd-direction=vertical] .sd-time_picker-clock_right{padding-top:36px}.sd-time_picker-clock{box-sizing:content-box;--clock-size: 256px;--time-size: 48px;width:var(--clock-size);height:var(--clock-size);border-radius:var(--clock-size);overflow:hidden;background:var(--md-sys-color-surface-container-highest);margin:auto;position:relative;user-select:none;touch-action:none}.sd-time_picker-clock time{position:absolute;width:var(--time-size);height:var(--time-size);border-radius:var(--time-size);--r: calc((var(--clock-size) - var(--time-size)) / 2);--x: calc(var(--r) + (var(--r) * cos(var(--d))));--y: calc(var(--r) + (var(--r) * sin(var(--d))));left:var(--x);top:var(--y);display:grid;place-items:center}.sd-time_picker-clock time:nth-of-type(1){--d: -90deg }.sd-time_picker-clock time:nth-of-type(2){--d: -60deg }.sd-time_picker-clock time:nth-of-type(3){--d: -30deg }.sd-time_picker-clock time:nth-of-type(4){--d: 0deg }.sd-time_picker-clock time:nth-of-type(5){--d: 30deg }.sd-time_picker-clock time:nth-of-type(6){--d: 60deg }.sd-time_picker-clock time:nth-of-type(7){--d: 90deg }.sd-time_picker-clock time:nth-of-type(8){--d: 120deg }.sd-time_picker-clock time:nth-of-type(9){--d: 150deg }.sd-time_picker-clock time:nth-of-type(10){--d: 180deg }.sd-time_picker-clock time:nth-of-type(11){--d: 210deg }.sd-time_picker-clock time:nth-of-type(12){--d: 240deg }.sd-time_picker-clock_center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--md-sys-color-primary);width:6px;height:6px;border-radius:50%}.sd-time_picker-clock_arm{position:absolute;top:calc(var(--time-size) * .85);left:calc(50% - 1px);width:2px;height:calc((var(--clock-size) - var(--time-size) * .85 * 2) / 2);transform-origin:bottom;background:var(--md-sys-color-primary);transform:rotate(var(--degree))}.sd-time_picker-clock_arm:before{top:calc(var(--time-size) - 100%);left:calc(50% - var(--time-size) / 2);position:absolute;content:"";width:var(--time-size);height:var(--time-size);border-radius:var(--time-size);background:var(--md-sys-color-primary)}.sd-time_picker-clock time:hover{cursor:pointer;-webkit-tap-highlight-color:transparent}:root{--md-sys-color-primary: #6750a4;--md-sys-color-primary-container: #eaddff;--md-sys-color-on-primary: #ffffff;--md-sys-color-on-primary-container: #21005e;--md-sys-color-inverse-primary: #d0bcff;--md-sys-color-secondary: #625b71;--md-sys-color-secondary-container: #e8def8;--md-sys-color-on-secondary: #ffffff;--md-sys-color-on-secondary-container: #1e192b;--md-sys-color-tertiary: #7d5260;--md-sys-color-tertiary-container: #ffd8e4;--md-sys-color-on-tertiary: #ffffff;--md-sys-color-on-tertiary-container: #370b1e;--md-sys-color-surface: #fef7ff;--md-sys-color-surface-dim: #ded8e1;--md-sys-color-surface-bright: #fef7ff;--md-sys-color-surface-container-lowest: #ffffff;--md-sys-color-surface-container-low: #f7f2fa;--md-sys-color-surface-container: #f3edf7;--md-sys-color-surface-container-high: #ece6f0;--md-sys-color-surface-container-highest: #e6e0e9;--md-sys-color-surface-variant: #e7e0ec;--md-sys-color-on-surface: #1c1b1f;--md-sys-color-on-surface-variant: #49454e;--md-sys-color-inverse-surface: #313033;--md-sys-color-inverse-on-surface: #f4eff4;--md-sys-color-background: #fef7ff;--md-sys-color-on-background: #1c1b1f;--md-sys-color-error: #b3261e;--md-sys-color-error-container: #f9dedc;--md-sys-color-on-error: #ffffff;--md-sys-color-on-error-container: #410e0b;--md-sys-color-outline: #79747e;--md-sys-color-outline-variant: #c4c7c5;--md-sys-color-shadow: #000000;--md-sys-color-surface-tint-color: #6750a4;--md-sys-color-scrim: #000000}:root{--md-sys-elevation-level0: 0px;--md-sys-elevation-level1: 1px;--md-sys-elevation-level2: 3px;--md-sys-elevation-level3: 6px;--md-sys-elevation-level4: 8px;--md-sys-elevation-level5: 12px}body{margin:0;width:100%;overflow-x:hidden;min-height:100vh}:root{font-family:Google Sans,Roboto,system-ui,-apple-system,Tahoma,Arial,sans-serif;font-size:16px}.sd-plain_tooltip{background:var(--md-sys-color-inverse-surface);border-radius:4px;line-height:16px;font-size:12px;font-weight:400;color:var(--md-sys-color-inverse-on-surface);min-height:24px;padding:0 8px;display:grid;place-items:center}.sd-rich_tooltip{background:var(--md-sys-color-surface-container);box-shadow:1px 1px var(--md-sys-elevation-level2) #0003,-1px 1px var(--md-sys-elevation-level2) #0003;border-radius:12px;padding:12px 16px 8px;display:flex;flex-direction:column}.sd-rich_tooltip-subhead{line-height:20px;font-size:14px;font-weight:500;color:var(--md-sys-color-on-surface-variant);margin-bottom:4px}.sd-rich_tooltip-body{line-height:20px;font-size:14px;font-weight:400;color:var(--md-sys-color-on-surface-variant)}.sd-rich_tooltip-action{margin-top:12px}