.glass-s,.dropdown--glass .dropdown-trigger,.dropdown--glass .dropdown-menu{z-index:var(--z-above);box-shadow:var(--glass-s-outer-shadow);background:0 0;position:relative;overflow:hidden}.glass-s:before,.dropdown--glass .dropdown-trigger:before,.dropdown--glass .dropdown-menu:before{content:"";border-radius:inherit;pointer-events:none;z-index:10;box-shadow:var(--glass-s-inner-shadow);position:absolute;inset:0}.glass-m{z-index:var(--z-above);box-shadow:var(--glass-m-outer-shadow);position:relative;overflow:hidden}.glass-m:before{content:"";border-radius:inherit;pointer-events:none;z-index:10;box-shadow:var(--glass-m-inner-shadow);position:absolute;inset:0}.glass-m:after{content:"";border-radius:inherit;pointer-events:none;z-index:1;border:1px solid var(--glass-m-overlay-border);mix-blend-mode:overlay;position:absolute;inset:0}.glass-s>:not(style),.dropdown--glass .dropdown-trigger>:not(style),.dropdown--glass .dropdown-menu>:not(style),.glass-m>:not(style){position:relative}.glass,.dropdown--glass .dropdown-trigger{backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation));isolation:isolate;backface-visibility:hidden}.glass-strong{backdrop-filter:blur(var(--glass-blur-strong)) saturate(var(--glass-saturation));isolation:isolate;backface-visibility:hidden}html.glass-simplified{--glass-simple-bg:color-mix(in srgb, var(--bg-color) 38%, transparent);--glass-simple-bg-s:color-mix(in srgb, var(--bg-color) 56%, transparent);--glass-simple-bg-m:color-mix(in srgb, var(--bg-color) 62%, transparent);--glass-simple-bg-tint:color-mix(in srgb, var(--bg-color) 74%, transparent);--glass-simple-border:#ffffff1f;--glass-simple-border-strong:#ffffff29;--glass-blur:0px;--glass-blur-strong:0px;--glass-saturation:100%;--glass-s-outer-shadow:none;--glass-m-outer-shadow:none;--glass-s-inner-shadow:none;--glass-m-inner-shadow:none;--glass-m-overlay-border:transparent}html.glass-simplified .glass,html.glass-simplified .dropdown--glass .dropdown-trigger,.dropdown--glass html.glass-simplified .dropdown-trigger,html.glass-simplified .glass-strong{-webkit-backdrop-filter:none}html.glass-simplified .glass-s,html.glass-simplified .dropdown--glass .dropdown-trigger,.dropdown--glass html.glass-simplified .dropdown-trigger,html.glass-simplified .dropdown--glass .dropdown-menu,.dropdown--glass html.glass-simplified .dropdown-menu,html.glass-simplified .glass-m{border:1px solid var(--glass-simple-border-strong);box-shadow:none}html.glass-simplified .glass,html.glass-simplified .dropdown--glass .dropdown-trigger,.dropdown--glass html.glass-simplified .dropdown-trigger{background:var(--glass-simple-bg);border:1px solid var(--glass-simple-border);box-shadow:none}html.glass-simplified .glass-s,html.glass-simplified .dropdown--glass .dropdown-trigger,.dropdown--glass html.glass-simplified .dropdown-trigger,html.glass-simplified .dropdown--glass .dropdown-menu,.dropdown--glass html.glass-simplified .dropdown-menu{background:var(--glass-simple-bg-s)}html.glass-simplified .glass-m{background:var(--glass-simple-bg-m)}html.glass-simplified .glass-tint,html.glass-simplified .dropdown--glass .dropdown-menu,.dropdown--glass html.glass-simplified .dropdown-menu{background:var(--glass-simple-bg-tint);border:1px solid var(--glass-simple-border-strong);box-shadow:none}html.glass-simplified .glass-s:before,html.glass-simplified .dropdown--glass .dropdown-trigger:before,.dropdown--glass html.glass-simplified .dropdown-trigger:before,html.glass-simplified .dropdown--glass .dropdown-menu:before,.dropdown--glass html.glass-simplified .dropdown-menu:before,html.glass-simplified .glass-m:before,html.glass-simplified .glass-m:after{content:none;box-shadow:none;mix-blend-mode:normal;border:none}html.light-theme.glass-simplified{--glass-simple-bg:color-mix(in srgb, var(--bg-color) 46%, transparent);--glass-simple-bg-s:color-mix(in srgb, var(--bg-color) 62%, transparent);--glass-simple-bg-m:color-mix(in srgb, var(--bg-color) 68%, transparent);--glass-simple-bg-tint:color-mix(in srgb, var(--bg-color) 80%, transparent);--glass-simple-border:#3a445624;--glass-simple-border-strong:#3a445633}:root,html.dark-theme{--glass-s-outer-shadow:0 1px 3px 0 #0003, 0 4px 12px 0 #00000026;--glass-m-outer-shadow:0 1px 5px 0 #0003, 0 6px 16px 0 #00000029;--glass-m-overlay-border:#ffffff1f;--glass-s-inner-shadow:inset 0 0 0 1px #ffffff0a, inset 1.5px 2px 0 -1px #fff3, inset -1.5px -1.5px 0 -1px #ffffff24, inset -2px -6px 2px -4px #ffffff1f, inset 0 -1px 4px 0 #0000001a, inset -1px 2px 0 -1px #00000026;--glass-m-inner-shadow:inset 0 0 0 1px #ffffff08, inset 2px 3px 0 -2px #ffffff47, inset -2px -2px 0 -2px #ffffff38, inset -3px -8px 1px -6px #ffffff2e, inset -.3px -1px 4px 0 #00000042, inset -1.5px 2.5px 0 -2px #00000070;--glass-sep-s-gradient:linear-gradient(90deg, transparent 0%, #ffffff1a 15%, #ffffff26 50%, #ffffff1a 85%, transparent 100%);--glass-sep-s-shadow:0 0 1px #ffffff14, 0 1px 2px #ffffff0f;--glass-sep-m-gradient:linear-gradient(90deg, transparent 0%, #ffffff26 10%, #fff3 50%, #ffffff26 90%, transparent 100%);--glass-sep-m-shadow:0 0 1px #ffffff1a, 0 2px 4px #ffffff1a, inset 0 1px 0 #fff3;--glass-sep-v-s-gradient:linear-gradient(180deg, transparent 0%, #ffffff1a 15%, #ffffff26 50%, #ffffff1a 85%, transparent 100%)}.glass-separator-s{background:var(--glass-sep-s-gradient);height:1px;box-shadow:var(--glass-sep-s-shadow);border:none}.glass-separator-m{background:var(--glass-sep-m-gradient);height:1px;box-shadow:var(--glass-sep-m-shadow);border:none;border-radius:1px}.glass-separator-v-s{background:var(--glass-sep-v-s-gradient);width:1px;box-shadow:var(--glass-sep-s-shadow);border:none}.glass-tint,.dropdown--glass .dropdown-menu{backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation));isolation:isolate;backface-visibility:hidden;background:var(--glass-bg-tint)}html.light-theme{--glass-s-outer-shadow:0 1px 2px 0 #0000001f, 0 3px 8px 0 #00000017;--glass-m-outer-shadow:0 1px 3px 0 #0000000f, 0 4px 12px 0 #0000000d;--glass-m-overlay-border:#ffffff3d;--glass-s-inner-shadow:inset 0 0 0 1px #0000000b, inset 1.5px 2px 0 -1px #00000024, inset -1.5px -1.5px 0 -1px #0000001a, inset -2px -6px 2px -4px #00000014, inset 0 -1px 4px 0 #fff3, inset -1px 2px 0 -1px #ffffff47;--glass-m-inner-shadow:inset 0 0 0 1px #00000009, inset 2px 3px 0 -2px #0000002e, inset -2px -2px 0 -2px #00000024, inset -3px -8px 1px -6px #0000001c, inset -.3px -1px 4px 0 #ffffff38, inset -1.5px 2.5px 0 -2px #ffffff57;--glass-sep-s-gradient:linear-gradient(90deg, transparent 0%, #3a445612 15%, #3a44561f 50%, #3a445612 85%, transparent 100%);--glass-sep-s-shadow:0 0 1px #ffffff94, 0 1px 2px #3a44560f, inset 0 1px 0 #ffffffd1;--glass-sep-m-gradient:linear-gradient(90deg, transparent 0%, #3a44561a 10%, #3a44562e 50%, #3a44561a 90%, transparent 100%);--glass-sep-m-shadow:0 0 1px #ffffffb8, 0 1px 3px #3a445614, inset 0 1px 0 #ffffffeb;--glass-sep-v-s-gradient:linear-gradient(180deg, transparent 0%, #3a445612 15%, #3a44561f 50%, #3a445612 85%, transparent 100%)}:root,html.dark-theme{--glass-block-separator-weak:#ffffff29;--glass-block-separator-strong:#ffffff3d}html.light-theme{--glass-block-separator-weak:#3a44561f;--glass-block-separator-strong:#3a445633}.block-separator,.dropdown-divider{background:var(--solid-border);width:100%;height:1px;margin-top:var(--sep-s-m);margin-bottom:var(--sep-s-m);display:block}.block-separator-xs{margin-top:var(--sep-s-xs);margin-bottom:var(--sep-s-xs)}.block-separator-s,.dropdown-divider{margin-top:var(--sep-s-s);margin-bottom:var(--sep-s-s)}.block-separator-m{margin-top:var(--sep-s-m);margin-bottom:var(--sep-s-m)}.block-separator-l{margin-top:var(--sep-s-l);margin-bottom:var(--sep-s-l)}.block-separator-xl{margin-top:var(--sep-s-xl);margin-bottom:var(--sep-s-xl)}.block-separator-xxl{margin-top:var(--sep-s-xxl);margin-bottom:var(--sep-s-xxl)}.block-separator-glass,.dropdown--glass .dropdown-divider,.dropdown-divider{height:1px;z-index:var(--z-separator);background:linear-gradient(90deg, transparent 0%, var(--glass-block-separator-weak) 10%, var(--glass-block-separator-strong) 50%, var(--glass-block-separator-weak) 90%, transparent 100%);opacity:.9;border:none;border-radius:1px;position:relative}.vertical-separator{background:var(--solid-border);flex-shrink:0;align-self:center;width:1px;height:1em;margin:0;display:inline-block}.vertical-separator-s{height:12px}.vertical-separator-m{height:16px}.vertical-separator-l{height:20px}.vertical-separator-plain{background:var(--solid-border)}.vertical-separator-glass{background:linear-gradient(#0000 0%,#ffffff2e 20%,#ffffff38 50%,#ffffff2e 80%,#0000 100%);box-shadow:0 0 4px #ffffff0f}.toggle-group__separator{margin-inline:var(--gap-xs);filter:none;backdrop-filter:none;flex-shrink:0;align-items:center;display:flex}.toggle-group__separator .ui-separator{filter:none;backdrop-filter:none;width:1px;height:60%;min-height:12px;max-height:24px;box-shadow:none;flex-shrink:0;align-self:center;display:inline-block}.toggle-group__separator .ui-separator-plain{background:var(--text-color);opacity:.28}.toggle-group__separator .ui-separator-glass{background:linear-gradient(180deg, transparent 0%, var(--text-color) 20%, var(--text-color) 50%, var(--text-color) 80%, transparent 100%);opacity:.34;box-shadow:none}.toggle-group--vertical .toggle-group__separator{margin-inline:0;margin-block:var(--gap-xs)}.dropdown--solid .dropdown-trigger{background:0 0;border-color:#0000}@media (hover:hover) and (pointer:fine){.dropdown--solid .dropdown-trigger:hover{background:var(--solid-control-h)}}.dropdown--solid .dropdown-trigger:active{transform:scale(.97)}.dropdown--solid .dropdown-menu{background:var(--solid-container);border-color:var(--solid-container-border)}.dropdown--glass .dropdown-trigger{background:0 0;border-color:#0000;position:relative}@media (hover:hover) and (pointer:fine){.dropdown--glass .dropdown-trigger:hover{background:var(--glass-control-h)}}.dropdown--glass .dropdown-trigger:active{transform:scale(.97)}.dropdown--glass .dropdown-menu{z-index:var(--z-dropdown);border-color:#0000;position:absolute}.dropdown--on-glass .dropdown-trigger{background:0 0;border-color:#0000}@media (hover:hover) and (pointer:fine){.dropdown--on-glass .dropdown-trigger:hover{background:var(--on-glass-control-h)}}.dropdown--on-glass .dropdown-trigger:active{background:var(--on-glass-control-a);transform:scale(.97)}.dropdown--on-glass .dropdown-menu{background:var(--on-glass-container);border-color:var(--on-glass-container-border)}.dropdown-trigger{height:var(--btn-h-m);border-radius:var(--btn-r-m);color:var(--text-color);cursor:pointer;font-size:var(--p2-size);font-family:var(--font-primary);-webkit-tap-highlight-color:#0000;user-select:none;background:0 0;border:none;outline:none;justify-content:space-between;align-items:center;gap:clamp(6px,1vw,10px);padding:0 clamp(12px,1.5vw,16px);transition:all .2s;display:inline-flex}@media (hover:hover) and (pointer:fine){.dropdown-trigger:hover{background:var(--solid-control-h)}}.dropdown-trigger:active{transform:scale(.98)}.dropdown-trigger:focus-visible{outline:2px solid var(--text-tertiary-color);outline-offset:2px}.dropdown-trigger__icon{flex-shrink:0;transition:transform .25s}.dropdown-trigger__icon--open{transform:rotate(180deg)}.dropdown-trigger-s{height:var(--btn-h-s);font-size:var(--p3-size);border-radius:var(--btn-r-s);gap:clamp(4px,.8vw,8px);padding:0 clamp(10px,1.2vw,12px)}.dropdown-trigger-m{height:var(--btn-h-m);font-size:var(--p2-size);border-radius:var(--btn-r-m);gap:clamp(6px,1vw,10px);padding:0 clamp(12px,1.5vw,16px)}.dropdown-trigger-l{height:var(--btn-h-l);font-size:var(--p1-size);border-radius:var(--btn-r-l);gap:clamp(8px,1.2vw,12px);padding:0 clamp(16px,2vw,20px)}.dropdown-menu{min-width:100%;max-height:var(--dropdown-max-height);background:var(--solid-container);border:1px solid var(--solid-container-border);border-radius:var(--card-br-m);padding:var(--dropdown-padding);z-index:var(--z-dropdown);position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 4px 12px #00000026}.dropdown-menu__content{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;max-height:calc(var(--dropdown-max-height) - var(--dropdown-padding)*2);scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;gap:2px;display:flex;overflow:hidden auto}.dropdown-menu__content::-webkit-scrollbar{display:none}.dropdown-menu__content--fade-start{mask-image:linear-gradient(#0000 0%,#000 24px 100%)}.dropdown-menu__content--fade-end{mask-image:linear-gradient(#000 0% calc(100% - 24px),#0000 100%)}.dropdown-menu__content--fade-start.dropdown-menu__content--fade-end{mask-image:linear-gradient(#0000 0%,#000 24px calc(100% - 24px),#0000 100%)}.dropdown-menu-top{top:auto;bottom:calc(100% + 4px);transform:translateY(8px)}.dropdown-open .dropdown-menu-top{transform:translateY(0)}.dropdown-menu-right{left:auto;right:0}.dropdown-menu-left{left:0;right:auto}.dropdown-item{justify-content:flex-start;width:100%}.dropdown-item-sortable{justify-content:space-between}.dropdown-item-sort-icon{opacity:.7;flex-shrink:0;justify-content:center;align-items:center;display:flex}.dropdown-item-sort-icon svg{fill:currentColor}.dropdown-disabled .dropdown-trigger{opacity:.5;cursor:not-allowed;pointer-events:none}@media (hover:none) and (pointer:coarse){.dropdown-trigger:hover{background:0 0}}.collapsible{border-radius:var(--card-br-m);overflow:hidden}.collapsible-trigger{width:100%;color:var(--text-color);font-size:var(--p2-size);font-family:var(--font-primary);text-align:left;cursor:pointer;user-select:none;-webkit-tap-highlight-color:#0000;background:0 0;border:none;outline:none;align-items:center;gap:clamp(8px,1.2vw,12px);padding:clamp(12px,1.5vw,16px);font-weight:500;transition:all .2s;display:flex}.collapsible-trigger .collapsible-icon{width:20px;height:20px;color:var(--text-secondary-color);flex-shrink:0;justify-content:center;align-items:center;transition:transform .3s;display:flex}.collapsible-trigger .collapsible-icon svg{width:100%;height:100%}@media (hover:hover) and (pointer:fine){.collapsible-trigger:hover{color:var(--text-secondary-color)}.collapsible-trigger:hover .collapsible-icon{color:var(--text-color)}}.collapsible-trigger:active{opacity:.8}.collapsible-trigger:focus-visible{outline:2px solid var(--text-tertiary-color);outline-offset:2px}.collapsible-open .collapsible-trigger .collapsible-icon{transform:rotate(90deg)}.collapsible-content{opacity:0;max-height:0;transition:max-height .3s,opacity .3s;overflow:hidden}.collapsible-open .collapsible-content{opacity:1;max-height:5000px}.collapsible-content-inner{padding:0 clamp(12px,1.5vw,16px) clamp(16px,2vw,24px)}.collapsible-bordered{border:1px solid var(--solid-border)}.collapsible-bordered .collapsible-trigger{border-bottom:1px solid #0000;transition:all .2s,border-color .2s}.collapsible-bordered.collapsible-open .collapsible-trigger{border-bottom-color:var(--solid-border)}.collapsible-filled{background:var(--surface-2)}.collapsible-filled .collapsible-trigger{background:var(--surface-1)}@media (hover:hover) and (pointer:fine){.collapsible-filled .collapsible-trigger:hover{background:var(--surface-3)}}.dropdown-menu{--dropdown-item-br:max(0px, calc(var(--card-br-m) - var(--dropdown-padding,5px)))}.dropdown-menu--radius-xs{--dropdown-item-br:max(0px, calc(var(--card-br-xs) - var(--dropdown-padding,5px)));border-radius:var(--card-br-xs)!important}.dropdown-menu--radius-s{--dropdown-item-br:max(0px, calc(var(--card-br-s) - var(--dropdown-padding,5px)));border-radius:var(--card-br-s)!important}.dropdown-menu--radius-m{--dropdown-item-br:max(0px, calc(var(--card-br-m) - var(--dropdown-padding,5px)));border-radius:var(--card-br-m)!important}.dropdown-menu--radius-l{--dropdown-item-br:max(0px, calc(var(--card-br-l) - var(--dropdown-padding,5px)));border-radius:var(--card-br-l)!important}.dropdown-menu--radius-xl{--dropdown-item-br:max(0px, calc(var(--card-br-xl) - var(--dropdown-padding,5px)));border-radius:var(--card-br-xl)!important}.dropdown-menu--radius-xxl{--dropdown-item-br:max(0px, calc(var(--card-br-xxl) - var(--dropdown-padding,5px)));border-radius:var(--card-br-xxl)!important}.dropdown-menu--radius-full{--dropdown-item-br:max(0px, calc(var(--card-br-full) - var(--dropdown-padding,5px)));border-radius:var(--card-br-full)!important}.dropdown--glass .dropdown-menu{border:none!important}.dropdown{display:inline-block;position:relative}.dropdown-trigger-wrapper{cursor:pointer;user-select:none;display:inline-flex}.dropdown-disabled .dropdown-trigger-wrapper{cursor:not-allowed;opacity:.5;pointer-events:none}.dropdown-item,.dropdown-item.btn{border-radius:var(--dropdown-item-br)}.dropdown-item .btn__text{align-items:center;gap:clamp(8px,1.2vw,12px);width:100%;min-width:0;display:flex}.dropdown-item-icon{color:currentColor;opacity:.8;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.dropdown-item-icon svg{width:100%;height:100%}.dropdown-item-icon-right{margin-left:auto;margin-right:0}.dropdown-item-text{flex:1}.dropdown-item--inner-radius{border-radius:var(--dropdown-item-br)}.dropdown-header{margin-bottom:0;padding:clamp(10px,1.5vw,14px)}.dropdown-header-title{color:var(--text-color);font-weight:600;font-size:var(--p2-size,14px);line-height:1.4}.dropdown-header-subtitle{font-size:var(--p3-size);color:var(--text-secondary-color);margin-top:2px;line-height:1.4}.dropdown-header-separator{margin-top:var(--dropdown-padding);margin-bottom:var(--dropdown-padding)}
.glass-s,.quantity-control--glass{z-index:var(--z-above);box-shadow:var(--glass-s-outer-shadow);background:0 0;position:relative;overflow:hidden}.glass-s:before,.quantity-control--glass:before{content:"";border-radius:inherit;pointer-events:none;z-index:10;box-shadow:var(--glass-s-inner-shadow);position:absolute;inset:0}.glass-m{z-index:var(--z-above);box-shadow:var(--glass-m-outer-shadow);position:relative;overflow:hidden}.glass-m:before{content:"";border-radius:inherit;pointer-events:none;z-index:10;box-shadow:var(--glass-m-inner-shadow);position:absolute;inset:0}.glass-m:after{content:"";border-radius:inherit;pointer-events:none;z-index:1;border:1px solid var(--glass-m-overlay-border);mix-blend-mode:overlay;position:absolute;inset:0}.glass-s>:not(style),.quantity-control--glass>:not(style),.glass-m>:not(style){position:relative}.glass,.quantity-control--glass{backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation));isolation:isolate;backface-visibility:hidden}.glass-strong{backdrop-filter:blur(var(--glass-blur-strong)) saturate(var(--glass-saturation));isolation:isolate;backface-visibility:hidden}html.glass-simplified{--glass-simple-bg:color-mix(in srgb, var(--bg-color) 38%, transparent);--glass-simple-bg-s:color-mix(in srgb, var(--bg-color) 56%, transparent);--glass-simple-bg-m:color-mix(in srgb, var(--bg-color) 62%, transparent);--glass-simple-bg-tint:color-mix(in srgb, var(--bg-color) 74%, transparent);--glass-simple-border:#ffffff1f;--glass-simple-border-strong:#ffffff29;--glass-blur:0px;--glass-blur-strong:0px;--glass-saturation:100%;--glass-s-outer-shadow:none;--glass-m-outer-shadow:none;--glass-s-inner-shadow:none;--glass-m-inner-shadow:none;--glass-m-overlay-border:transparent}html.glass-simplified .glass,html.glass-simplified .quantity-control--glass,html.glass-simplified .glass-strong{-webkit-backdrop-filter:none}html.glass-simplified .glass-s,html.glass-simplified .quantity-control--glass,html.glass-simplified .glass-m{border:1px solid var(--glass-simple-border-strong);box-shadow:none}html.glass-simplified .glass,html.glass-simplified .quantity-control--glass{background:var(--glass-simple-bg);border:1px solid var(--glass-simple-border);box-shadow:none}html.glass-simplified .glass-s,html.glass-simplified .quantity-control--glass{background:var(--glass-simple-bg-s)}html.glass-simplified .glass-m{background:var(--glass-simple-bg-m)}html.glass-simplified .glass-tint{background:var(--glass-simple-bg-tint);border:1px solid var(--glass-simple-border-strong);box-shadow:none}html.glass-simplified .glass-s:before,html.glass-simplified .quantity-control--glass:before,html.glass-simplified .glass-m:before,html.glass-simplified .glass-m:after{content:none;box-shadow:none;mix-blend-mode:normal;border:none}html.light-theme.glass-simplified{--glass-simple-bg:color-mix(in srgb, var(--bg-color) 46%, transparent);--glass-simple-bg-s:color-mix(in srgb, var(--bg-color) 62%, transparent);--glass-simple-bg-m:color-mix(in srgb, var(--bg-color) 68%, transparent);--glass-simple-bg-tint:color-mix(in srgb, var(--bg-color) 80%, transparent);--glass-simple-border:#3a445624;--glass-simple-border-strong:#3a445633}:root,html.dark-theme{--glass-s-outer-shadow:0 1px 3px 0 #0003, 0 4px 12px 0 #00000026;--glass-m-outer-shadow:0 1px 5px 0 #0003, 0 6px 16px 0 #00000029;--glass-m-overlay-border:#ffffff1f;--glass-s-inner-shadow:inset 0 0 0 1px #ffffff0a, inset 1.5px 2px 0 -1px #fff3, inset -1.5px -1.5px 0 -1px #ffffff24, inset -2px -6px 2px -4px #ffffff1f, inset 0 -1px 4px 0 #0000001a, inset -1px 2px 0 -1px #00000026;--glass-m-inner-shadow:inset 0 0 0 1px #ffffff08, inset 2px 3px 0 -2px #ffffff47, inset -2px -2px 0 -2px #ffffff38, inset -3px -8px 1px -6px #ffffff2e, inset -.3px -1px 4px 0 #00000042, inset -1.5px 2.5px 0 -2px #00000070;--glass-sep-s-gradient:linear-gradient(90deg, transparent 0%, #ffffff1a 15%, #ffffff26 50%, #ffffff1a 85%, transparent 100%);--glass-sep-s-shadow:0 0 1px #ffffff14, 0 1px 2px #ffffff0f;--glass-sep-m-gradient:linear-gradient(90deg, transparent 0%, #ffffff26 10%, #fff3 50%, #ffffff26 90%, transparent 100%);--glass-sep-m-shadow:0 0 1px #ffffff1a, 0 2px 4px #ffffff1a, inset 0 1px 0 #fff3;--glass-sep-v-s-gradient:linear-gradient(180deg, transparent 0%, #ffffff1a 15%, #ffffff26 50%, #ffffff1a 85%, transparent 100%)}.glass-separator-s{background:var(--glass-sep-s-gradient);height:1px;box-shadow:var(--glass-sep-s-shadow);border:none}.glass-separator-m{background:var(--glass-sep-m-gradient);height:1px;box-shadow:var(--glass-sep-m-shadow);border:none;border-radius:1px}.glass-separator-v-s{background:var(--glass-sep-v-s-gradient);width:1px;box-shadow:var(--glass-sep-s-shadow);border:none}.glass-tint{backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation));isolation:isolate;backface-visibility:hidden;background:var(--glass-bg-tint)}html.light-theme{--glass-s-outer-shadow:0 1px 2px 0 #0000001f, 0 3px 8px 0 #00000017;--glass-m-outer-shadow:0 1px 3px 0 #0000000f, 0 4px 12px 0 #0000000d;--glass-m-overlay-border:#ffffff3d;--glass-s-inner-shadow:inset 0 0 0 1px #0000000b, inset 1.5px 2px 0 -1px #00000024, inset -1.5px -1.5px 0 -1px #0000001a, inset -2px -6px 2px -4px #00000014, inset 0 -1px 4px 0 #fff3, inset -1px 2px 0 -1px #ffffff47;--glass-m-inner-shadow:inset 0 0 0 1px #00000009, inset 2px 3px 0 -2px #0000002e, inset -2px -2px 0 -2px #00000024, inset -3px -8px 1px -6px #0000001c, inset -.3px -1px 4px 0 #ffffff38, inset -1.5px 2.5px 0 -2px #ffffff57;--glass-sep-s-gradient:linear-gradient(90deg, transparent 0%, #3a445612 15%, #3a44561f 50%, #3a445612 85%, transparent 100%);--glass-sep-s-shadow:0 0 1px #ffffff94, 0 1px 2px #3a44560f, inset 0 1px 0 #ffffffd1;--glass-sep-m-gradient:linear-gradient(90deg, transparent 0%, #3a44561a 10%, #3a44562e 50%, #3a44561a 90%, transparent 100%);--glass-sep-m-shadow:0 0 1px #ffffffb8, 0 1px 3px #3a445614, inset 0 1px 0 #ffffffeb;--glass-sep-v-s-gradient:linear-gradient(180deg, transparent 0%, #3a445612 15%, #3a44561f 50%, #3a445612 85%, transparent 100%)}.quantity-control{border-radius:var(--btn-r-full);padding:var(--gap-xs);box-sizing:border-box;flex-shrink:0;align-items:center;gap:2px;display:inline-flex}.quantity-btn{flex-shrink:0}.quantity-btn.btn{border-radius:var(--qc-inner-radius)}.quantity-btn--decrement.btn{border-radius:var(--qc-outer-radius) var(--qc-inner-radius) var(--qc-inner-radius) var(--qc-outer-radius)}.quantity-btn--increment.btn{border-radius:var(--qc-inner-radius) var(--qc-outer-radius) var(--qc-outer-radius) var(--qc-inner-radius)}.quantity-btn .btn__icon svg{fill:currentColor;width:1em;height:1em;display:block}.quantity-value{text-align:center;color:var(--text-color);user-select:none;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";font-weight:var(--font-medium);justify-content:center;align-items:center;display:inline-flex}.quantity-input{text-align:center;color:var(--text-color);font-weight:var(--font-bold);font-variant-numeric:tabular-nums;font-feature-settings:"tnum";font-family:var(--font-primary);background:0 0;border:none;outline:none;padding:0}.quantity-input::placeholder{color:var(--text-tertiary-color);opacity:.5}.quantity-input:disabled{cursor:not-allowed;opacity:.5}.quantity-input--empty{color:#0000;caret-color:var(--text-color)}.quantity-input--empty::placeholder{color:var(--text-tertiary-color);opacity:.4}.quantity-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.quantity-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quantity-input{appearance:textfield}.quantity-control--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.quantity-control-xs .quantity-value,.quantity-control-xs .quantity-input{font-size:calc(var(--btn-h-xs)*.45)}.quantity-control-s .quantity-value,.quantity-control-s .quantity-input{font-size:calc(var(--btn-h-s)*.5)}.quantity-control-m .quantity-value,.quantity-control-m .quantity-input{font-size:calc(var(--btn-h-m)*.55)}.quantity-control-l .quantity-value,.quantity-control-l .quantity-input{font-size:calc(var(--btn-h-l)*.6)}.quantity-control-xl .quantity-value,.quantity-control-xl .quantity-input{font-size:calc(var(--btn-h-xl)*.6)}.quantity-control-xxl .quantity-value,.quantity-control-xxl .quantity-input{font-size:calc(var(--btn-h-xxl)*.6)}.quantity-control-br-xs{border-radius:var(--btn-r-xs);--qc-outer-radius:max(0px, calc(var(--btn-r-xs) - var(--gap-xs)));--qc-inner-radius:max(0px, calc(var(--btn-r-xs) * .3))}.quantity-control-br-s{border-radius:var(--btn-r-s);--qc-outer-radius:max(0px, calc(var(--btn-r-s) - var(--gap-xs)));--qc-inner-radius:max(0px, calc(var(--btn-r-s) * .3))}.quantity-control-br-m{border-radius:var(--btn-r-m);--qc-outer-radius:max(0px, calc(var(--btn-r-m) - var(--gap-xs)));--qc-inner-radius:max(0px, calc(var(--btn-r-m) * .3))}.quantity-control-br-l{border-radius:var(--btn-r-l);--qc-outer-radius:max(0px, calc(var(--btn-r-l) - var(--gap-xs)));--qc-inner-radius:max(0px, calc(var(--btn-r-l) * .25))}.quantity-control-br-xl{border-radius:var(--btn-r-xl);--qc-outer-radius:max(0px, calc(var(--btn-r-xl) - var(--gap-xs)));--qc-inner-radius:max(0px, calc(var(--btn-r-xl) * .25))}.quantity-control-br-xxl{border-radius:var(--btn-r-xxl);--qc-outer-radius:max(0px, calc(var(--btn-r-xxl) - var(--gap-xs)));--qc-inner-radius:max(0px, calc(var(--btn-r-xxl) * .2))}.quantity-control-br-full{border-radius:var(--btn-r-full);--qc-outer-radius:var(--btn-r-full);--qc-inner-radius:var(--btn-r-full)}.quantity-control--solid{background:var(--solid-container);border:1px solid var(--solid-container-border);--glass-control-h:var(--solid-control-h);--glass-control-a:var(--solid-control-a);--glass-control-selected:var(--solid-control-selected);--glass-control-selected-h:var(--solid-control-selected-h)}.quantity-control--glass{background:0 0;border:none}.quantity-control--on-glass{background:var(--on-glass-container);border:1px solid var(--on-glass-container-border);--glass-control-h:var(--on-glass-control-h);--glass-control-a:var(--on-glass-control-a);--glass-control-selected:var(--on-glass-control-selected);--glass-control-selected-h:var(--on-glass-control-selected-h)}@media (hover:hover) and (pointer:fine){.quantity-control--on-glass:hover{border-color:var(--on-glass-border-h);background:var(--on-glass-control-h)}}.quantity-control--on-glass:focus-within{border-color:var(--on-glass-border-focus)!important;background:var(--on-glass-control-a)!important}
.color-picker{gap:var(--gap-s);flex-direction:column;display:flex}.color-picker__label{font-size:var(--p3-size);color:var(--text-secondary-color);font-weight:500}.color-picker__content{align-items:center;gap:var(--gap-s);flex-wrap:wrap;display:flex}.color-picker__preview{border-radius:var(--card-br-s);border:2px solid var(--solid-border);background-image:linear-gradient(45deg, var(--solid-border) 25%, transparent 25%),linear-gradient(-45deg, var(--solid-border) 25%, transparent 25%),linear-gradient(45deg, transparent 75%, var(--solid-border) 75%),linear-gradient(-45deg, transparent 75%, var(--solid-border) 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:relative;overflow:hidden}.color-picker__preview:before{content:"";background:inherit;background-image:none;position:absolute;inset:0}.color-picker__preview-empty{color:var(--text-tertiary-color);z-index:1;font-size:12px;position:relative}.color-picker__colors{gap:var(--gap-xs);flex-wrap:wrap;display:flex}.color-picker__color{cursor:pointer;border:2px solid #0000;border-radius:50%;width:24px;height:24px;transition:transform .15s,border-color .15s,box-shadow .15s;position:relative}.color-picker__color:hover{transform:scale(1.15)}.color-picker__color--selected{border-color:var(--text-color);box-shadow:0 0 0 2px var(--surface-0),0 0 0 4px currentColor}.color-picker__color--custom{background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);justify-content:center;align-items:center;display:flex}.color-picker__color--custom svg{color:#fff;filter:drop-shadow(0 1px 2px #00000080);width:14px;height:14px}.color-picker__input{width:90px;height:28px;padding:0 var(--gap-s);border:1px solid var(--solid-border);border-radius:var(--btn-r-s);background:var(--solid-control);color:var(--text-color);font-size:var(--p3-size);font-family:var(--font-mono,monospace);outline:none;transition:border-color .15s,background .15s}.color-picker__input:hover{border-color:var(--white-15);background:var(--surface-3)}.color-picker__input:focus{border-color:var(--white-25);background:var(--surface-4)}.color-picker__input::placeholder{color:var(--text-tertiary-color)}.color-picker__clear{background:var(--solid-control-h);width:24px;height:24px;color:var(--text-tertiary-color);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.color-picker__clear:hover{background:var(--button-danger-bg);color:var(--button-danger-text)}.color-picker__clear svg{width:12px;height:12px}.color-picker__value{font-size:var(--p4-size);color:var(--text-tertiary-color);font-family:var(--font-mono,monospace)}.color-picker--s .color-picker__preview{width:24px;height:24px}.color-picker--s .color-picker__color{width:20px;height:20px}.color-picker--s .color-picker__input{width:80px;height:24px;font-size:var(--p4-size)}.color-picker--s .color-picker__clear{width:20px;height:20px}.color-picker--s .color-picker__clear svg{width:10px;height:10px}.color-picker--l .color-picker__preview{border-radius:var(--card-br-m);width:40px;height:40px}.color-picker--l .color-picker__color{width:28px;height:28px}.color-picker--l .color-picker__input{width:100px;height:32px}.color-picker--l .color-picker__clear{width:28px;height:28px}.color-picker--l .color-picker__clear svg{width:14px;height:14px}
.cpd{gap:var(--gap-xs);flex-direction:column;display:inline-flex}.cpd__label{font-size:var(--p3-size);color:var(--text-secondary-color);font-weight:500}.cpd__trigger-wrapper{cursor:pointer;display:inline-flex}.cpd-menu{z-index:var(--z-dropdown,1200);gap:var(--gap-s);flex-direction:column;min-width:240px;max-width:340px;display:flex}.cpd-section{gap:var(--gap-xs);flex-direction:column;display:flex}.cpd-section__label{font-size:var(--p4-size);color:var(--text-tertiary-color);padding:0 2px;font-weight:500}.cpd-system{gap:var(--gap-xs);flex-wrap:wrap;display:flex}.cpd-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:26px;height:26px;transition:transform .12s,border-color .12s}.cpd-swatch:hover{transform:scale(1.1)}.cpd-swatch--active{border-color:var(--text-color)}.cpd-palette{gap:3px;display:grid}.cpd-dot{aspect-ratio:1;cursor:pointer;border:1.5px solid #0000;width:100%;min-width:16px;transition:transform .1s,border-color .1s}.cpd-dot:hover{z-index:1;border-color:var(--text-color);transform:scale(1.1)}.cpd-dot--active{border-color:var(--text-color)}.cpd-hex-row{padding-top:var(--gap-xs);border-top:1px solid var(--solid-border);align-items:center;gap:var(--gap-xs)!important;flex-direction:row!important}.cpd-hex-preview{border:1.5px solid var(--solid-border);background:linear-gradient(45deg, var(--solid-border) 25%, transparent 25%),linear-gradient(-45deg, var(--solid-border) 25%, transparent 25%),linear-gradient(45deg, transparent 75%, var(--solid-border) 75%),linear-gradient(-45deg, transparent 75%, var(--solid-border) 75%);background-position:0 0,0 3px,3px -3px,-3px 0;background-size:6px 6px;flex-shrink:0;width:24px;height:24px}.cpd-hex-preview[style*=background-color]{background-image:none}.cpd-hex-input{min-width:0;font-family:var(--font-mono,monospace);flex:1}
.gradient-overlay{pointer-events:none;will-change:opacity}html.light-theme .gradient-overlay{opacity:.5}
.bottom-sheet{--sheet-progress:0;--sheet-closed-height:110px;--sheet-opened-height:700px;--handle-height:calc(var(--gap-xs) * 2 + 4px);bottom:var(--gap-m);margin:0 auto var(--gap-m);max-width:calc(100% - var(--gap-m)*2);z-index:var(--z-modal);user-select:none;touch-action:none;flex-direction:column;display:flex;position:fixed;left:0;right:0;overflow:hidden}.bottom-sheet-br-xs{border-radius:var(--card-br-xs)}.bottom-sheet-br-s{border-radius:var(--card-br-s)}.bottom-sheet-br-m{border-radius:var(--card-br-m)}.bottom-sheet-br-l{border-radius:var(--card-br-l)}.bottom-sheet-br-xl{border-radius:var(--card-br-xl)}.bottom-sheet-br-xxl{border-radius:var(--card-br-xxl)}.bottom-sheet-br-full{border-radius:9999px}.bottom-sheet-p-xs .bottom-sheet-content{padding:var(--card-p-xs)}.bottom-sheet-p-s .bottom-sheet-content{padding:var(--card-p-s)}.bottom-sheet-p-m .bottom-sheet-content{padding:var(--card-p-m)}.bottom-sheet-p-l .bottom-sheet-content{padding:var(--card-p-l)}.bottom-sheet-p-xl .bottom-sheet-content{padding:var(--card-p-xl)}.bottom-sheet-p-xxl .bottom-sheet-content{padding:var(--card-p-xxl)}.bottom-sheet-p-xxxl .bottom-sheet-content{padding:var(--card-p-xxxl)}.bottom-sheet-solid{background:var(--surface-2);border:1px solid var(--solid-border);box-shadow:0 -4px 20px #00000026,0 -2px 8px #0000001a}.bottom-sheet-glass{z-index:var(--z-modal)!important;position:fixed!important}.bottom-sheet-glass .bottom-sheet-handle{z-index:var(--z-above)!important;position:absolute!important}.bottom-sheet-glass .bottom-sheet-content{z-index:0!important;position:relative!important}.bottom-sheet-handle{height:var(--handle-height);cursor:grab;z-index:var(--z-above);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.bottom-sheet-handle:active{cursor:grabbing}.bottom-sheet-handle-bar{background:var(--text-quaternary-color);pointer-events:auto;border-radius:2px;width:40px;height:4px;transition:background .2s,width .2s}.bottom-sheet-handle:hover .bottom-sheet-handle-bar{background:var(--text-tertiary-color);width:50px}.bottom-sheet-content{flex:1;overflow:auto}.bottom-sheet-open .bottom-sheet-handle-bar{width:50px}
.card-header{justify-content:flex-end;align-items:center;gap:var(--gap-m);display:flex;position:relative}.card-header:has(.card-header__title){justify-content:space-between}.card-header__title{font-size:var(--p4-size);color:var(--text-secondary-color);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;font-weight:500;overflow:hidden}.card-header__actions{align-items:center;gap:var(--gap-xs);flex-shrink:0;display:flex}.card-header__measure{visibility:hidden;pointer-events:none;white-space:nowrap;height:0;position:absolute;inset:auto;overflow:hidden}.card-header__measure-actions{align-items:center;gap:var(--gap-xs);width:max-content;display:flex}.card-header--adaptive-wrap{flex-wrap:wrap}.card-header--adaptive-wrap .card-header__title{white-space:normal;text-overflow:clip;overflow:visible}.card-header--adaptive-wrap.card-header--wrapped.card-header--center-on-wrap{justify-content:center}.card-header--adaptive-wrap.card-header--wrapped.card-header--center-on-wrap .card-header__title{text-align:center;flex:0 0 100%}.card-header--collapsible{cursor:pointer;transition:opacity .15s}.card-header--collapsible:hover{opacity:.8}
.ui-card--secondary{background:var(--surface-1)}.ui-card--transparent{box-shadow:none;background:0 0;border-color:#0000}.ui-card--transparent:after{display:none}.card-color-red{background:var(--ghost-red);border-color:var(--ghost-border-red)}.card-color-yellow{background:var(--ghost-yellow);border-color:var(--ghost-border-yellow)}.card-color-green{background:var(--ghost-green);border-color:var(--ghost-border-green)}.card-color-blue{background:var(--ghost-blue);border-color:var(--ghost-border-blue)}.card-color-purple{background:var(--ghost-purple);border-color:var(--ghost-border-purple)}.card-color-pink{background:var(--ghost-pink);border-color:var(--ghost-border-pink)}.card-color-orange{background:var(--ghost-orange);border-color:var(--ghost-border-orange)}.card-color-teal{background:var(--ghost-teal);border-color:var(--ghost-border-teal)}.card-color-indigo{background:var(--ghost-indigo);border-color:var(--ghost-border-indigo)}.card-gradient-red{background:var(--gradient-red)}.card-gradient-orange{background:var(--gradient-orange)}.card-gradient-yellow{background:var(--gradient-yellow)}.card-gradient-green{background:var(--gradient-green)}.card-gradient-teal{background:var(--gradient-teal)}.card-gradient-cyan{background:var(--gradient-cyan)}.card-gradient-blue{background:var(--gradient-blue)}.card-gradient-indigo{background:var(--gradient-indigo)}.card-gradient-purple{background:var(--gradient-purple)}.card-gradient-pink{background:var(--gradient-pink)}.card-gradient-sunset{background:var(--gradient-sunset)}.card-gradient-ocean{background:var(--gradient-ocean)}.card-gradient-aurora{background:var(--gradient-aurora)}.card-gradient-neon{background:var(--gradient-neon)}.card-gradient-fire{background:var(--gradient-fire)}.card-gradient-forest{background:var(--gradient-forest)}.card-on-glass{background:var(--on-glass-container);border:1px solid var(--on-glass-container-border);border-radius:var(--card-br-m);box-shadow:none}.card-default{box-shadow:none;background:0 0;border:none;border-radius:0;padding:0}.grids-auto>.card,.grids-auto>section[class*=card]{align-self:flex-start}
.card-3d{width:100%;height:100%;transform-style:preserve-3d;isolation:isolate;display:block;position:relative}.card-3d>*{transform-style:preserve-3d}.card-3d .star-background{transform-style:preserve-3d;will-change:transform;background-color:var(--bg-color,black)}.card-3d .star-background .star-background__scalable-container{transform-style:preserve-3d;will-change:transform}.card-3d__inner{width:100%;height:100%;transform-style:preserve-3d;will-change:transform;border-radius:inherit;--glow-opacity:0;--glow-transition:opacity .4s cubic-bezier(.4, 0, .2, 1);position:relative;overflow:hidden;transform:perspective(2000px)translateZ(0);mask-image:radial-gradient(#fff,#000)}.card-3d__inner:before{content:"";border-radius:inherit;background:radial-gradient(circle at var(--blink-x,50%) var(--blink-y,50%), #fff 0%, #fff6 20%, transparent 50%);mix-blend-mode:overlay;opacity:calc(var(--glow-opacity)*.35);transition:var(--glow-transition);pointer-events:none;z-index:100;position:absolute;inset:-110%;transform:scale(2)}.card-3d__inner:after{content:"";border-radius:inherit;background:radial-gradient(circle at var(--blink-x,50%) var(--blink-y,50%), #ffffff4d 0%, #ffffff17 20%, transparent 35%);mix-blend-mode:normal;opacity:calc(var(--glow-opacity)*.25);transition:var(--glow-transition);pointer-events:none;z-index:101;position:absolute;inset:-110%;transform:scale(7)}
