:root{--color-page: #ffffff;--color-text: rgba(255, 255, 255, .87);--color-muted: rgba(255, 255, 255, .45);--slider-surface: rgba(255, 255, 255, .05);--slider-surface-active: rgba(255, 255, 255, .08);--slider-rim: rgba(255, 255, 255, .06);--slider-track: rgba(255, 255, 255, .11);--slider-track-active: rgba(255, 255, 255, .18);--slider-track-pressed: rgba(255, 255, 255, .26);--slider-thumb: rgba(255, 255, 255, .7);--slider-thumb-dragging: #ffffff;--slider-text-muted: rgba(255, 255, 255, .7);--slider-text: #ffffff;--aporia-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--aporia-ui-font-size: 14px;--aporia-ui-line-height: 1.25;--aporia-panel-max-width: 280px;--aporia-panel-offset-top: 40px;--aporia-panel-offset-left: 40px;--aporia-panel-offset-right: 40px;--aporia-panel-offset-bottom: 40px;--aporia-panel-z-index: 1000;--slider-tick: rgba(255, 255, 255, .32);--slider-tick-layer-opacity: .3;--slider-thumb-idle-opacity: 0;--slider-value-selection-bg: #ffffff;--slider-value-selection-fg: #000000;--toggle-thumb-row-bg: #0d0d0d;--toggle-thumb-row-bg-hover: #141414;--swatch-popover-surface: #141414;--swatch-popover-bg: #0a0a0a;--swatch-popover-rim: rgba(255, 255, 255, .12);--slider-debug-label-tint: rgba(255, 0, 160, .18);--slider-debug-value-tint: rgba(255, 200, 0, .2);--slider-debug-dom-label: rgba(0, 255, 140, .9);--slider-debug-dom-value: rgba(80, 180, 255, .95);--slider-debug-dom-shadow: rgba(0, 0, 0, .35)}@font-face{font-family:Open Runde;src:url(/fonts/OpenRunde-Regular.woff2) format("woff2"),url(/fonts/OpenRunde-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}:root{--aporia-font-family: "Open Runde", system-ui, "Segoe UI", Roboto, sans-serif;font-family:var(--aporia-font-family);line-height:1.5;font-weight:400;color:var(--color-text);background-color:var(--color-page);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html{background-color:var(--color-page)}body{margin:0;min-height:100vh;background-color:var(--color-page)}#root{min-height:100vh;background-color:var(--color-page)}#root[data-base-ui-inert]{pointer-events:none}.aporiaPanel{position:relative;box-sizing:border-box;width:100%;max-width:min(var(--aporia-panel-max-width),100%);min-width:0;flex:0 0 auto;align-self:stretch;color:var(--slider-text);color-scheme:dark;background-color:#000;overflow:visible;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;box-shadow:0 162px 45px #0000,0 103px 41px #00000003,0 58px 35px #0000000d,0 26px 26px #00000014,0 6px 14px #00000017}.aporiaPanel[data-floating=true]{position:fixed;z-index:var(--aporia-panel-z-index, 1000)}.aporiaPanel[data-collapsed=true]{cursor:pointer;touch-action:none;overflow:hidden}.aporiaPanelSnapHint{position:fixed;width:32px;height:32px;border-radius:12px;background:gray;pointer-events:none}.aporiaPanelHeader{display:flex;align-items:center;justify-content:flex-start;flex:0 0 auto;min-height:22px;width:100%}.aporiaPanelToggle{width:22px;height:22px;padding:0;margin:0;border:none;border-radius:6px;background:transparent;color:#ffffff8c;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:color .18s cubic-bezier(.23,1,.32,1),background-color .18s cubic-bezier(.23,1,.32,1),transform .14s cubic-bezier(.23,1,.32,1)}.aporiaPanelToggle:active{transform:scale(.97)}.aporiaPanelToggle:focus-visible{outline:2px solid rgba(255,255,255,.4);outline-offset:2px}.aporiaPanel[data-collapsed=true] .aporiaPanelToggle{color:#fff;pointer-events:none}.aporiaPanelLogoGlyph{width:22px;height:22px;display:block}.aporiaPanelBody{--aporia-panel-overdrag-bleed: 16px;display:flex;flex-direction:column;align-items:stretch;flex:1 1 auto;min-height:0;min-width:0;width:calc(100% + var(--aporia-panel-overdrag-bleed) * 2);margin-left:calc(var(--aporia-panel-overdrag-bleed) * -1);margin-right:calc(var(--aporia-panel-overdrag-bleed) * -1);padding-left:var(--aporia-panel-overdrag-bleed);padding-right:var(--aporia-panel-overdrag-bleed);box-sizing:border-box;margin-top:16px;opacity:1;overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable both-edges}.aporiaPanelBodyContent{display:flex;flex-direction:column;gap:8px;align-items:stretch;min-width:0}.aporiaPanel[data-collapsed=true] .aporiaPanelBody{pointer-events:none}@media (prefers-reduced-motion: reduce){.aporiaPanel,.aporiaPanelToggle,.aporiaPanelBody{transition-duration:.01ms}}.category{display:flex;flex-direction:column;gap:8px;min-width:0}.categoryHeader{display:flex;align-items:center;gap:8px;min-width:0;padding:0 2px;box-sizing:border-box}.categoryHeaderStart{display:flex;align-items:center;gap:4px;flex:1;min-width:0}.categoryChevronReveal{flex-shrink:0;width:22px}.categoryChevronBtn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;margin:0;padding:0;border:none;background:transparent;color:var(--color-muted);cursor:pointer;border-radius:6px;transform:scale(1);transition:transform .14s cubic-bezier(.23,1,.32,1),color .14s cubic-bezier(.23,1,.32,1),background-color .14s cubic-bezier(.23,1,.32,1)}@media (hover: hover) and (pointer: fine){.categoryChevronBtn:hover{color:var(--slider-text-muted);background:#ffffff0f}}.categoryChevronBtn:active{transform:scale(.97)}.categoryChevronBtn:focus-visible{outline:2px solid rgba(255,255,255,.35);outline-offset:2px}.categoryChevronIcon{display:block;width:14px;height:14px;transform:rotate(0);transform-origin:50% 50%;transition:transform .18s cubic-bezier(.23,1,.32,1)}.categoryChevronIcon[data-collapsed=true]{transform:rotate(-90deg)}.categoryDisabledDot{flex-shrink:0;margin:0;width:20px;height:20px;padding:0;border:none;border-radius:6px;background:transparent;cursor:pointer;box-sizing:border-box;display:flex;align-items:center;justify-content:center;transform:scale(1);transition:transform .14s cubic-bezier(.23,1,.32,1),opacity .14s cubic-bezier(.23,1,.32,1),background-color .14s cubic-bezier(.23,1,.32,1)}.categoryDisabledDot:after{content:"";width:4px;height:4px;border-radius:50%;background:#ffffffd9;flex-shrink:0;transition:transform .14s cubic-bezier(.23,1,.32,1),background-color .14s cubic-bezier(.23,1,.32,1),opacity .14s cubic-bezier(.23,1,.32,1)}@media (hover: hover) and (pointer: fine){.categoryDisabledDot:hover:after{background:#fff;transform:scale(1.15)}}.categoryDisabledDot:active{transform:scale(.97)}.categoryDisabledDot:active:after{transform:scale(1.05)}.categoryDisabledDot:focus-visible{outline:2px solid rgba(255,255,255,.35);outline-offset:2px}.category[data-disabled=true] .categoryDisabledDot{opacity:.35}@media (prefers-reduced-motion: reduce){.categoryChevronBtn,.categoryChevronIcon,.categoryDisabledDot,.categoryDisabledDot:after{transition-duration:0ms}}.categoryTitle{margin:0;flex:1;min-width:0;font-family:var(--aporia-font-family);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);text-align:left;line-height:1.2}.categoryBody{min-width:0;--aporia-category-overdrag-bleed: 16px;overflow:visible;clip-path:inset(0 calc(var(--aporia-category-overdrag-bleed) * -1) 0 calc(var(--aporia-category-overdrag-bleed) * -1))}.categoryBodyInner{min-width:0;padding-bottom:8px}.category:not(:has(~.category)) .categoryBodyInner{padding-bottom:0}.category[data-disabled=true] .categoryBody{pointer-events:none}.valueInput{display:inline-flex;align-items:baseline;justify-content:flex-start;font-size:14px;font-weight:400;letter-spacing:.28px;white-space:nowrap;cursor:text;font-variant-numeric:tabular-nums;color:var(--slider-text-muted);text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:1px;text-underline-offset:3px;transition:color .2s ease-out,text-decoration-color .2s ease-out;min-width:0}.valueInput--right{justify-content:flex-end;text-align:right}.valueInput[data-editing=true]{text-decoration:none}.valueInput[data-active=true]{color:var(--slider-text)}.valueInput[data-disabled=true]{cursor:default;text-decoration:none;color:var(--slider-text-muted);pointer-events:none}.valueInput:hover,.valueInput:focus-visible{text-decoration-color:currentColor}.valueInput:focus-visible{outline:none}.valueInputPrefix,.valueInputSuffix{pointer-events:none;-webkit-user-select:none;user-select:none;flex-shrink:0}.valueInputText{display:inline;pointer-events:none}.valueInputMeasure{position:absolute;left:0;top:0;visibility:hidden;pointer-events:none;white-space:pre;height:0;overflow:hidden;font:inherit;font-variant-numeric:tabular-nums;letter-spacing:inherit}.valueInputField{min-width:0;padding:0;margin:0;border:none;background:transparent;font:inherit;font-variant-numeric:tabular-nums;letter-spacing:inherit;color:var(--slider-text);outline:none;text-decoration:none;cursor:text}.valueInput--right .valueInputField{text-align:right}.valueInputField::selection{background:var(--slider-value-selection-bg);color:var(--slider-value-selection-fg)}.valueInputField::-moz-selection{background:var(--slider-value-selection-bg);color:var(--slider-value-selection-fg)}.sliderGroup{display:flex;flex-direction:column;gap:4px;min-width:0}.sliderCardWrap{width:100%;max-width:100%;min-width:0;position:relative;overflow:visible}.sliderCardWrap[data-disabled=true]{opacity:.45}.sliderCardWrap[data-disabled=true] .sliderCard{cursor:default}.sliderCard{position:relative;height:37px;border-radius:12px;background:var(--slider-surface);box-shadow:inset 0 0 0 .5px var(--slider-rim);overflow:hidden;transition:background-color .2s ease-out;cursor:pointer;display:flex;align-items:center;padding:10px 12px;box-sizing:border-box;max-width:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-webkit-user-drag:none}.sliderCard[data-active=true]{background:var(--slider-surface-active)}.sliderDebugOverlap{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.sliderDebugOverlap__heuristic{position:absolute;top:0;bottom:0;left:0;box-sizing:border-box}.sliderDebugOverlap__heuristic--label{background:var(--slider-debug-label-tint)}.sliderDebugOverlap__heuristic--value{right:0;left:auto;width:auto;background:var(--slider-debug-value-tint)}.sliderDebugOverlap__dom{position:absolute;box-sizing:border-box;border:2px solid var(--slider-debug-dom-label);background:transparent;box-shadow:0 0 0 1px var(--slider-debug-dom-shadow)}.sliderDebugOverlap__dom--value{border-color:var(--slider-debug-dom-value)}.sliderTrack{position:absolute;top:0;bottom:0;left:0;right:auto;z-index:0;background:var(--slider-track);border-radius:12px;pointer-events:none;transition:background-color .2s ease-out}.sliderTrack[data-active=true]{background:var(--slider-track-active)}.sliderTicks{position:absolute;top:50%;left:12px;right:12px;height:10px;transform:translateY(-50%);display:flex;justify-content:space-between;align-items:center;opacity:0;pointer-events:none;z-index:1}.sliderTick{width:2px;height:2px;flex-shrink:0;border-radius:50%;background:var(--slider-tick);opacity:var(--slider-tick-layer-opacity)}.sliderThumb{position:absolute;top:50%;width:2px;height:16px;border-radius:999px;background:var(--slider-thumb);transform:translate(-100%,-50%);pointer-events:none;opacity:0;z-index:3;transition:background-color .15s ease-out}.sliderThumb[data-dragging=true]{background:var(--slider-thumb-dragging)}.sliderLabel{position:relative;font-size:14px;font-weight:400;color:var(--slider-text-muted);letter-spacing:.28px;flex:1;min-width:0;z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none}.sliderLabelText,.sliderValueText{display:inline}.sliderValueMorph{display:inline-block;font:inherit;font-variant-numeric:tabular-nums;letter-spacing:inherit;vertical-align:baseline}.sliderValueMeasure{position:absolute;left:0;top:0;visibility:hidden;pointer-events:none;white-space:pre;height:0;overflow:hidden;text-decoration:none}.sliderValueZone{position:absolute;top:0;right:0;width:72px;height:100%;z-index:3;display:flex;align-items:center;justify-content:flex-end;padding-right:12px;user-select:none;-webkit-user-select:none;-moz-user-select:none}.sliderValue{-webkit-user-select:none;user-select:none}.sliderValue .valueInputText{position:relative;display:inline-block}.sliderValue .valueInputText:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:currentColor;opacity:0;transition:opacity .2s ease-out;pointer-events:none}.sliderValueZone:hover .valueInputText:after,.sliderValueZone:focus-within .valueInputText:after{opacity:1}.sliderValue .valueInputField{position:relative;z-index:4;max-width:100%;pointer-events:all;-moz-appearance:textfield}.sliderValue .valueInputField::-webkit-inner-spin-button,.sliderValue .valueInputField::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sliderInput{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0;z-index:2;touch-action:none;user-select:none;-webkit-user-select:none}.colorPicker{position:relative;display:flex;flex-direction:column;width:190px;box-sizing:border-box;color-scheme:dark;font-family:var(--aporia-font-family, inherit);background:#0a0a0acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:.5px solid rgba(255,255,255,.06);border-radius:12px;overflow:hidden}.colorPickerSpace{display:flex;gap:6px;align-items:center;padding:6px 6px 0;width:100%;box-sizing:border-box}.colorPickerSv{position:relative;flex:1 0 0;aspect-ratio:1 / 1;border-radius:6px;overflow:hidden;cursor:crosshair;touch-action:none;outline:none}.colorPickerSv:focus-visible{box-shadow:0 0 0 2px #ffffff59}.colorPickerSvCanvas{display:block;width:100%;height:100%;vertical-align:top}.colorPickerHueWrap{display:flex;flex-direction:row;align-items:center;align-self:stretch}.colorPickerHue{position:relative;width:16px;height:100%;border-radius:6px;border:1px solid rgba(255,255,255,.06);cursor:pointer;touch-action:none;outline:none;box-sizing:border-box}.colorPickerHue:focus-visible{box-shadow:0 0 0 2px #ffffff40}.colorPickerIndicator{position:absolute;width:16px;height:16px;margin-left:-8px;margin-top:-8px;border:2px solid #ffffff;border-radius:50%;box-shadow:0 0 0 .5px #0000000f,inset 0 0 0 .5px #0000000f;pointer-events:none;box-sizing:border-box}.colorPickerFooter{display:flex;align-items:center;justify-content:space-between;padding:6px 6px 6px 12px;width:190px;box-sizing:border-box}.colorPickerValueZone{display:flex;flex:1 0 0;align-items:center;min-width:0}.colorPickerHex .valueInputField{width:72px}.colorPickerTriplet{display:flex;align-items:center;gap:10px;font-size:14px;line-height:normal;letter-spacing:.28px;color:#ffffffb3}.colorPickerTripletBtn{flex:0 0 auto;width:3ch}.colorPickerTripletBtn .valueInputField{width:3ch}.colorPickerActions{display:flex;align-items:center;border-radius:9px;flex-shrink:0}.colorPickerIconBtn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;margin:0;border:none;border-radius:9px;background:transparent;color:#ffffffb3;cursor:pointer;transition:background-color .15s ease-out,color .15s ease-out}.colorPickerIconBtn:hover{background:#141414;color:#fff}.colorPickerIconBtn:focus-visible{outline:2px solid rgba(255,255,255,.3);outline-offset:1px}.colorPickerModeBtn{display:inline-flex;align-items:center;justify-content:center;height:26px;padding:0 6px;border:none;border-radius:9px;background:transparent;color:#ffffffb3;font-size:14px;line-height:normal;letter-spacing:.28px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .15s ease-out,color .15s ease-out}.colorPickerModeBtn:hover{background:#141414;color:#fff}.colorPickerModeBtn:focus-visible{outline:2px solid rgba(255,255,255,.3);outline-offset:1px}.colorPickerLiveSr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.swatchPopoverPortal{position:relative;z-index:200000;isolation:isolate}.swatchPopoverPositioner{z-index:0}.swatchPopoverPopup{position:relative;z-index:1;color-scheme:dark;font-family:var(--aporia-font-family, inherit);min-width:190px;max-width:min(320px,calc(100vw - 24px));padding:0;border-radius:12px;background:transparent;color:var(--slider-text);outline:none;transform-origin:top right;opacity:1;transform:translateY(0) scale(1);transition:opacity .2s ease-out,transform .22s cubic-bezier(.16,1,.3,1)}.swatchPopoverPopup[data-starting-style],.swatchPopoverPopup[data-ending-style]{opacity:0;transform:translateY(-6px) scale(.97)}.swatchPopoverPopup[data-instant]{transition-duration:0ms}@media (prefers-reduced-motion: reduce){.swatchPopoverPopup{transition-duration:.12s;transition-property:opacity}.swatchPopoverPopup[data-starting-style],.swatchPopoverPopup[data-ending-style]{transform:none}}.swatchPopoverTitle{margin:0 0 10px;padding:0;font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--slider-text-muted)}.swatchPopoverBody{font-size:13px;line-height:1.45;color:var(--slider-text-muted)}.swatchPopoverBody:has(.gradientPicker){font-size:inherit;line-height:inherit;color:inherit}.swatchPopoverBody:has(.colorPicker){font-size:inherit;line-height:inherit;color:inherit;padding:0}.swatchPopoverBody p{margin:0 0 10px}.swatchPopoverBody p:last-child{margin-bottom:0}.swatchPopoverCloseSrOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.swatchPopoverNativeColor{display:block;width:100%;height:36px;margin-top:4px;padding:0;border:none;border-radius:8px;cursor:pointer;background:transparent}.swatchPopoverNativeColor::-webkit-color-swatch-wrapper{padding:2px}.swatchPopoverNativeColor::-webkit-color-swatch{border-radius:6px;border:1px solid rgba(0,0,0,.15)}.swatchPopoverNativeColor::-moz-color-swatch{border-radius:6px;border:1px solid rgba(0,0,0,.15)}.colorRowWrap{width:100%;max-width:100%;min-width:0;position:relative;overflow:visible}.colorRowWrap[data-disabled=true]{opacity:.45}.colorRowWrap[data-disabled=true] .colorCard{pointer-events:none}.colorCard{position:relative;height:37px;border-radius:12px;background:var(--slider-surface);box-shadow:inset 0 0 0 .5px var(--slider-rim);overflow:hidden;transition:background-color .2s ease-out;display:flex;align-items:center;padding:10px 12px;box-sizing:border-box;user-select:none;-webkit-user-select:none;-moz-user-select:none}.colorCard[data-active=true]{background:var(--slider-surface-active)}.colorLabel{position:relative;font-size:14px;font-weight:400;color:var(--slider-text-muted);letter-spacing:.28px;flex:1;min-width:0;z-index:2;pointer-events:none;transition:color .2s ease-out}.colorCard[data-active=true] .colorLabel{color:var(--slider-text)}.colorValueZone{position:absolute;top:0;right:0;height:100%;z-index:3;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding-right:12px;min-width:108px;max-width:50%}.colorRowValue{justify-content:flex-end}.colorRowValue .valueInputField{width:6.2ch}.colorSwatchBtn{flex-shrink:0;position:relative;width:16px;height:16px;padding:0;border:none;border-radius:50%;cursor:pointer;background:transparent}.colorSwatchBtn:before{content:"";position:absolute;left:50%;top:50%;width:16px;height:16px;margin-left:-8px;margin-top:-8px;border-radius:50%;background:var(--swatch-color, #808080);box-shadow:inset 0 0 0 .5px #0003;pointer-events:none}.colorSwatchBtn:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;background:transparent}.colorSwatchBtn:focus-visible{outline:2px solid var(--slider-text-muted);outline-offset:2px}.gradientPicker{display:flex;flex-direction:column;width:190px;color-scheme:dark;font-family:var(--aporia-font-family, inherit);background:#0a0a0a;border:1px solid rgba(255,255,255,.06);border-radius:12px}.gradientPickerPreviewWrap{padding:6px 6px 0}.gradientPickerPreview{height:32px;width:100%;border-radius:8px;box-shadow:inset 0 0 0 .5px #ffffff14}.gradientPickerHeader{display:flex;align-items:center;justify-content:space-between;padding:6px 6px 2px}.gradientPickerHeaderIconsLeft{display:flex;align-items:center}.gradientPickerIconBtn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:none;border-radius:6px;background:transparent;color:#ffffffb3;cursor:pointer;transition:background-color .15s ease-out,color .15s ease-out}.gradientPickerIconBtn svg{width:14px;height:14px;display:block}.gradientPickerIconBtn:hover{background:#141414;color:#fff}.gradientPickerIconBtn:focus-visible{outline:2px solid rgba(255,255,255,.3);outline-offset:1px}.gradientPickerStopsList{display:flex;flex-direction:column}.gradientPickerStop{position:relative;display:flex;align-items:center;height:37px;width:100%;border-radius:12px;overflow:hidden}.gradientPickerStopColorHex{position:absolute;left:12px;top:10px;display:flex;align-items:center;gap:8px}.gradientPickerStopSwatch{flex-shrink:0;width:16px;height:16px;padding:0;border:none;border-radius:16px;cursor:pointer;box-shadow:inset 0 0 0 .5px #0003}.gradientPickerStopSwatch:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.gradientPickerStopHex .valueInputField{width:58px}.gradientPickerStopDelete.gradientPickerIconBtn{position:absolute;right:6px;top:50%;transform:translateY(-50%)}.gradientPickerStopDelete.gradientPickerIconBtn:disabled{opacity:.3;cursor:not-allowed}.gradientPickerStopDelete.gradientPickerIconBtn:disabled:hover{background:transparent;color:#ffffffb3}.gradientRowWrap{width:100%;max-width:100%;min-width:0;position:relative;overflow:visible}.gradientRowWrap[data-disabled=true]{opacity:.45}.gradientRowWrap[data-disabled=true] .gradientCard{pointer-events:none}.gradientCard{position:relative;height:37px;border-radius:12px;background:var(--slider-surface);box-shadow:inset 0 0 0 .5px var(--slider-rim);overflow:hidden;transition:background-color .2s ease-out;display:flex;align-items:center;padding:10px 12px;box-sizing:border-box;user-select:none;-webkit-user-select:none;-moz-user-select:none}.gradientCard[data-active=true]{background:var(--slider-surface-active)}.gradientLabel{position:relative;font-size:14px;font-weight:400;color:var(--slider-text-muted);letter-spacing:.28px;flex:1;min-width:0;z-index:2;pointer-events:none;transition:color .2s ease-out}.gradientCard[data-active=true] .gradientLabel{color:var(--slider-text)}.gradientSwatchZone{position:absolute;top:0;right:0;height:100%;z-index:3;display:flex;align-items:center;justify-content:flex-end;padding-right:12px;min-width:28px}.gradientSwatchBtn{flex-shrink:0;width:16px;height:16px;padding:0;border:none;border-radius:50%;cursor:pointer;box-shadow:inset 0 0 0 .5px #0003}.gradientSwatchBtn:focus-visible{outline:2px solid var(--slider-text-muted);outline-offset:2px}.toggleRowWrap{width:100%;max-width:100%;min-width:0;position:relative;overflow:visible}.toggleRowWrap[data-disabled=true]{opacity:.45}.toggleRowWrap[data-disabled=true] .toggleCard{cursor:default;pointer-events:none}.toggleCard{position:relative;height:37px;border-radius:12px;background:var(--slider-surface);box-shadow:inset 0 0 0 .5px var(--slider-rim);overflow:hidden;transition:background-color .2s ease-out;cursor:pointer;display:flex;align-items:center;padding:10px 12px;box-sizing:border-box;max-width:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-webkit-user-drag:none;width:100%;font-family:var(--aporia-font-family);font-size:var(--aporia-ui-font-size);font-weight:400;font-style:normal;line-height:var(--aporia-ui-line-height);letter-spacing:normal;text-align:left;color:var(--slider-text-muted)}.toggleCard:hover{background:var(--slider-surface-active)}.toggleCard:focus{outline:none}.toggleCard:focus-visible{outline:2px solid var(--slider-text-muted);outline-offset:2px}.toggleLabel{position:relative;font-size:14px;font-weight:400;letter-spacing:.28px;flex:1;min-width:0;z-index:2;pointer-events:none;color:var(--slider-text-muted);transition:color .2s ease-out}.toggleCard:hover .toggleLabel,.toggleCard[data-on=true] .toggleLabel{color:var(--slider-text)}.toggleControl{position:absolute;top:0;right:0;width:72px;height:100%;z-index:3;display:flex;align-items:center;justify-content:flex-end;padding-right:12px;pointer-events:none}.toggleSwitch{flex-shrink:0;pointer-events:none}.toggleSwitch__track{position:relative;width:16px;height:16px;border-radius:5px;background:var(--slider-track);transition:background-color .2s ease-out}.toggleCard[data-on=true] .toggleSwitch__track{background:var(--slider-value-selection-bg)}.toggleSwitch__thumb{position:absolute;top:1px;left:1px;width:8px;height:14px;border-radius:4px;background:var(--toggle-thumb-row-bg);transition:transform .22s cubic-bezier(.33,1,.68,1),background-color .2s ease-out}.toggleCard:hover .toggleSwitch__thumb{background:var(--toggle-thumb-row-bg-hover)}.toggleCard[data-on=true] .toggleSwitch__thumb{transform:translate(6px)}.buttonRowWrap{width:100%;max-width:100%;min-width:0;position:relative;overflow:visible}.buttonRowWrap[data-disabled=true]{opacity:.45}.buttonRowWrap[data-disabled=true] .buttonRowBtn{cursor:default;pointer-events:none}.buttonRowBtn{position:relative;width:100%;height:37px;border-radius:12px;border:none;box-shadow:inset 0 0 0 .5px #0000001f;background:#fff;overflow:hidden;transition:background-color .2s ease-out,box-shadow .2s ease-out;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:10px 12px;box-sizing:border-box;font:inherit;font-size:14px;font-weight:400;letter-spacing:.28px;color:#000;user-select:none;-webkit-user-select:none;-moz-user-select:none;-webkit-user-drag:none}.buttonRowBtn:hover:not(:disabled){background:#e6e6e6;box-shadow:inset 0 0 0 .5px #00000029}.buttonRowBtn:active:not(:disabled){background:#d0d0d0;box-shadow:inset 0 0 0 .5px #0003}.buttonRowBtn:focus{outline:none}.buttonRowBtn:focus-visible{outline:2px solid rgba(0,0,0,.35);outline-offset:2px}.selectRowWrap{width:100%;max-width:100%;min-width:0;position:relative;overflow:visible}.selectRowWrap[data-disabled=true]{opacity:.45}.selectRowWrap[data-disabled=true] .selectCard{pointer-events:none}.selectCard{position:relative;width:100%;height:37px;margin:0;border:none;border-radius:12px;background:var(--slider-surface);box-shadow:inset 0 0 0 .5px var(--slider-rim);overflow:hidden;transition:background-color .2s ease-out;cursor:pointer;display:flex;align-items:center;padding:10px 12px;box-sizing:border-box;font-family:var(--aporia-font-family);font-size:var(--aporia-ui-font-size);font-weight:400;font-style:normal;line-height:var(--aporia-ui-line-height);letter-spacing:normal;text-align:left;color:var(--slider-text-muted);user-select:none;-webkit-user-select:none;-moz-user-select:none}.selectCard:hover:not(:disabled){background:var(--slider-surface-active)}.selectCard:focus{outline:none}.selectCard:focus-visible{outline:2px solid var(--slider-text-muted);outline-offset:2px}.selectCard[data-popup-open=true]{background:var(--slider-surface-active)}.selectCard:active:not(:disabled){background:var(--slider-surface-active)}.selectLabel{position:relative;font-size:14px;font-weight:400;color:var(--slider-text-muted);letter-spacing:.28px;flex:1;min-width:0;z-index:2;pointer-events:none;transition:color .2s ease-out}.selectCard:hover:not(:disabled) .selectLabel,.selectCard[data-popup-open=true] .selectLabel{color:var(--slider-text)}.selectValueZone{position:absolute;top:0;right:0;height:100%;z-index:3;display:flex;align-items:center;justify-content:flex-end;gap:6px;padding-right:12px;min-width:72px;max-width:50%}.selectValue{font-size:14px;font-weight:400;letter-spacing:.28px;color:var(--slider-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.selectValue[data-placeholder]{color:var(--slider-text-muted)}.selectIcon{display:flex;flex-shrink:0;color:var(--slider-text-muted)}.selectCard:hover:not(:disabled) .selectIcon,.selectCard[data-popup-open=true] .selectIcon{color:var(--slider-text-muted)}.selectChevronSvg{display:block;transition:transform .2s ease-out}.selectCard[data-menu-open=true] .selectChevronSvg{transform:rotate(180deg)}.selectPortal{position:relative;z-index:200000;isolation:isolate}.selectPositioner{z-index:0;box-sizing:border-box;min-width:var(--select-anchor-width, 0px)}.selectPortal [data-direction=up],.selectPortal [data-direction=down],.selectPositioner [data-direction=up],.selectPositioner [data-direction=down]{display:none!important}.selectPopup{box-sizing:border-box;width:100%;min-width:0;color-scheme:dark;font-family:var(--aporia-font-family, inherit);max-width:min(320px,calc(100vw - 24px));padding:4px;border-radius:12px;background:var(--swatch-popover-bg);box-shadow:inset 0 0 0 .5px var(--swatch-popover-rim);color:var(--slider-text);outline:none;transform-origin:top right;opacity:1;transform:translateY(0) scale(1);transition:opacity .2s ease-out,transform .22s cubic-bezier(.16,1,.3,1)}.selectPopup[data-starting-style],.selectPopup[data-ending-style]{opacity:0;transform:translateY(-6px) scale(.97)}.selectList{display:flex;flex-direction:column;gap:0;max-height:min(280px,45vh);overflow-y:auto;padding:0;min-width:0}.selectItem{position:relative;margin:0;height:37px;box-sizing:border-box;padding:10px 8px;border:none;border-radius:8px;background:transparent;font-family:var(--aporia-font-family);font-size:var(--aporia-ui-font-size);font-weight:400;font-style:normal;line-height:17px;letter-spacing:.02em;color:#ffffffb3;cursor:pointer;text-align:left;display:flex;align-items:center;width:100%;transition:background-color .15s ease-out,color .15s ease-out}.selectItem[data-disabled]{opacity:.45;cursor:default}.selectItemText{flex:1;min-width:0}@media (prefers-reduced-motion: reduce){.selectPopup{transition-duration:.1s;transition-property:opacity}.selectPopup[data-starting-style],.selectPopup[data-ending-style]{transform:none}.selectChevronSvg{transition:none}}.demo{min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:40px;box-sizing:border-box;background-color:var(--color-page)}.demoPanel{width:100%}