:root{--aporia-white-a5: rgba(255, 255, 255, .05);--aporia-white-a8: rgba(255, 255, 255, .08);--aporia-white-a12: rgba(255, 255, 255, .12);--aporia-white-a18: rgba(255, 255, 255, .18);--aporia-white-a26: rgba(255, 255, 255, .26);--aporia-white-a35: rgba(255, 255, 255, .35);--aporia-white-a45: rgba(255, 255, 255, .45);--aporia-white-a55: rgba(255, 255, 255, .55);--aporia-white-a70: rgba(255, 255, 255, .7);--aporia-white-a87: rgba(255, 255, 255, .87);--aporia-solid-05: #0d0d0d;--aporia-solid-08: #141414;--aporia-solid-12: #202020;--aporia-solid-18: #2e2e2e;--aporia-black: #000000;--aporia-inverse-100: #ffffff;--aporia-inverse-200: #e6e6e6;--aporia-inverse-300: #d0d0d0;--aporia-color-scheme: dark;--aporia-panel-bg: var(--aporia-black);--aporia-panel-rim: var(--aporia-popover-rim);--aporia-panel-shadow: 0 162px 45px 0 rgba(0, 0, 0, 0), 0 103px 41px 0 rgba(0, 0, 0, .01), 0 58px 35px 0 rgba(0, 0, 0, .05), 0 26px 26px 0 rgba(0, 0, 0, .08), 0 6px 14px 0 rgba(0, 0, 0, .09);--aporia-surface: var(--aporia-white-a5);--aporia-surface-hover: var(--aporia-white-a8);--aporia-border: var(--aporia-white-a5);--aporia-fill: var(--aporia-white-a12);--aporia-fill-hover: var(--aporia-white-a18);--aporia-fill-solid: var(--aporia-solid-12);--aporia-fill-solid-hover: var(--aporia-solid-18);--aporia-row-bg: var(--aporia-fill);--aporia-row-bg-hover: var(--aporia-fill-hover);--aporia-text: var(--aporia-white-a87);--aporia-text-muted: var(--aporia-white-a45);--aporia-text-inverse: var(--aporia-black);--aporia-icon: var(--aporia-white-a55);--aporia-track: var(--aporia-white-a12);--aporia-track-hover: var(--aporia-white-a18);--aporia-track-pressed: var(--aporia-white-a26);--aporia-thumb: var(--aporia-white-a70);--aporia-thumb-active: var(--aporia-inverse-100);--aporia-tick: var(--aporia-white-a35);--aporia-inverse: var(--aporia-inverse-100);--aporia-inverse-hover: var(--aporia-inverse-200);--aporia-inverse-active: var(--aporia-inverse-300);--aporia-popover-bg: var(--aporia-panel-bg);--aporia-popover-surface: var(--aporia-solid-08);--aporia-popover-rim: var(--aporia-white-a12);--aporia-focus-ring: var(--aporia-white-a45);--aporia-tick-layer-opacity: .3;--aporia-thumb-idle-opacity: 0;--color-page: #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;--aporia-ease: cubic-bezier(.23, 1, .32, 1);--aporia-ease-morph: cubic-bezier(.77, 0, .175, 1);--aporia-ease-bounce: cubic-bezier(.16, 1, .3, 1);--aporia-duration-fast: .15s;--aporia-duration-base: .2s;--aporia-duration-morph: .28s}.aporia-light{--aporia-white-a5: rgba(0, 0, 0, .04);--aporia-white-a8: rgba(0, 0, 0, .06);--aporia-white-a12: rgba(0, 0, 0, .1);--aporia-white-a18: rgba(0, 0, 0, .15);--aporia-white-a26: rgba(0, 0, 0, .22);--aporia-white-a35: rgba(0, 0, 0, .32);--aporia-white-a45: rgba(0, 0, 0, .42);--aporia-white-a55: rgba(0, 0, 0, .55);--aporia-white-a70: rgba(0, 0, 0, .68);--aporia-white-a87: rgba(0, 0, 0, .85);--aporia-solid-05: #f2f2f2;--aporia-solid-08: #ededed;--aporia-solid-12: #e5e5e5;--aporia-solid-18: #d8d8d8;--aporia-black: #ffffff;--aporia-inverse-100: #1a1a1a;--aporia-inverse-200: #000000;--aporia-inverse-300: #000000;--aporia-color-scheme: light;--aporia-panel-bg: var(--aporia-black);--aporia-panel-rim: #e5e5e5;--aporia-panel-shadow: 0 62px 37px 0 rgba(0, 0, 0, .01), 0 28px 28px 0 rgba(0, 0, 0, .02), 0 7px 15px 0 rgba(0, 0, 0, .02);--aporia-surface: var(--aporia-solid-05);--aporia-surface-hover: var(--aporia-solid-08);--aporia-border: var(--aporia-white-a5);--aporia-fill: var(--aporia-white-a12);--aporia-fill-hover: var(--aporia-white-a18);--aporia-fill-solid: var(--aporia-solid-12);--aporia-fill-solid-hover: var(--aporia-solid-18);--aporia-row-bg: var(--aporia-fill);--aporia-row-bg-hover: var(--aporia-fill-hover);--aporia-text: #3f3f3f;--aporia-text-muted: var(--aporia-white-a45);--aporia-text-inverse: #ffffff;--aporia-icon: var(--aporia-white-a55);--aporia-track: var(--aporia-white-a12);--aporia-track-hover: var(--aporia-white-a18);--aporia-track-pressed: var(--aporia-white-a26);--aporia-thumb: var(--aporia-white-a70);--aporia-thumb-active: var(--aporia-inverse-100);--aporia-tick: var(--aporia-white-a35);--aporia-inverse: var(--aporia-inverse-100);--aporia-inverse-hover: var(--aporia-inverse-200);--aporia-inverse-active: var(--aporia-inverse-300);--aporia-popover-bg: #ffffff;--aporia-popover-surface: var(--aporia-solid-08);--aporia-popover-rim: var(--aporia-white-a12);--aporia-focus-ring: var(--aporia-white-a45)}:root{font-family:var(--aporia-font-family);line-height:1.5;font-weight:400;color:var(--aporia-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(--aporia-text);color-scheme:var(--aporia-color-scheme);background-color:var(--aporia-panel-bg);border:.5px solid var(--aporia-panel-rim);box-shadow:var(--aporia-panel-shadow);overflow:visible;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.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:var(--aporia-icon);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:color var(--aporia-duration-base) var(--aporia-ease),background-color var(--aporia-duration-base) var(--aporia-ease),transform var(--aporia-duration-fast) var(--aporia-ease)}.aporiaPanelToggle:active{transform:scale(.97)}.aporiaPanelToggle:focus-visible{outline:2px solid var(--aporia-focus-ring);outline-offset:2px}.aporiaPanel[data-collapsed=true] .aporiaPanelToggle{color:var(--aporia-inverse);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;opacity:1;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;--aporia-scroll-fade: 48px;--aporia-scroll-shield: 16px;--aporia-scroll-fade-top: 0px;--aporia-scroll-fade-bottom: 0px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.002) calc(var(--aporia-scroll-fade-top) * .0625),rgba(0,0,0,.016) calc(var(--aporia-scroll-fade-top) * .125),rgba(0,0,0,.049) calc(var(--aporia-scroll-fade-top) * .1875),rgba(0,0,0,.104) calc(var(--aporia-scroll-fade-top) * .25),rgba(0,0,0,.18) calc(var(--aporia-scroll-fade-top) * .3125),rgba(0,0,0,.275) calc(var(--aporia-scroll-fade-top) * .375),rgba(0,0,0,.384) calc(var(--aporia-scroll-fade-top) * .4375),rgba(0,0,0,.5) calc(var(--aporia-scroll-fade-top) * .5),rgba(0,0,0,.616) calc(var(--aporia-scroll-fade-top) * .5625),rgba(0,0,0,.725) calc(var(--aporia-scroll-fade-top) * .625),rgba(0,0,0,.82) calc(var(--aporia-scroll-fade-top) * .6875),rgba(0,0,0,.896) calc(var(--aporia-scroll-fade-top) * .75),rgba(0,0,0,.951) calc(var(--aporia-scroll-fade-top) * .8125),rgba(0,0,0,.984) calc(var(--aporia-scroll-fade-top) * .875),rgba(0,0,0,.998) calc(var(--aporia-scroll-fade-top) * .9375),rgba(0,0,0,1) var(--aporia-scroll-fade-top),rgba(0,0,0,1) calc(100% - var(--aporia-scroll-fade-bottom)),rgba(0,0,0,.998) calc(100% - var(--aporia-scroll-fade-bottom) * .9375),rgba(0,0,0,.984) calc(100% - var(--aporia-scroll-fade-bottom) * .875),rgba(0,0,0,.951) calc(100% - var(--aporia-scroll-fade-bottom) * .8125),rgba(0,0,0,.896) calc(100% - var(--aporia-scroll-fade-bottom) * .75),rgba(0,0,0,.82) calc(100% - var(--aporia-scroll-fade-bottom) * .6875),rgba(0,0,0,.725) calc(100% - var(--aporia-scroll-fade-bottom) * .625),rgba(0,0,0,.616) calc(100% - var(--aporia-scroll-fade-bottom) * .5625),rgba(0,0,0,.5) calc(100% - var(--aporia-scroll-fade-bottom) * .5),rgba(0,0,0,.384) calc(100% - var(--aporia-scroll-fade-bottom) * .4375),rgba(0,0,0,.275) calc(100% - var(--aporia-scroll-fade-bottom) * .375),rgba(0,0,0,.18) calc(100% - var(--aporia-scroll-fade-bottom) * .3125),rgba(0,0,0,.104) calc(100% - var(--aporia-scroll-fade-bottom) * .25),rgba(0,0,0,.049) calc(100% - var(--aporia-scroll-fade-bottom) * .1875),rgba(0,0,0,.016) calc(100% - var(--aporia-scroll-fade-bottom) * .125),rgba(0,0,0,.002) calc(100% - var(--aporia-scroll-fade-bottom) * .0625),rgba(0,0,0,0) 100%);mask-image:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.002) calc(var(--aporia-scroll-fade-top) * .0625),rgba(0,0,0,.016) calc(var(--aporia-scroll-fade-top) * .125),rgba(0,0,0,.049) calc(var(--aporia-scroll-fade-top) * .1875),rgba(0,0,0,.104) calc(var(--aporia-scroll-fade-top) * .25),rgba(0,0,0,.18) calc(var(--aporia-scroll-fade-top) * .3125),rgba(0,0,0,.275) calc(var(--aporia-scroll-fade-top) * .375),rgba(0,0,0,.384) calc(var(--aporia-scroll-fade-top) * .4375),rgba(0,0,0,.5) calc(var(--aporia-scroll-fade-top) * .5),rgba(0,0,0,.616) calc(var(--aporia-scroll-fade-top) * .5625),rgba(0,0,0,.725) calc(var(--aporia-scroll-fade-top) * .625),rgba(0,0,0,.82) calc(var(--aporia-scroll-fade-top) * .6875),rgba(0,0,0,.896) calc(var(--aporia-scroll-fade-top) * .75),rgba(0,0,0,.951) calc(var(--aporia-scroll-fade-top) * .8125),rgba(0,0,0,.984) calc(var(--aporia-scroll-fade-top) * .875),rgba(0,0,0,.998) calc(var(--aporia-scroll-fade-top) * .9375),rgba(0,0,0,1) var(--aporia-scroll-fade-top),rgba(0,0,0,1) calc(100% - var(--aporia-scroll-fade-bottom)),rgba(0,0,0,.998) calc(100% - var(--aporia-scroll-fade-bottom) * .9375),rgba(0,0,0,.984) calc(100% - var(--aporia-scroll-fade-bottom) * .875),rgba(0,0,0,.951) calc(100% - var(--aporia-scroll-fade-bottom) * .8125),rgba(0,0,0,.896) calc(100% - var(--aporia-scroll-fade-bottom) * .75),rgba(0,0,0,.82) calc(100% - var(--aporia-scroll-fade-bottom) * .6875),rgba(0,0,0,.725) calc(100% - var(--aporia-scroll-fade-bottom) * .625),rgba(0,0,0,.616) calc(100% - var(--aporia-scroll-fade-bottom) * .5625),rgba(0,0,0,.5) calc(100% - var(--aporia-scroll-fade-bottom) * .5),rgba(0,0,0,.384) calc(100% - var(--aporia-scroll-fade-bottom) * .4375),rgba(0,0,0,.275) calc(100% - var(--aporia-scroll-fade-bottom) * .375),rgba(0,0,0,.18) calc(100% - var(--aporia-scroll-fade-bottom) * .3125),rgba(0,0,0,.104) calc(100% - var(--aporia-scroll-fade-bottom) * .25),rgba(0,0,0,.049) calc(100% - var(--aporia-scroll-fade-bottom) * .1875),rgba(0,0,0,.016) calc(100% - var(--aporia-scroll-fade-bottom) * .125),rgba(0,0,0,.002) calc(100% - var(--aporia-scroll-fade-bottom) * .0625),rgba(0,0,0,0) 100%)}.aporiaPanelBody::-webkit-scrollbar{display:none}.aporiaPanelBody[data-fade-top=true]{--aporia-scroll-fade-top: var(--aporia-scroll-fade)}.aporiaPanelBody[data-fade-bottom=true]{--aporia-scroll-fade-bottom: var(--aporia-scroll-fade)}.aporiaPanelScrollShield{position:sticky;top:0;z-index:1;flex:0 0 auto;height:var(--aporia-scroll-shield);pointer-events:none}.aporiaPanelBody[data-fade-top=true] .aporiaPanelScrollShield{pointer-events:auto}.aporiaPanelBodyContent{display:flex;flex-direction:column;gap:8px;align-items:stretch;min-width:0}.aporiaPanelBody[data-overflows=true] .aporiaPanelBodyContent{padding-bottom:16px}.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;cursor:pointer;-webkit-user-select:none;user-select:none}.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(--aporia-text-muted);cursor:pointer;border-radius:6px;transform:scale(1);transition:transform var(--aporia-duration-fast) var(--aporia-ease),color var(--aporia-duration-fast) var(--aporia-ease),background-color var(--aporia-duration-fast) var(--aporia-ease)}@media (hover: hover) and (pointer: fine){.categoryHeader:hover .categoryChevronBtn{color:var(--aporia-thumb);background:var(--aporia-surface)}}.categoryChevronBtn:active{transform:scale(.97)}.categoryChevronBtn:focus-visible{outline:2px solid var(--aporia-focus-ring);outline-offset:2px}.categoryChevronIcon{display:block;width:14px;height:14px;transform:rotate(0);transform-origin:50% 50%;transition:transform var(--aporia-duration-base) var(--aporia-ease)}.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 var(--aporia-duration-fast) var(--aporia-ease),opacity var(--aporia-duration-fast) var(--aporia-ease),background-color var(--aporia-duration-fast) var(--aporia-ease)}.categoryDisabledDot:after{content:"";width:4px;height:4px;border-radius:50%;background:var(--aporia-text);flex-shrink:0;transition:transform var(--aporia-duration-fast) var(--aporia-ease),background-color var(--aporia-duration-fast) var(--aporia-ease),opacity var(--aporia-duration-fast) var(--aporia-ease)}@media (hover: hover) and (pointer: fine){.categoryDisabledDot:hover:after{background:var(--aporia-inverse);transform:scale(1.15)}}.categoryDisabledDot:active{transform:scale(.97)}.categoryDisabledDot:active:after{transform:scale(1.05)}.categoryDisabledDot:focus-visible{outline:2px solid var(--aporia-focus-ring);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(--aporia-text-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(--aporia-thumb);transition:color var(--aporia-duration-base) var(--aporia-ease);min-width:0}.valueInput--right{justify-content:flex-end;text-align:right}.valueInput[data-active=true]{color:var(--aporia-inverse)}.valueInput[data-disabled=true]{cursor:default;color:var(--aporia-thumb);pointer-events:none}.valueInput:focus-visible{outline:none}.valueInputText{text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:1px;text-underline-offset:3px;transition:text-decoration-color var(--aporia-duration-base) var(--aporia-ease)}.valueInput:hover .valueInputText,.valueInput:focus-visible .valueInputText{text-decoration-color:currentColor}.valueInput[data-editing=true] .valueInputText,.valueInput[data-disabled=true] .valueInputText{text-decoration:none}.valueInputPrefix,.valueInputSuffix{pointer-events:none;-webkit-user-select:none;user-select:none;flex-shrink:0}.valueInputPlaceholder{display:inline;pointer-events:none;opacity:.35}.valueInputText{display:inline;pointer-events:none}.valueInputSlot{display:inline-grid;justify-items:start}.valueInput--right .valueInputSlot{justify-items:end}.valueInputSlot>*{grid-area:1 / 1}.valueInputReserve{visibility:hidden;pointer-events:none;-webkit-user-select:none;user-select: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(--aporia-inverse);outline:none;text-decoration:none;cursor:text}.valueInput--right .valueInputField{text-align:right}.valueInputField::selection{background:var(--aporia-inverse);color:var(--aporia-text-inverse)}.valueInputField::-moz-selection{background:var(--aporia-inverse);color:var(--aporia-text-inverse)}.aporiaIconButton{display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;margin:0;border:none;border-radius:9px;background:transparent;color:var(--aporia-thumb);cursor:pointer;transition:background-color var(--aporia-duration-fast) var(--aporia-ease),color var(--aporia-duration-fast) var(--aporia-ease)}.aporiaIconButton:hover{background:var(--aporia-popover-surface);color:var(--aporia-inverse)}.aporiaIconButton:focus-visible{outline:2px solid var(--aporia-focus-ring);outline-offset:1px}.aporiaIconButton:disabled{pointer-events:none;opacity:.45}.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(--aporia-row-bg);box-shadow:inset 0 0 0 .5px var(--aporia-border);overflow:hidden;transition:background-color var(--aporia-duration-base) var(--aporia-ease);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(--aporia-thumb);user-select:none;-webkit-user-select:none;-moz-user-select:none}.selectCard:hover:not(:disabled){background:var(--aporia-row-bg-hover)}.selectCard:focus{outline:none}.selectCard:focus-visible{outline:2px solid var(--aporia-thumb);outline-offset:2px}.selectCard[data-popup-open=true]{background:var(--aporia-row-bg-hover)}.selectCard:active:not(:disabled){background:var(--aporia-row-bg-hover)}.selectLabel{position:relative;font-size:14px;font-weight:400;color:var(--aporia-thumb);letter-spacing:.28px;flex:1;min-width:0;z-index:2;pointer-events:none;transition:color var(--aporia-duration-base) var(--aporia-ease)}.selectCard:hover:not(:disabled) .selectLabel,.selectCard[data-popup-open=true] .selectLabel{color:var(--aporia-inverse)}.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(--aporia-inverse);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.selectValue[data-placeholder]{color:var(--aporia-thumb)}.selectIcon{display:flex;flex-shrink:0;color:var(--aporia-thumb)}.selectCard:hover:not(:disabled) .selectIcon,.selectCard[data-popup-open=true] .selectIcon{color:var(--aporia-thumb)}.selectChevronSvg{display:block;transition:transform var(--aporia-duration-base) var(--aporia-ease)}.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;width:var(--aporia-panel-max-width)}.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;max-width:100%;pointer-events:auto;color-scheme:var(--aporia-color-scheme);font-family:var(--aporia-font-family, inherit);padding:4px;border-radius:12px;background:var(--aporia-popover-bg);border:.5px solid var(--aporia-popover-rim);color:var(--aporia-inverse);outline:none;transform-origin:top left;opacity:1;transform:translateY(0) scale(1);transition:opacity var(--aporia-duration-base) var(--aporia-ease),transform var(--aporia-duration-base) var(--aporia-ease)}.selectPopup[data-side=left]{transform-origin:top right}.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:var(--aporia-thumb);cursor:pointer;text-align:left;display:flex;align-items:center;width:100%;transition:background-color var(--aporia-duration-fast) var(--aporia-ease),color var(--aporia-duration-fast) var(--aporia-ease)}.selectItem[role=option][data-highlighted],.selectItem[role=option]:hover{background-color:var(--aporia-popover-surface)}.selectItem[role=option][data-selected],.selectItem[role=option][aria-selected=true]{color:var(--aporia-inverse)}.selectItem[data-disabled]{opacity:.45;cursor:default}.selectItemText{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selectItem[data-deletable]{padding-right:4px}.selectItemDelete{flex:0 0 auto;width:22px;height:22px;margin-left:4px;border-radius:7px;opacity:0;transition:opacity var(--aporia-duration-fast) var(--aporia-ease),background-color var(--aporia-duration-fast) var(--aporia-ease),color var(--aporia-duration-fast) var(--aporia-ease)}.selectItem:hover .selectItemDelete,.selectItem[data-highlighted] .selectItemDelete{opacity:1}@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}}.driverPreview{position:relative;display:block;width:100%;height:111px;margin:0;padding:0;border:none;border-radius:12px;background:var(--aporia-popover-surface);cursor:pointer;overflow:hidden;transition:opacity var(--aporia-duration-fast) var(--aporia-ease)}.driverPreview:focus-visible{outline:2px solid var(--aporia-focus-ring);outline-offset:2px}.driverPreview[data-active=false]{opacity:.4}.driverPreview[data-active=false] .driverPreviewHead{opacity:0}.driverPreviewSvg{display:block;width:100%;height:100%}.driverPreviewCurve{fill:none;stroke:var(--aporia-inverse-100);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.driverPreviewFillTop{stop-color:var(--aporia-inverse-100);stop-opacity:.22}.driverPreviewFillBottom{stop-color:var(--aporia-inverse-100);stop-opacity:0}.driverPreviewHead{position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:50%;background:var(--aporia-inverse-100);transform:translate(-50%,-50%);pointer-events:none}.swatchPopoverPortal{position:relative;z-index:200000;isolation:isolate}.swatchPopoverPositioner{z-index:0}.swatchPopoverPopup{position:relative;z-index:1;color-scheme:var(--aporia-color-scheme);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(--aporia-inverse);outline:none;transform-origin:top left;opacity:1;transform:translateY(0) scale(1);transition:opacity var(--aporia-duration-base) var(--aporia-ease),transform var(--aporia-duration-base) var(--aporia-ease-bounce)}.swatchPopoverPopup[data-side=left]{transform-origin:top right}.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(--aporia-thumb)}.swatchPopoverBody{font-size:13px;line-height:1.45;color:var(--aporia-thumb)}.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)}.driverPopoverPopup{box-sizing:border-box;width:var(--aporia-panel-max-width);padding:8px;border-radius:20px;background:var(--aporia-popover-bg);border:.5px solid var(--aporia-popover-rim);box-shadow:var(--aporia-panel-shadow)}.driverPopoverBody,.driverPopoverRows{display:flex;flex-direction:column;gap:4px}.aporiaDriverDot{position:absolute;left:0;top:50%;transform:translate(-50%,-50%);z-index:4;width:20px;height:20px;padding:0;border:none;background:transparent;cursor:pointer;opacity:0;transition:opacity var(--aporia-duration-fast) var(--aporia-ease)}.aporiaDriverDot:before{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;transform:translate(-50%,-50%);border-radius:50%;background:var(--aporia-thumb);transition:background var(--aporia-duration-fast) var(--aporia-ease),transform var(--aporia-duration-fast) var(--aporia-ease)}.aporiaDriverDot:active:before{transform:translate(-50%,-50%) scale(.8)}.aporiaDriverDot[data-active=true]:before{background:var(--aporia-inverse-100)}.aporiaDriverDot[data-show=true]{opacity:1}.aporiaDriverDot:focus-visible{outline:2px solid var(--aporia-focus-ring);outline-offset:2px;border-radius:50%}.aporiaDriverChips{display:flex;gap:12px;padding:6px 4px 0}.aporiaDriverChip{display:inline-flex;align-items:center;gap:6px;padding:2px 4px;border:none;border-radius:6px;background:transparent;color:var(--aporia-text-muted);font:inherit;font-size:12px;cursor:pointer}.aporiaDriverChip:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--aporia-thumb);transition:background var(--aporia-duration-fast) var(--aporia-ease)}.aporiaDriverChip[data-active=true]{color:var(--aporia-inverse)}.aporiaDriverChip[data-active=true]:before{background:var(--aporia-inverse-100)}.aporiaDriverChip:focus-visible{outline:2px solid var(--aporia-focus-ring);outline-offset:2px}.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(--aporia-surface);box-shadow:inset 0 0 0 .5px var(--aporia-border);overflow:hidden;transition:background-color var(--aporia-duration-base) var(--aporia-ease);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(--aporia-surface-hover)}.sliderTrack{position:absolute;top:0;bottom:0;left:0;right:auto;z-index:0;background:var(--aporia-fill-solid);border-radius:12px;pointer-events:none;transition:background-color var(--aporia-duration-base) var(--aporia-ease)}.sliderTrack[data-active=true]{background:var(--aporia-fill-solid-hover)}.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(--aporia-tick);opacity:var(--aporia-tick-layer-opacity)}.sliderThumb{position:absolute;top:50%;width:2px;height:16px;border-radius:999px;background:var(--aporia-thumb);transform:translate(-100%,-50%);pointer-events:none;opacity:0;z-index:3;transition:background-color var(--aporia-duration-fast) var(--aporia-ease)}.sliderThumb[data-dragging=true]{background:var(--aporia-thumb-active)}.sliderLabel{position:relative;font-size:14px;font-weight:400;color:var(--aporia-thumb);letter-spacing:.28px;flex:1;min-width:0;z-index:3;pointer-events:none;-webkit-user-select:none;user-select:none}.sliderLabelText,.sliderValueText{display:inline}.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;pointer-events:none}.sliderValueZone .valueInput{pointer-events:auto}.sliderValue{-webkit-user-select:none;user-select:none}.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}.pointPad{width:220px;padding:6px;box-sizing:border-box;color-scheme:var(--aporia-color-scheme);font-family:var(--aporia-font-family, inherit);background:var(--aporia-popover-bg);border:.5px solid var(--aporia-popover-rim);border-radius:12px}.pointPadField{position:relative;aspect-ratio:1 / 1;border-radius:6px;cursor:crosshair;touch-action:none;outline:none;background:linear-gradient(to right,transparent calc(50% - .5px),var(--aporia-track) calc(50% - .5px),var(--aporia-track) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(to bottom,transparent calc(50% - .5px),var(--aporia-track) calc(50% - .5px),var(--aporia-track) calc(50% + .5px),transparent calc(50% + .5px)),var(--aporia-popover-surface)}.pointPadField:focus-visible{box-shadow:0 0 0 2px var(--aporia-focus-ring)}.pointPadArea{position:absolute;top:5px;right:5px;bottom:5px;left:5px}.pointPadTrail{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;color:var(--aporia-inverse-100);opacity:.5;pointer-events:none}.pointPadDot{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--aporia-inverse-100);transform:translate(-50%,-50%);pointer-events:none}.pointRowWrap{width:100%;max-width:100%;min-width:0;position:relative;overflow:visible}.pointRowWrap[data-disabled=true]{opacity:.45}.pointRowWrap[data-disabled=true] .pointCard{pointer-events:none}.pointCard{position:relative;height:37px;border-radius:12px;background:var(--aporia-row-bg);box-shadow:inset 0 0 0 .5px var(--aporia-border);overflow:hidden;transition:background-color var(--aporia-duration-base) var(--aporia-ease);display:flex;align-items:center;padding:10px 12px;box-sizing:border-box;user-select:none;-webkit-user-select:none}.pointCard[data-active=true]{background:var(--aporia-row-bg-hover)}.pointLabel{position:relative;font-size:14px;font-weight:400;color:var(--aporia-thumb);letter-spacing:.28px;flex:1;min-width:0;z-index:2;pointer-events:none;transition:color var(--aporia-duration-base) var(--aporia-ease)}.pointCard[data-active=true] .pointLabel{color:var(--aporia-inverse)}.pointValueZone{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;max-width:60%}.pointSep{margin:0 -4px;color:var(--aporia-text-muted);font-size:14px;font-variant-numeric:tabular-nums}.pointThumb{flex-shrink:0;position:relative;width:16px;height:16px;padding:0;border:none;border-radius:5px;cursor:pointer;background:var(--aporia-track);transition:background var(--aporia-duration-fast) var(--aporia-ease)}.pointThumb:hover{background:var(--aporia-track-hover)}.pointThumb:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px}.pointThumbArea{position:absolute;top:3px;right:3px;bottom:3px;left:3px}.pointThumbDot{position:absolute;width:6px;height:6px;border-radius:5px;background:var(--aporia-inverse-100);transform:translate(-50%,-50%);pointer-events:none}.pointThumb:focus-visible{outline:2px solid var(--aporia-focus-ring);outline-offset:2px}.colorPicker{position:relative;display:flex;flex-direction:column;width:190px;box-sizing:border-box;color-scheme:var(--aporia-color-scheme);font-family:var(--aporia-font-family, inherit);background:var(--aporia-popover-bg);border:.5px solid var(--aporia-popover-rim);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 var(--aporia-focus-ring)}.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 var(--aporia-border);cursor:pointer;touch-action:none;outline:none;box-sizing:border-box}.colorPickerHue:focus-visible{box-shadow:0 0 0 2px var(--aporia-focus-ring)}.colorPickerIndicator{position:absolute;width:16px;height:16px;margin-left:-8px;margin-top:-8px;border:2px solid var(--aporia-inverse);border-radius:50%;box-shadow:0 0 0 .5px #0000000f,inset 0 0 0 .5px #0000000f;pointer-events:none;box-sizing:border-box}.colorPickerChips{padding:6px 8px 0}.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:var(--aporia-thumb)}.colorPickerTripletBtn{flex:0 0 auto;width:3ch}.colorPickerTripletBtn .valueInputField{width:3ch}.colorPickerActions{display:flex;align-items:center;border-radius:9px;flex-shrink:0}.colorPickerModeBtn{display:inline-flex;align-items:center;justify-content:center;height:26px;padding:0 6px;border:none;border-radius:9px;background:transparent;color:var(--aporia-thumb);font-size:14px;line-height:normal;letter-spacing:.28px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--aporia-duration-fast) var(--aporia-ease),color var(--aporia-duration-fast) var(--aporia-ease)}.colorPickerModeBtn:hover{background:var(--aporia-popover-surface);color:var(--aporia-inverse)}.colorPickerModeBtn:focus-visible{outline:2px solid var(--aporia-focus-ring);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}.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(--aporia-row-bg);box-shadow:inset 0 0 0 .5px var(--aporia-border);overflow:hidden;transition:background-color var(--aporia-duration-base) var(--aporia-ease);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(--aporia-row-bg-hover)}.colorLabel{position:relative;font-size:14px;font-weight:400;color:var(--aporia-thumb);letter-spacing:.28px;flex:1;min-width:0;z-index:2;pointer-events:none;transition:color var(--aporia-duration-base) var(--aporia-ease)}.colorCard[data-active=true] .colorLabel{color:var(--aporia-inverse)}.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(--aporia-thumb);outline-offset:2px}@font-face{font-family:Inter;src:url(/fonts/Inter-var-latin.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}html,body,#root{background:#fff}::selection{background:#000;color:#fff}::-moz-selection{background:#000;color:#fff}.playShell{--play-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--play-ink: #1f1f1f;--play-icon: color-mix(in srgb, var(--play-ink) 55%, transparent);--play-icon-hover: var(--play-ink);--play-copy-hover: color-mix(in srgb, var(--play-ink) 6%, transparent);--play-pad-top: 40px;--play-hero-max: 658px;--play-story-gap: 56px;--play-enter-stagger: 50ms;--play-fade-h: max(64px, min(20vh, calc(var(--play-started-h, 0px) * .4)))}.play{position:relative;background:#fff;color:#1f1f1f;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;letter-spacing:-.09px;min-height:100vh;padding:var(--play-pad-top) 16px var(--play-fade-h);overflow-x:hidden;pointer-events:none}.playShell[data-ready] .play{pointer-events:auto}.playHead,.playHeroBox,.playStory,.playDocs,.playFoot{opacity:0;transform:translateY(8px)}.playShell[data-ready] .playHead,.playShell[data-ready] .playBleedCanvas[data-painted],.playShell[data-ready] .playHeroBox,.playShell[data-ready] .playStory,.playShell[data-ready] .playDocs,.playShell[data-ready] .playFoot{animation:playEnter .4s var(--aporia-ease) forwards}.playShell[data-ready] .playHead{animation-delay:0ms}.playShell[data-ready] .playBleedCanvas[data-painted]{animation-delay:var(--play-enter-stagger)}.playShell[data-ready] .playHeroBox{animation-delay:calc(var(--play-enter-stagger) * 2)}.playShell[data-ready] .playStory{animation-delay:calc(var(--play-enter-stagger) * 3)}.playShell[data-ready] .playDocs{animation-delay:calc(var(--play-enter-stagger) * 4)}.playShell[data-ready] .playFoot{animation-delay:calc(var(--play-enter-stagger) * 5)}@keyframes playEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes playEnterFade{0%{opacity:0}to{opacity:1}}.playHeroBleed{--play-hero-gap: 32px;--play-hero-below: 120px;--play-hero-chrome: calc( var(--play-pad-top) + var(--play-head-h, 122px) + var(--play-hero-gap) + var(--play-hero-below) );--play-hero-h: var(--play-hero-max);--play-hero-h: min(var(--play-hero-max), calc(100dvh - var(--play-hero-chrome)));position:relative;display:flex;flex-direction:column;gap:var(--play-hero-gap);width:100vw;max-width:100vw;margin-inline:calc(50% - 50vw);margin-bottom:calc(var(--play-story-gap) - var(--play-bleed-below, 32px) - var(--play-hero-gap));padding-inline:max(0px,calc(50vw - 275px));padding-bottom:var(--play-bleed-below, 32px);overflow:hidden}.playBleedCanvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;pointer-events:none;opacity:0;transform:translateY(8px);-webkit-mask-image:linear-gradient(to bottom,transparent calc(38px + 1.25em),#000 calc(38px + 1.25em));mask-image:linear-gradient(to bottom,transparent calc(38px + 1.25em),#000 calc(38px + 1.25em))}.playHeroBleed .playHead,.playHeroBleed .playHeroBox{position:relative;z-index:1}.playFade{position:fixed;left:0;right:0;bottom:0;height:var(--play-fade-h);pointer-events:none;z-index:8;opacity:0;transform:translateY(var(--play-fade-shift, 0px));background:linear-gradient(to bottom,#fff0,#ffffff01 8.3%,#ffffff05 16.7%,#ffffff0e,#ffffff1e 33.3%,#ffffff41 41.7%,#ffffff98,#ffffffd0 58.3%,#ffffffe7 66.7%,#fffffff4,#fffffffb 83.3%,#fffffffe 91.7%,#fff)}.playShell[data-ready] .playFade{animation:playEnterFade .4s var(--aporia-ease) calc(var(--play-enter-stagger) * 3) forwards}.playCol{position:relative;z-index:1;display:flex;flex-direction:column;gap:56px;width:min(550px,100%);max-width:550px;margin:0 auto}.playIntro{display:flex;flex-direction:column;gap:32px;min-width:0}.playHead{display:flex;flex-direction:column;gap:24px}.playMark{display:block;width:14px;height:14px;color:#1f1f1f}.playHeadText{display:flex;flex-direction:column;gap:8px}.playTitle{display:flex;gap:8px;align-items:baseline;line-height:1.25;margin:0}.playName{font-weight:450;color:#1f1f1f}.playVersion{font-family:var(--play-mono);font-weight:400;color:#1f1f1f8a}.playLede{font-weight:380;line-height:1.38;color:#1f1f1f;margin:0}.playHeroBox{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-width:0;height:var(--play-hero-h);min-height:fit-content;padding:24px;border-radius:12px}.playHeroBox .aporiaPanel{position:relative;z-index:1;width:100%;align-self:center}.playStory{position:relative;z-index:1;display:flex;flex-direction:column;gap:16px}.playStory p{font-weight:380;line-height:1.38;color:#1f1f1f;margin:0}.playDocs{display:flex;flex-direction:column;gap:56px;padding-top:24px}.playBlock{display:flex;flex-direction:column;gap:24px}.playTitleGroup{display:flex;flex-direction:column;gap:8px}.playSectionTitle{font-size:14px;font-weight:480;line-height:1.25;color:#000;margin:0}.playSub{display:flex;flex-direction:column;gap:24px}.playSub+.playSub{margin-top:16px}.playText{font-weight:380;line-height:1.38;color:#1f1f1f;margin:0}.playText code{font-family:var(--play-mono);font-size:13px;font-weight:400;letter-spacing:0;background:#f7f7f7;padding:1px 4px;border-radius:4px;color:#000;white-space:nowrap}.playCodeStack{display:flex;flex-direction:column;gap:8px}.playCode{--play-code-radius: 12px;--play-code-pad-y: 12px;--play-code-pad-right: 44.15px;--play-code-line: 20.15px;--play-copy-inset: 6px;--play-copy-size: 24.15px;--play-copy-icon-size: 14px;position:relative;border-radius:var(--play-code-radius);background:#f7f7f7;overflow:hidden}.playCodeHost{display:contents}.playCodePre{margin:0;padding:var(--play-code-pad-y) var(--play-code-pad-right) var(--play-code-pad-y) 16px;overflow-x:auto;font-family:var(--play-mono);font-size:14px;line-height:var(--play-code-line);font-weight:400;letter-spacing:0;color:#000;white-space:pre-wrap}.playCodePre code{font:inherit}.playCodePre::selection,.playCodePre *::selection{background:#000;color:#fff;-webkit-text-fill-color:#fff}.playCodePre::-moz-selection,.playCodePre *::-moz-selection{background:#000;color:#fff}.playCopy{position:absolute;top:var(--play-copy-inset);right:var(--play-copy-inset);display:flex;align-items:center;justify-content:center;width:var(--play-copy-size);height:var(--play-copy-size);padding:0;border:none;border-radius:calc(var(--play-code-radius) - var(--play-copy-inset));background:transparent;color:var(--play-icon);cursor:pointer;transition:background-color var(--aporia-duration-fast) var(--aporia-ease),color var(--aporia-duration-fast) var(--aporia-ease),transform .16s var(--aporia-ease)}.playCopy[data-copied=true]{color:var(--play-icon-hover)}@media (hover: hover) and (pointer: fine){.playCopy:hover{background:var(--play-copy-hover);color:var(--play-icon-hover)}}.playCopy:active{transform:scale(.97)}.playCopy:focus-visible{outline:2px solid var(--play-ink);outline-offset:1px}.playCopyGlyph{position:relative;display:block;width:var(--play-copy-icon-size);height:var(--play-copy-icon-size)}.playCopyFace{position:absolute;top:0;right:0;bottom:0;left:0}.playCopySvg{display:block;width:100%;height:100%}.playCopyLive{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){.playCopy:active,.playHead,.playBleedCanvas,.playHeroBox,.playStory,.playDocs,.playFoot{transform:none}.playShell[data-ready] .playHead,.playShell[data-ready] .playBleedCanvas[data-painted],.playShell[data-ready] .playHeroBox,.playShell[data-ready] .playStory,.playShell[data-ready] .playDocs,.playShell[data-ready] .playFoot,.playShell[data-ready] .playFade{animation-name:playEnterFade;animation-duration:.2s;animation-delay:0ms}}.playFoot{position:relative;z-index:9;display:flex;justify-content:space-between;align-items:baseline;font-weight:380;line-height:1.38;color:#1f1f1f8a}.playFoot a{color:inherit;text-decoration:none}.playFoot a:hover{color:#1f1f1f}@media (max-width: 598px){.playShell{--play-pad-top: 24px}.play{padding:24px}.playFade{display:none}.playHeroBleed{width:100%;max-width:100%;margin-inline:0;margin-bottom:0;padding-inline:0;padding-bottom:0}.playHeroBox{height:auto}}