.icon{display:inline-block}.icon svg{width:100%;height:auto;display:block;position:relative}.icon svg *{fill:currentColor}.add-card-button{width:max-content}.add-card-button__trigger{letter-spacing:inherit;white-space:normal;text-align:left;color:inherit;cursor:default;white-space:nowrap;border-radius:var(--border-radius-reg);background-color:#0000;background-color:var(--color-white);border:none;border:solid 1px var(--color-gray-5);outline:none;padding:2px 4px;font-family:inherit;display:block}.add-card-button__trigger:hover{background-color:var(--color-gray-1)}.add-card-button__trigger:active{background-color:var(--color-gray-3)}.keyboard-focus .add-card-button:focus-within .add-card-button__trigger{--focus-color:var(--color-brand);z-index:2;box-shadow:0 0 0 2px var(--focus-color),0 0 6px 0 var(--focus-color)}.add-card-button__content{border-radius:var(--border-radius-med);background-color:var(--color-white);--shadow-color:#0000000d;--inset-shadow-color:#0000001f}.dark .add-card-button__content{--shadow-color:#0000001a;--inset-shadow-color:#0003}.add-card-button__content{box-shadow:0 0 0 4px var(--shadow-color)}.add-card-button__content:after{content:"";box-shadow:inset 0 0 0 1px var(--inset-shadow-color);pointer-events:none;border-radius:inherit;display:block;position:absolute;inset:0}.add-card-button__item{letter-spacing:inherit;white-space:normal;text-align:left;color:inherit;cursor:default;background-color:#0000;border:none;outline:none;justify-content:flex-start;align-items:center;width:100%;height:32px;padding:0 8px;font-family:inherit;display:flex}.add-card-button__item:first-child{border-radius:var(--border-radius-med)var(--border-radius-med)0 0}.add-card-button__item:last-child{border-radius:0 0 var(--border-radius-med)var(--border-radius-med)}.add-card-button__item:hover{background-color:var(--color-gray-1)}.add-card-button__item:active{background-color:var(--color-gray-3)}.keyboard-focus .add-card-button__item:focus{--focus-color:var(--color-brand);z-index:2;box-shadow:0 0 0 2px var(--focus-color),0 0 6px 0 var(--focus-color)}.add-card-button__icon{width:16px;height:16px;margin-right:8px;display:inline-block}.add-card-button__separator{background-color:var(--color-gray-3);width:calc(100% - 16px);height:1px;left:8px;right:8px}html,body,*,:after,:before{box-sizing:border-box;margin:0;padding:0;position:relative}:focus{outline-color:var(--color-green)}.app-frame *{cursor:default;-webkit-user-select:none;user-select:none}.app-frame :focus{outline-color:var(--color-green)}.app-frame{--font-family-reg:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;--font-family-mono:"SF Mono","Roboto Mono","Menlo",monospace;--font-size-large:20px;--line-height-large:1.3;--font-size-reg:13px;--line-height-reg:1.3;--letter-spacing-reg:.02em;--font-size-small:10px;--line-height-small:1.3;--font-size-tiny:8px;--line-height-tiny:1.3;--font-weight-bold:600;--font-weight-med:500;--font-weight-reg:400;--font-weight-thin:300;--color-gray-0:#fff;--color-gray-1:#f7f7f7;--color-gray-2:#f5f5f5;--color-gray-3:#f2f2f2;--color-gray-4:#f0f0f0;--color-gray-5:#ebebeb;--color-gray-6:#e0e0e0;--color-gray-7:#c2c2c2;--color-gray-8:#757575;--color-gray-9:#333;--color-gray-10:#000;--color-white:var(--color-gray-0);--color-black:var(--color-gray-10);--color-white-STAY:var(--color-gray-0);--color-black-STAY:var(--color-gray-10);--color-font-reg:var(--color-gray-10);--color-font-med:var(--color-gray-9);--color-font-dis:var(--color-gray-8);--color-brand:#fbe941;--color-brand-medium:#fbd941;--color-brand-dark:#f8c612;--color-red:#e74d3c;--color-red-dark:#bf3a2b;--color-red-darker:#aa3427;--color-red-alpha:#e74d3c33;--color-green:#1abc9c;--color-green-dark:#16a286;--color-green-darker:#12876f;--color-green-alpha:#1abc9c33;--color-blue:#5e9cc5;--color-blue-dark:#287fb8;--color-blue-darker:#2573a7;--color-blue-alpha:#5e9cc533;--color-violet:#9f62b7;--color-violet-dark:#8d43ad;--color-violet-darker:#843fa2;--color-violet-alpha:#9f62b733;--color-orange:#f39c12;--color-orange-dark:#ca8516;--color-orange-darker:#ab7012;--color-orange-alpha:#f39c1233;--color-yellow:var(--color-brand-medium);--color-yellow-dark:#eabd43;--color-yellow-darker:#ddab22;--color-yellow-alpha:#fbd94133;--color-font-red:var(--color-red-dark);--color-font-green:var(--color-green-dark);--color-font-blue:var(--color-blue-dark);--color-font-violet:var(--color-violet-dark);--color-font-orange:var(--color-orange-dark);--color-font-yellow:var(--color-yellow-dark);--color-alert-high:var(--color-red);--color-alert-medium:var(--color-orange);--color-alert-low:var(--color-yellow);--color-code-string:var(--color-orange);--color-code-number:var(--color-violet);--spacing-unit:4px;--border-radius-reg:2px;--border-radius-med:4px;--border-radius-large:8px;--windows-menu-bar-height:29px}.dark .app-frame,.dark.app-frame{--color-gray-0:#303436;--color-gray-1:#323639;--color-gray-2:#373b3e;--color-gray-3:#3a3e41;--color-gray-4:#414649;--color-gray-5:#4a5054;--color-gray-6:#595f64;--color-gray-7:#6e777c;--color-gray-8:#90989d;--color-gray-9:#bbc0c3;--color-gray-10:#e9ebec;--color-white-STAY:var(--color-gray-10);--color-black-STAY:var(--color-gray-0);--color-gray-darkmode-1:#222426;--color-gray-darkmode-2:#292c2e;--color-red:#dd3522;--color-red-dark:#a1372b;--color-red-darker:#97352b;--color-red-alpha:#dd352233;--color-green:#1c9c82;--color-green-dark:#17826d;--color-green-darker:#136c5b;--color-green-alpha:#1c9c8233;--color-blue:#4385b1;--color-blue-dark:#2972a3;--color-blue-darker:#256793;--color-blue-alpha:#4385b133;--color-violet:#965dac;--color-violet-dark:#7c4096;--color-violet-darker:#703a88;--color-violet-alpha:hsla(283,32%,52%,0,2);--color-orange:#e49311;--color-orange-dark:#b87914;--color-orange-darker:#a26a11;-color-orange-alpha:#e4931133;--color-yellow:#ecc413;--color-yellow-dark:#e7b427;--color-yellow-darker:#dca818;--color-yellow-alpha:#ecc41333;--color-font-red:var(--color-red);--color-font-green:var(--color-green);--color-font-blue:var(--color-blue);--color-font-violet:#a16eb4;--color-font-orange:var(--color-orange);--color-font-yellow:var(--color-yellow)}.app-frame{font-family:var(--font-family-reg);font-size:var(--font-size-reg);line-height:var(--line-height-reg);letter-spacing:var(--letter-spacing-reg);font-weight:var(--font-weight-reg);color:var(--color-font-reg)}.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.app-frame__floating{z-index:200;pointer-events:none;position:fixed;inset:0}.input{all:unset;box-sizing:border-box}.input--is-number{font-variant-numeric:tabular-nums}.input--is-number::-webkit-inner-spin-button{appearance:none;width:0;height:0}.input--theme-ghost,.input--theme-default{color:var(--color-font-reg);background-color:var(--color-white);border-radius:var(--border-radius-reg);height:100%;font-family:inherit;font-size:inherit;text-overflow:ellipsis;width:100%;padding:2px 4px;overflow:hidden}.keyboard-focus .input--theme-ghost:focus,.keyboard-focus .input--theme-default:focus{--focus-color:var(--color-brand);z-index:2;box-shadow:0 0 0 2px var(--focus-color),0 0 6px 0 var(--focus-color)}.input--theme-default{border:solid 1px var(--color-gray-6)}.input--theme-default:focus{border-color:var(--color-gray-7)}.input--theme-ghost{border:solid 1px var(--color-gray-1);color:var(--color-font-med)}.input--theme-ghost:hover{border-color:var(--color-gray-4);color:var(--color-font-reg)}.input--theme-ghost:focus{border-color:var(--color-gray-6);color:var(--color-font-reg)}.autogrowing-input{padding-right:2px;position:relative}.autogrowing-input__input{font:inherit;letter-spacing:inherit;color:inherit;background:0 0;border:none;outline:none;width:100%;padding:0;display:block;position:absolute;inset:0}.autogrowing-input__spacer{opacity:0;white-space:nowrap;pointer-events:none}.button{letter-spacing:inherit;white-space:normal;text-align:left;color:inherit;cursor:default;white-space:nowrap;border-radius:var(--border-radius-reg);background-color:#0000;background-color:var(--color-white);border:none;border:solid 1px var(--color-gray-5);text-align:center;outline:none;padding:2px 4px;font-family:inherit;display:block}.button:hover{background-color:var(--color-gray-1)}.button:active{background-color:var(--color-gray-3)}.keyboard-focus .button:focus{--focus-color:var(--color-brand);z-index:2;box-shadow:0 0 0 2px var(--focus-color),0 0 6px 0 var(--focus-color)}.button--is-disabled{pointer-events:none;opacity:.3}.button--is-fill{width:100%;height:100%}.button--theme-outline-white{color:var(--color-white-STAY);background-color:#0000;border:1px solid #ffffffe6!important}.button--theme-outline-white:hover{background-color:#ffffff0d}.button--theme-outline-white:active{background-color:#ffffff1a}.button--theme-white-green{color:var(--color-green-darker);background-color:var(--color-white-STAY);border:none!important}.dark .button--theme-white-green:hover{background-color:#e1e3e5}.dark .button--theme-white-green:active{background-color:#d9dcdd}.button--theme-text-only{color:currentColor;opacity:.7;background-color:#0000;border:none!important}.keyboard-focus .button--theme-text-only:focus,.button--theme-text-only:hover{opacity:1;background-color:#0000}.button--theme-text-only:active{background-color:#0000}.button--theme-ghost{color:currentColor;border-radius:var(--border-radius-med);background-color:#0000;border:none!important}.keyboard-focus .button--theme-ghost:focus,.button--theme-ghost:hover{background-color:var(--color-gray-4)}.button--theme-ghost:active{background-color:var(--color-gray-5)}.tooltip-label__content{background-color:var(--color-gray-9);width:min-content;color:var(--color-white-STAY);border-radius:var(--border-radius-med);white-space:nowrap}.tooltip-label__content-inner{padding:6px 8px}.tooltip-label__arrow{fill:var(--color-gray-9);clip-path:inset(2px 0 0);transform:translateY(-2px)}.dark .tooltip-label__content{background-color:var(--color-gray-darkmode-2)}.dark .tooltip-label__arrow{fill:var(--color-gray-darkmode-2)}.icon-button{letter-spacing:inherit;white-space:normal;text-align:left;color:inherit;cursor:default;white-space:nowrap;border-radius:var(--border-radius-med);background-color:#0000;border:none;outline:none;justify-content:center;align-items:center;padding:0;font-family:inherit;display:flex}.icon-button:hover{background-color:var(--color-gray-4)}.icon-button:active{background-color:var(--color-gray-5)}.icon-button__icon{width:16px;height:16px}.icon-button:active .icon-button__icon{transform-origin:50%;transform:scale(.95)}.keyboard-focus .icon-button:focus{--focus-color:var(--color-brand);z-index:2;box-shadow:0 0 0 2px var(--focus-color),0 0 6px 0 var(--focus-color);background-color:var(--color-gray-4)}.icon-button--is-disabled{pointer-events:none;opacity:.3}.icon-button__tooltip-content{width:min-content;color:var(--color-white);border-radius:var(--border-radius-med);background-color:#333}.icon-button__tooltip-content-inner{padding:6px 8px}.icon-button__tooltip-arrow{fill:#333;clip-path:inset(2px 0 0);transform:translateY(-2px)}.icon-button--theme-on-gray:hover{background:var(--color-gray-6)}.icon-button--theme-on-gray:active{background:var(--color-gray-7)}.icon-button--theme-passive .icon-button__icon svg *{fill:var(--color-font-dis)}.keyboard-focus .icon-button--theme-passive:focus .icon-button__icon svg *,.icon-button--theme-passive:hover .icon-button__icon svg *{fill:var(--color-font-med)}.icon-button--theme-passive:active .icon-button__icon svg *{fill:var(--color-font-reg)}.icon-button--theme-outline.icon-button{border:solid 1px var(--color-gray-5)}.icon-button--theme-outline.icon-button--size-is-small .icon-button__icon{margin-bottom:-1px}.dark .icon-button--theme-outline.icon-button{border-color:var(--color-gray-darkmode-2)}.icon-button--theme-on-green.icon-button .icon-button__icon svg *{fill:var(--color-white-STAY)}.icon-button--theme-on-green.icon-button:hover,.keyboard-focus .icon-button--theme-on-green.icon-button:focus{background-color:var(--color-green-dark)}.icon-button--theme-on-green.icon-button:active{background-color:var(--color-green-darker)}.icon-button--size-is-small{width:16px;height:16px}.icon-button--size-is-regular{width:24px;height:24px}.icon-button--size-is-large{width:32px;height:32px}.icon-button--size-is-fill{width:100%;height:100%}.dark .icon-button--theme-on-gray .icon-button__icon svg *,.dark .icon-button--theme-outline .icon-button__icon svg *,.dark .icon-button--theme-default .icon-button__icon svg *{fill:var(--color-font-med)}.keyboard-focus .icon-toggle:focus{--focus-color:var(--color-brand);z-index:2;box-shadow:0 0 0 2px var(--focus-color),0 0 6px 0 var(--focus-color)}.icon-toggle{border-radius:var(--border-radius-med);letter-spacing:inherit;white-space:normal;text-align:left;color:inherit;cursor:default;background-color:#0000;border:none;outline:none;justify-content:center;align-items:center;padding:0;font-family:inherit;display:flex}.icon-toggle:hover{background:var(--color-gray-4)}.icon-toggle:active{background:var(--color-gray-5);transform:scale(.9)}.icon-toggle:active:before{content:"";transform-origin:50%;display:block;position:absolute;inset:0;transform:scale(1.11111)}.icon-toggle__icon{width:16px;height:16px}.icon-toggle:hover .icon-toggle__icon{color:var(--color-font-reg)}.icon-toggle--is-checked.icon-toggle--theme-default .icon-toggle__icon svg *{fill:var(--color-white-STAY)}.icon-toggle--is-checked,.icon-toggle--is-checked:hover{background:var(--color-green)}.icon-toggle--theme-on-gray:hover{background:var(--color-gray-6)}.icon-toggle--theme-on-gray:active{background:var(--color-gray-7)}.icon-toggle--theme-on-gray.icon-toggle--is-checked,.icon-toggle--theme-on-gray.icon-toggle--is-checked:hover{background:var(--color-green)}.icon-toggle--theme-on-gray.icon-toggle--is-checked svg *,.icon-toggle--theme-on-gray.icon-toggle--is-checked:hover svg *{fill:var(--color-white-STAY)}.icon-toggle--theme-ghost svg *{fill:var(--color-font-dis)}.icon-toggle--theme-ghost:hover svg *{fill:var(--color-font-med)}.icon-toggle--theme-ghost:hover{background:var(--color-gray-5)!important}.icon-toggle--theme-ghost:active{background:var(--color-gray-6)!important}.icon-toggle--theme-ghost.icon-toggle--is-checked{background:inherit}.icon-toggle--theme-ghost.icon-toggle--is-checked svg *{fill:var(--color-font-reg)}.icon-toggle--theme-outline{border:solid 1px var(--color-gray-5)}.icon-toggle--theme-outline.icon-toggle--size-is-small .icon-toggle__icon{margin-bottom:-1px}.icon-toggle--theme-outline.icon-toggle--is-checked .icon-toggle__icon svg *{fill:var(--color-white-STAY)}.icon-toggle--theme-outline.icon-toggle--is-checked{border-color:var(--color-green)}.dark .icon-toggle--theme-outline{border-color:var(--color-gray-darkmode-2)}.icon-toggle--size-is-small{width:16px;height:16px}.icon-toggle--size-is-regular{width:24px;height:24px}.icon-toggle--size-is-regular:active{transform:scale(.95)}.dark .icon-toggle--theme-on-gray .icon-toggle__icon svg *,.dark .icon-toggle--theme-outline .icon-toggle__icon svg *,.dark .icon-toggle--theme-default .icon-toggle__icon svg *{fill:var(--color-font-med)}.dark .icon-toggle--theme-on-gray.icon-toggle--is-checked .icon-toggle__icon svg *,.dark .icon-toggle--theme-outline.icon-toggle--is-checked .icon-toggle__icon svg *,.dark .icon-toggle--theme-default.icon-toggle--is-checked .icon-toggle__icon svg *{fill:var(--color-white-STAY)}.card{--card-background-color:var(--color-gray-1);--card-border-color:var(--color-gray-5);--card-footer-background-color:var(--color-gray-4);--card-footer-border-color:var(--color-gray-6)}.card__main{background-color:var(--card-background-color);border:solid 1px var(--card-border-color);border-radius:var(--border-radius-large);width:100%;transition:box-shadow .3s;box-shadow:0 0 #1abc9c66}.card--is-lit-up .card__main{box-shadow:0 0 0 4px #1abc9c66}.card__code{padding:12px 10px}.card__footer{margin:var(--spacing-unit);border-radius:calc(var(--border-radius-large) - var(--spacing-unit));background:var(--card-footer-background-color);border:solid 1px var(--card-footer-border-color);padding:8px}.card__buttons{top:var(--spacing-unit);right:var(--spacing-unit);flex-direction:row;display:flex;position:absolute}.card__button{opacity:0;width:16px;height:16px}.card__button .icon-button{width:16px;height:16px}.keyboard-focus .card:focus-within .card__buttons,.card:hover .card__buttons{background-color:var(--card-background-color);box-shadow:0 0 0 4px var(--card-background-color);border-radius:var(--border-radius-med)}.keyboard-focus .card:focus-within .card__button,.card:hover .card__button,.card__button--stays-visible{opacity:1}.card__error-log{border-radius:var(--border-radius-med);justify-content:center;align-items:center;width:16px;height:16px;display:flex}.card__error-log:hover,.card__remove-button:hover .icon-button{background:var(--color-gray-5)}.card__remove-button:active .icon-button{background:var(--color-gray-6)}.card--is-disabled .card__main,.card--is-disabled.card--has-warning:before,.card--is-disabled.card--has-error:before{opacity:.5;filter:grayscale()}.card--has-warning{--card-background-color:#fef5e7;--card-border-color:#fad79e;--card-error-indicator-color:var(--color-orange);--card-error-bg-color:var(--color-orange-alpha);--card-error-text-color:var(--color-font-orange)}.card--has-error{--card-background-color:#fceae8;--card-border-color:#f4aca4;--card-error-indicator-color:var(--color-alert-high);--card-error-bg-color:var(--color-red-alpha);--card-error-text-color:var(--color-font-red)}.card--has-warning:before,.card--has-error:before{content:"";background-color:var(--card-error-indicator-color);border-radius:1000px;width:8px;height:8px;display:block;position:absolute;inset:10px 0 0 -16px}.card--has-warning .card__button,.card--has-error .card__button,.card--has-warning .card__footer,.card--has-error .card__footer{mix-blend-mode:luminosity}.card--has-warning .logic-helper-button,.card--has-error .logic-helper-button{mix-blend-mode:multiply}.card__error-message__container{padding:var(--spacing-unit);gap:var(--spacing-unit);flex-wrap:wrap;display:flex}.card__error-message{color:var(--card-error-text-color);border-radius:var(--border-radius-med);background-color:var(--card-error-bg-color);align-items:center;max-width:max-content;margin:0;padding:2px 8px;display:inline-block}.card__error-icon{flex-shrink:0;width:9px;margin-right:4px}.dark .card{--card-background-color:var(--color-gray-2);--card-border-color:var(--color-gray-darkmode-2);--card-footer-border-color:var(--color-gray-1)}.dark .card--has-warning{--card-background-color:#472e05;--card-border-color:#774d09}.dark .card--has-error{--card-background-color:#42100a;--card-border-color:#6e1b11}.card-separator{border-top:solid 1px var(--color-gray-6);border-bottom:solid 1px var(--color-gray-6);align-items:center;height:28px;padding-right:8px;display:flex}.card-separator__slot-name-plus{color:var(--color-font-dis);margin:0 .1em}.card-separator__pwm-indicator{width:7px;height:3px;margin-right:2px}.card-separator__pwm-indicator svg *{fill:currentColor}.card-separator__slot-title{font-family:var(--font-family-mono);font-size:calc(var(--font-size-reg)*.94);letter-spacing:inherit;border-right:solid 1px var(--color-gray-6);justify-content:center;align-items:center;min-width:40px;height:100%;padding:0 6px;display:flex}.card-separator__slot-title-icon{width:12px}.card-separator__name{align-items:baseline;padding-left:8px;display:flex}.card-separator__component-type-name{color:var(--color-font-dis);font-family:var(--font-family-mono);font-size:calc(var(--font-size-small)*.94);letter-spacing:inherit;margin-left:4px}.card-separator__add-card-button{margin-left:auto}.dark .card-separator,.dark .card-separator__slot-title{border-color:var(--color-gray-4)}.check-box{letter-spacing:inherit;white-space:normal;text-align:left;color:inherit;cursor:default;background-color:#0000;background-color:var(--color-white);border:none;border:solid 1px var(--color-gray-7);border-radius:var(--border-radius-reg);outline:none;width:13px;height:13px;padding:0;font-family:inherit;display:inline-block}.check-box:hover{background-color:var(--color-gray-1)}.check-box:active{background-color:var(--color-gray-3);transform-origin:50%;transform:scale(.95)}.keyboard-focus .check-box:focus{--focus-color:var(--color-brand);z-index:2;box-shadow:0 0 0 2px var(--focus-color),0 0 6px 0 var(--focus-color)}.check-box--is-checked{border:none;background-color:var(--color-green)!important}.check-box__indicator{justify-content:center;align-items:center;display:flex}.check-box__icon{width:8px;height:auto;margin:0}.check-box__icon svg *{fill:var(--color-white-STAY)}.check-box--is-disabled{pointer-events:none;opacity:.3}.color-picker__color-container{gap:8px;padding:8px;display:flex}.color-picker__color-button{letter-spacing:inherit;white-space:normal;text-align:left;color:inherit;cursor:default;background-color:#0000;background:var(--button-color);border:none;border:solid 1px rgba(0,0,0,var(--border-color));border-radius:10000px;outline:none;width:16px;height:16px;padding:0;font-family:inherit}.keyboard-focus .color-picker__color-button:focus{--focus-color:var(--color-brand);z-index:2;box-shadow:0 0 0 2px var(--focus-color),0 0 6px 0 var(--focus-color)}.color-picker__color-button--is-selected{outline-offset:1px;outline:1px solid var(--button-color)!important}.color-picker__rainbow-button{background:conic-gradient(from 90deg,#e74c3c,#f39c12,#fbd841,#1abc9c,#5d9bc5,#9f63b7,#e74c3c)}.color-picker__rainbow-button--is-selected{outline-offset:1px;outline:1px solid var(--color-gray-7)!important}.color-picker__detail-container{border-top:solid 1px var(--color-gray-5);padding:8px}.color-picker__hex{border:solid 1px var(--color-gray-6);border-radius:var(--border-radius-med);background-color:var(--color-white);display:flex;overflow:hidden}.color-picker__hex:focus-within{border-color:var(--color-gray-7)}.keyboard-focus .color-picker__hex:focus-within{--focus-color:var(--color-brand);z-index:2;box-shadow:0 0 0 2px var(--focus-color),0 0 6px 0 var(--focus-color)}.color-picker__value{background:var(--current-color);border-right:solid 1px var(--color-gray-6);width:28px;height:100%;min-height:23px;display:block}.color-picker__hex input{color:var(--color-font-reg)!important;box-shadow:none!important;height:100%!important;font-family:inherit!important;font-size:inherit!important;border-radius:calc(var(--border-radius-med) - 1px)!important;outline:none!important;padding:4px 6px!important}.color-picker__hue,.color-picker__saturation{border:solid 1px var(--color-gray-6);border-radius:var(--border-radius-med)}.dark .color-picker__hue,.dark .color-picker__saturation{border-color:var(--color-gray-darkmode-1)}.color-picker__pointer{--shadow-color:#0000000d;--inset-shadow-color:#0000001f}.dark .color-picker__pointer{--shadow-color:#0000001a;--inset-shadow-color:#0003}.color-picker__pointer{box-shadow:0 0 0 1px var(--shadow-color)}.color-picker__pointer:after{content:"";box-shadow:inset 0 0 0 1px var(--inset-shadow-color);pointer-events:none;border-radius:inherit;display:block;position:absolute;inset:0}.color-picker__pointer{border:solid 2px var(--color-white-STAY);border-radius:1000px;width:12px;height:12px}.color-picker__pointer__hue{height:calc(100% + 2px);transform:translate(-50%,-1px)}.color-picker__pointer__saturation{transform:translate(-50%,-50%)}.color-picker--is-regular .color-picker__hsva{grid-gap:8px;grid-template-columns:auto min-content;grid-template-areas:"hex saturation""hue saturation";display:grid}.color-picker--is-regular .color-picker__saturation{grid-area:saturation}.color-picker--is-regular .color-picker__hex{grid-area:hex}.color-picker--is-regular .color-picker__hue{grid-area:hue}.color-picker--is-regular .color-picker__detail-container{border-color:var(--color-gray-2)}.color-picker__pop-over-content{--shadow-color:#0000000d;--inset-shadow-color:#0000001f}.dark .color-picker__pop-over-content{--shadow-color:#0000001a;--inset-shadow-color:#0003}.color-picker__pop-over-content{box-shadow:0 0 0 4px var(--shadow-color)}.color-picker__pop-over-content:after{content:"";box-shadow:inset 0 0 0 1px var(--inset-shadow-color);pointer-events:none;border-radius:inherit;display:block;position:absolute;inset:0}.color-picker__pop-over-content{background:var(--color-white);pointer-events:initial;border-radius:16px}.color-picker--is-unfolded.color-picker__pop-over-content{padding-bottom:4px}.color-picker--is-pop-over .color-picker__hsva{flex-direction:column;gap:8px;width:200px;margin:0 auto;display:flex}.logic-color-picker{display:inline-block;position:relative}.logic-color-picker__indicator{border-radius:var(--border-radius-reg);float:left;border:1px solid rgba(0,0,0,var(--border-color));width:94px;height:22px;margin-right:-72px;display:block}.logic-color-picker__indicator:focus{outline:none}.keyboard-focus .logic-color-picker:focus-within .logic-color-picker__indicator{--focus-color:var(--color-brand);z-index:2;box-shadow:0 0 0 2px var(--focus-color),0 0 6px 0 var(--focus-color)}.keyboard-focus .logic-color-picker:focus-within .logic-color-picker__input{z-index:2}.logic-color-picker--is-disabled .logic-color-picker__indicator{filter:grayscale()}.logic-color-picker__input{appearance:none;border:1px solid rgba(0,0,0,var(--border-color));border-radius:0 var(--border-radius-reg)var(--border-radius-reg)0;width:72px;height:22px;font-family:var(--font-family-mono);font-size:inherit;color:#000;pointer-events:none;background-color:#ffffffb3;outline:none;padding:2.5px 5px 2px;display:inline-block}.logic-color-picker--is-disabled{pointer-events:none}.logic-color-picker--is-disabled .logic-color-picker__input{mix-blend-mode:luminosity;opacity:.4}.logic-color-picker--small .logic-color-picker__indicator{border-top-right-radius:0;border-bottom-right-radius:0;width:19px;height:19px;margin-right:0}.logic-color-picker--small .logic-color-picker__input{width:51px;height:19px;padding:2.5px 2px 2px 3px}.color-range-slider{-webkit-user-select:none;user-select:none;touch-action:none;z-index:3;align-items:center;width:100%;height:20px;display:flex;position:relative}.color-range-slider__track{background:var(--color-gray-6);background:linear-gradient(to right,var(--color-min),var(--color-max));flex-grow:1;height:3px}.color-range-slider__thumb{border:1px solid var(--color-gray-6);text-align:center;width:auto;min-width:40px;font-size:var(--font-size-small);background-color:var(--color-white);white-space:nowrap;border-radius:3px;display:block;position:absolute}.color-range-slider__thumb--min{left:0}.color-range-slider__thumb--max{right:0}.dark .color-range-slider__track{background:var(--color-gray-5)}.dark .color-range-slider__thumb{border-color:var(--color-gray-5)}.component-icon{display:inline-block}.component-icon svg{width:100%;height:auto;display:block;position:relative}.component-icon svg *{fill:currentColor}.logic-component-select{display:inline-block}.logic-component-select__trigger{all:unset;box-sizing:border-box;border-radius:var(--border-radius-reg);background-color:var(--background-color);height:22px;color:var(--text-color);border:none;padding:3px 5px 2px}.logic-component-select__trigger:focus{outline:none}.keyboard-focus .logic-component-select__trigger:focus{--focus-color:var(--color-brand);z-index:2;box-shadow:0 0 0 2px var(--focus-color),0 0 6px 0 var(--focus-color)}.logic-component-select__content{border-radius:var(--border-radius-med);background-color:var(--background-color);color:var(--text-color);margin-top:0;margin-left:-5px;padding:4px}.logic-component-select__separator{background-color:var(--text-color);opacity:.3;height:1px;margin:4px 8px 4px 20px}.logic-component-select__item{border-radius:var(--border-radius-reg);padding:2px 8px 2px 20px;position:relative}.logic-component-select__item.logic-component-select__item--is-filtered{opacity:.6}.logic-component-select__item.logic-component-select__item--is-filtered:focus{opacity:1}.logic-component-select__item[data-disabled]{opacity:.35;pointer-events:none}.logic-component-select__item:focus{outline:none}.logic-component-select__item[data-active-item]{background-color:#ffffff4d;outline:none}.logic-component-select__component-icon-container{background-color:var(--icon-background-color);vertical-align:-4px;border-radius:var(--border-radius-reg)0 0 var(--border-radius-reg);width:24px;height:22px;margin:-3px 4px 0 -5px;padding:2px 3px;display:inline-block}.logic-component-select__item .logic-component-select__component-icon-container{border-radius:var(--border-radius-reg);margin:0 4px 0 0}.logic-component-select__component-icon{opacity:.8;width:18px;height:18px}.keyboard-focus .logic-component-select__item:focus{--focus-color:var(--color-brand);z-index:2;box-shadow:inset 0 0 0 2px var(--focus-color),inset 0 0 6px 0 var(--focus-color)}.logic-component-select__item-indicator{width:10px;position:absolute;left:5px}.logic-component-select--is-disabled .logic-component-select__trigger{pointer-events:none;mix-blend-mode:luminosity;opacity:.4}.logic-component-select__group-label{font-family:var(--font-family-reg);font-size:var(--font-size-small);font-weight:var(--font-weight-med);letter-spacing:.03em;text-transform:uppercase;opacity:.6;align-content:center;gap:2px;padding:4px 0 2px;display:flex}.logic-component-select__group-label:before,.logic-component-select__group-label:after{content:"";opacity:.5;background-color:currentColor;width:100%;height:1px;margin-top:.5em;display:inline-block}.logic-component-select__group-label:before{background:0 0;flex-shrink:0;width:18px}.logic-component-select__search-bar__wrapper{border-radius:var(--border-radius-med);background-color:var(--color-green-dark);align-items:center;margin-bottom:4px;display:flex}.keyboard-focus .logic-component-select__search-bar__wrapper:has(.logic-component-select__search-bar:focus){--focus-color:var(--color-brand);z-index:2;box-shadow:0 0 0 2px var(--focus-color),0 0 6px 0 var(--focus-color)}.logic-component-select__search-bar{all:unset;box-sizing:border-box;color:var(--color-white-STAY);background:0 0;padding-left:6px}.logic-component-select__search-bar::placeholder{color:var(--color-white-STAY);opacity:.5}.logic-component-select__search-bar__icon__wrapper{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-left:auto;display:flex}.logic-component-select__search-bar__icon{width:16px;height:16px}.logic-component-select__search-bar__icon svg *{fill:var(--color-white-STAY)!important}.logic-component-select--theme-green{--background-color:var(--color-green);--icon-background-color:var(--color-green-dark);--text-color:var(--color-white-STAY)}.logic-component-select--theme-green.logic-component-select__content{--shadow-color:#0000000d;--inset-shadow-color:#0000001f}.dark .logic-component-select--theme-green.logic-component-select__content{--shadow-color:#0000001a;--inset-shadow-color:#0003}.logic-component-select--theme-green.logic-component-select__content{--shadow-color:#16a28633}.dark .logic-component-select--theme-green.logic-component-select__content{--shadow-color:#17826d33}.logic-component-select--theme-green.logic-component-select__content{box-shadow:0 0 0 4px var(--shadow-color)}.logic-component-select--theme-green.logic-component-select__content:after{content:"";box-shadow:inset 0 0 0 1px var(--inset-shadow-color);pointer-events:none;border-radius:inherit;display:block;position:absolute;inset:0}.logic-component-select--theme-red{--background-color:var(--color-red);--icon-background-color:var(--color-red-dark);--text-color:var(--color-white-STAY)}.logic-component-select--theme-red.logic-component-select__content{--shadow-color:#0000000d;--inset-shadow-color:#0000001f}.dark .logic-component-select--theme-red.logic-component-select__content{--shadow-color:#0000001a;--inset-shadow-color:#0003}.logic-component-select--theme-red.logic-component-select__content{--shadow-color:#aa342733}.dark .logic-component-select--theme-red.logic-component-select__content{--shadow-color:#97352b33}.logic-component-select--theme-red.logic-component-select__content{box-shadow:0 0 0 4px var(--shadow-color)}.logic-component-select--theme-red.logic-component-select__content:after{content:"";box-shadow:inset 0 0 0 1px var(--inset-shadow-color);pointer-events:none;border-radius:inherit;display:block;position:absolute;inset:0}.logic-counter{display:inline-block;position:relative}.logic-counter__input{font-family:inherit;font-size:inherit;font-weight:inherit;border-radius:var(--border-radius-reg);background-color:var(--background-color);width:60px;height:22px;color:var(--text-color);border:none;padding:3px 5px 2px}.logic-counter__input:focus{outline:none}.keyboard-focus .logic-counter__input:focus{--focus-color:var(--color-brand);z-index:2;box-shadow:0 0 0 2px var(--focus-color),0 0 6px 0 var(--focus-color)}.logic-counter__input::-webkit-inner-spin-button{appearance:none;width:10px;height:14px}.logic-counter__icon{opacity:0;pointer-events:none;width:8px;position:absolute;top:5px;right:5px}.logic-counter__icon svg *{fill:var(--text-color)}.logic-counter:hover .logic-counter__icon{opacity:1}.logic-counter--is-disabled{mix-blend-mode:luminosity;opacity:.4}.logic-counter--theme-gray{--background-color:var(--color-gray-5);--text-color:var(--color-black-STAY)}.logic-counter--theme-green{--background-color:var(--color-green);--text-color:var(--color-white-STAY)}.logic-counter--theme-red{--background-color:var(--color-red);--text-color:var(--color-white-STAY)}.logic-counter--theme-violet{--background-color:var(--color-violet);--text-color:var(--color-white-STAY)}.logic-counter--theme-orange{--background-color:var(--color-orange);--text-color:var(--color-white-STAY)}.logic-counter--theme-blue{--background-color:var(--color-blue);--text-color:var(--color-white-STAY)}.logic-counter--theme-yellow{--background-color:var(--color-yellow);--text-color:var(--color-black-STAY)}.logic-counter--theme-black{--background-color:var(--color-black);--text-color:var(--color-white-STAY)}.logic-helper-button{letter-spacing:inherit;white-space:normal;text-align:left;color:inherit;cursor:default;border-radius:var(--border-radius-reg);opacity:.4;background-color:#0000;border:none;outline:none;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-family:inherit;display:flex}.keyboard-focus .logic-helper-button:focus,.logic-helper-button:hover{background:var(--color-gray-5);opacity:1}.logic-helper-button:active{transform:scale(.9)}.logic-helper-button:active:before{content:"";transform-origin:50%;display:block;position:absolute;inset:0;transform:scale(1.11111)}.logic-helper-button.logic-helper-button--has-text{width:max-content;min-width:22px;padding-left:2px;padding-right:4px}.logic-helper-button.logic-helper-button--has-text:active{transform:scale(.95)}.keyboard-focus .logic-helper-button:focus{--focus-color:var(--color-brand);z-index:2;box-shadow:0 0 0 2px var(--focus-color),0 0 6px 0 var(--focus-color)}.logic-helper-button__icon{width:16px;height:16px;color:var(--color-font-dis)}.logic-helper-button__text{color:var(--color-font-med)}.logic-helper-button--is-disabled{pointer-events:none;mix-blend-mode:luminosity;opacity:.2}.keyboard-focus .logic-helper-button--theme-red:focus,.logic-helper-button--theme-red:hover{background:var(--color-red-alpha)}.keyboard-focus .logic-helper-button--theme-red:focus .logic-helper-button__icon,.logic-helper-button--theme-red:hover .logic-helper-button__icon{color:var(--color-red-darker)}.logic-helper-button--theme-red:active{background:var(--color-red-alpha)}.keyboard-focus .logic-helper-button--theme-darker:focus,.logic-helper-button--theme-darker:hover,.logic-helper-button--theme-darker:active{background:var(--color-gray-6)}.logic-helper-popover{letter-spacing:inherit;white-space:normal;text-align:left;color:inherit;cursor:default;border-radius:var(--border-radius-reg);opacity:.4;background-color:#0000;border:none;outline:none;justify-content:center;align-items:center;width:max-content;min-width:22px;height:22px;padding:0;font-family:inherit;display:flex}.keyboard-focus .logic-helper-popover:focus,.logic-helper-popover:hover,.logic-helper-popover[data-state=open]{background:var(--color-gray-6);opacity:1}.logic-helper-popover:active{transform:scale(.9)}.logic-helper-popover:active:before{content:"";transform-origin:50%;display:block;position:absolute;inset:0;transform:scale(1.11111)}.logic-helper-popover.logic-helper-popover--has-text{width:max-content;min-width:22px;padding-left:2px;padding-right:4px}.logic-helper-popover.logic-helper-popover--has-text:active{transform:scale(.95)}.keyboard-focus .logic-helper-popover:focus{--focus-color:var(--color-brand);z-index:2;box-shadow:0 0 0 2px var(--focus-color),0 0 6px 0 var(--focus-color)}.logic-helper-popover__icon{width:16px;height:16px;color:var(--color-font-dis)}.logic-helper-popover__text{color:var(--color-font-med)}.logic-helper-popover--is-disabled{pointer-events:none;mix-blend-mode:luminosity;opacity:.2}.keyboard-focus .logic-helper-popover--theme-red:focus,.logic-helper-popover--theme-red:hover{background:var(--color-red-alpha)}.keyboard-focus .logic-helper-popover--theme-red:focus .logic-helper-popover__icon,.logic-helper-popover--theme-red:hover .logic-helper-popover__icon{color:var(--color-red-darker)}.logic-helper-popover--theme-red:active{background:var(--color-red-alpha)}.logic-helper-popover__content{border-radius:var(--border-radius-med);background-color:var(--color-white);--shadow-color:#0000000d;--inset-shadow-color:#0000001f}.dark .logic-helper-popover__content{--shadow-color:#0000001a;--inset-shadow-color:#0003}.logic-helper-popover__content{box-shadow:0 0 0 4px var(--shadow-color)}.logic-helper-popover__content:after{content:"";box-shadow:inset 0 0 0 1px var(--inset-shadow-color);pointer-events:none;border-radius:inherit;display:block;position:absolute;inset:0}.logic-helper-popover__content{pointer-events:auto;padding:4px}.keyboard-focus .logic-icon-toggle:focus{--focus-color:var(--color-brand);z-index:2;box-shadow:0 0 0 2px var(--focus-color),0 0 6px 0 var(--focus-color)}.logic-icon-toggle{letter-spacing:inherit;white-space:normal;text-align:left;color:inherit;cursor:default;border-radius:var(--border-radius-reg);background-color:#0000;background:var(--color-gray-6);border:none;outline:none;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-family:inherit;display:flex}.logic-icon-toggle:active{background:var(--color-gray-7);transform:scale(.9)}.logic-icon-toggle:active:before{content:"";transform-origin:50%;display:block;position:absolute;inset:0;transform:scale(1.11111)}.logic-icon-toggle__icon{width:16px;height:16px}.logic-icon-toggle:hover .logic-icon-toggle__icon{color:var(--color-font-reg)}.logic-icon-toggle--is-checked .logic-icon-toggle__icon svg *{fill:var(--color-white-STAY)}.logic-icon-toggle--is-checked,.logic-icon-toggle--is-checked:hover{background:var(--color-green)}.logic-icon-toggle--is-disabled{pointer-events:none;mix-blend-mode:luminosity;opacity:.4}.logic-icon-toggle--icon-flip-horizontal.logic-icon-toggle--is-checked .logic-icon-toggle__icon{transform:scaleX(-1)}.logic-icon-toggle--icon-flip-vertical.logic-icon-toggle--is-checked .logic-icon-toggle__icon{transform:scaleY(-1)}.bitmap-display{width:100%;height:100%}.bitmap-display-canvas{height:100%}.bitmap-display--pixelate .bitmap-display-canvas{image-rendering:pixelated}.figma-icon{width:16px;height:16px;display:inline-block}.figma-icon svg{width:100%;height:auto;display:block;position:relative}.figma-icon svg [stroke]{stroke:currentColor}.figma-icon svg [fill]{fill:currentColor}.figma-icon svg *{fill-opacity:1}.logic-select{display:inline-block}.logic-select__trigger{all:unset;box-sizing:border-box;border-radius:var(--border-radius-reg);background-color:var(--background-color);height:22px;color:var(--text-color);border:none;padding:3px 5px 2px}.logic-select__trigger:focus{outline:none}.keyboard-focus .logic-select__trigger:focus{--focus-color:var(--color-brand);z-index:2;box-shadow:0 0 0 2px var(--focus-color),0 0 6px 0 var(--focus-color)}.logic-select__content{border-radius:var(--border-radius-med);background-color:var(--background-color);color:var(--text-color);margin-top:0;padding:4px}.logic-select__separator{background-color:var(--text-color);opacity:.3;height:1px;margin:4px 8px 4px 20px}.logic-select__item{border-radius:var(--border-radius-reg);padding:2px 8px 2px 20px;position:relative}.logic-select__item[data-disabled]{opacity:.35;pointer-events:none}.logic-select__item:focus{outline:none}.logic-select__item:hover{background-color:#ffffff4d;outline:none}.logic-select__figma-icon{vertical-align:-3px;margin-right:.2em}.logic-select__bitmap-display{background-color:var(--icon-background-color);border:solid 1px var(--icon-background-color);vertical-align:-6px;border-radius:var(--border-radius-reg);width:auto;height:22px;margin:-3px 4px 0 -5px;display:inline-block;overflow:hidden}.logic-select__item .logic-select__bitmap-display{margin-top:0}.keyboard-focus .logic-select__item:focus{--focus-color:var(--color-brand);z-index:2;box-shadow:inset 0 0 0 2px var(--focus-color),inset 0 0 6px 0 var(--focus-color)}.logic-select__item-indicator{width:10px;position:absolute;left:5px}.logic-select--is-disabled .logic-select__trigger{pointer-events:none;mix-blend-mode:luminosity;opacity:.4}.logic-select--theme-gray{--background-color:var(--color-gray-5);--icon-background-color:var(--color-gray-6);--text-color:var(--color-black-STAY)}.logic-select--theme-gray.logic-select__content{--shadow-color:#0000000d;--inset-shadow-color:#0000001f}.dark .logic-select--theme-gray.logic-select__content{--shadow-color:#0000001a;--inset-shadow-color:#0003}.logic-select--theme-gray.logic-select__content{box-shadow:0 0 0 4px var(--shadow-color)}.logic-select--theme-gray.logic-select__content:after{content:"";box-shadow:inset 0 0 0 1px var(--inset-shadow-color);pointer-events:none;border-radius:inherit;display:block;position:absolute;inset:0}.logic-select--theme-green{--background-color:var(--color-green);--icon-background-color:var(--color-green-dark);--text-color:var(--color-white-STAY)}.logic-select--theme-green.logic-select__content{--shadow-color:#0000000d;--inset-shadow-color:#0000001f}.dark .logic-select--theme-green.logic-select__content{--shadow-color:#0000001a;--inset-shadow-color:#0003}.logic-select--theme-green.logic-select__content{--shadow-color:#16a28633}.dark .logic-select--theme-green.logic-select__content{--shadow-color:#17826d33}.logic-select--theme-green.logic-select__content{box-shadow:0 0 0 4px var(--shadow-color)}.logic-select--theme-green.logic-select__content:after{content:"";box-shadow:inset 0 0 0 1px var(--inset-shadow-color);pointer-events:none;border-radius:inherit;display:block;position:absolute;inset:0}.logic-select--theme-red{--background-color:var(--color-red);--icon-background-color:var(--color-red-dark);--text-color:var(--color-white-STAY)}.logic-select--theme-red.logic-select__content{--shadow-color:#0000000d;--inset-shadow-color:#0000001f}.dark .logic-select--theme-red.logic-select__content{--shadow-color:#0000001a;--inset-shadow-color:#0003}.logic-select--theme-red.logic-select__content{--shadow-color:#aa342733}.dark .logic-select--theme-red.logic-select__content{--shadow-color:#97352b33}.logic-select--theme-red.logic-select__content{box-shadow:0 0 0 4px var(--shadow-color)}.logic-select--theme-red.logic-select__content:after{content:"";box-shadow:inset 0 0 0 1px var(--inset-shadow-color);pointer-events:none;border-radius:inherit;display:block;position:absolute;inset:0}.logic-select--theme-violet{--background-color:var(--color-violet);--icon-background-color:var(--color-violet-dark);--text-color:var(--color-white-STAY)}.logic-select--theme-violet.logic-select__content{--shadow-color:#0000000d;--inset-shadow-color:#0000001f}.dark .logic-select--theme-violet.logic-select__content{--shadow-color:#0000001a;--inset-shadow-color:#0003}.logic-select--theme-violet.logic-select__content{--shadow-color:#843fa233}.dark .logic-select--theme-violet.logic-select__content{--shadow-color:#703a8833}.logic-select--theme-violet.logic-select__content{box-shadow:0 0 0 4px var(--shadow-color)}.logic-select--theme-violet.logic-select__content:after{content:"";box-shadow:inset 0 0 0 1px var(--inset-shadow-color);pointer-events:none;border-radius:inherit;display:block;position:absolute;inset:0}.logic-select--theme-orange{--background-color:var(--color-orange);--icon-background-color:var(--color-orange-dark);--text-color:var(--color-white-STAY)}.logic-select--theme-orange.logic-select__content{--shadow-color:#0000000d;--inset-shadow-color:#0000001f}.dark .logic-select--theme-orange.logic-select__content{--shadow-color:#0000001a;--inset-shadow-color:#0003}.logic-select--theme-orange.logic-select__content{--shadow-color:#ab701233}.dark .logic-select--theme-orange.logic-select__content{--shadow-color:#a26a1133}.logic-select--theme-orange.logic-select__content{box-shadow:0 0 0 4px var(--shadow-color)}.logic-select--theme-orange.logic-select__content:after{content:"";box-shadow:inset 0 0 0 1px var(--inset-shadow-color);pointer-events:none;border-radius:inherit;display:block;position:absolute;inset:0}.logic-select--theme-blue{--background-color:var(--color-blue);--icon-background-color:var(--color-blue-dark);--text-color:var(--color-white-STAY)}.logic-select--theme-blue.logic-select__content{--shadow-color:#0000000d;--inset-shadow-color:#0000001f}.dark .logic-select--theme-blue.logic-select__content{--shadow-color:#0000001a;--inset-shadow-color:#0003}.logic-select--theme-blue.logic-select__content{--shadow-color:#2573a733}.dark .logic-select--theme-blue.logic-select__content{--shadow-color:#25679333}.logic-select--theme-blue.logic-select__content{box-shadow:0 0 0 4px var(--shadow-color)}.logic-select--theme-blue.logic-select__content:after{content:"";box-shadow:inset 0 0 0 1px var(--inset-shadow-color);pointer-events:none;border-radius:inherit;display:block;position:absolute;inset:0}.logic-select--theme-yellow{--background-color:var(--color-yellow);--icon-background-color:var(--color-yellow-dark);--text-color:var(--color-black-STAY)}.logic-select--theme-yellow.logic-select__content{--shadow-color:#0000000d;--inset-shadow-color:#0000001f}.dark .logic-select--theme-yellow.logic-select__content{--shadow-color:#0000001a;--inset-shadow-color:#0003}.logic-select--theme-yellow.logic-select__content{--shadow-color:#ddab2233}.dark .logic-select--theme-yellow.logic-select__content{--shadow-color:#dca81833}.logic-select--theme-yellow.logic-select__content{box-shadow:0 0 0 4px var(--shadow-color)}.logic-select--theme-yellow.logic-select__content:after{content:"";box-shadow:inset 0 0 0 1px var(--inset-shadow-color);pointer-events:none;border-radius:inherit;display:block;position:absolute;inset:0}.logic-select--theme-black{--background-color:var(--color-black-STAY);--icon-background-color:#333;--text-color:var(--color-white-STAY)}.logic-select--theme-black.logic-select__content{--shadow-color:#0000000d;--inset-shadow-color:#0000001f}.dark .logic-select--theme-black.logic-select__content{--shadow-color:#0000001a;--inset-shadow-color:#0003}.logic-select--theme-black.logic-select__content{box-shadow:0 0 0 4px var(--shadow-color)}.logic-select--theme-black.logic-select__content:after{content:"";box-shadow:inset 0 0 0 1px var(--inset-shadow-color);pointer-events:none;border-radius:inherit;display:block;position:absolute;inset:0}.logic-text-input{border-radius:var(--border-radius-reg);background-color:var(--background-color);height:22px;color:var(--text-color);border:none;padding:0 3px;display:inline-block;position:relative}.logic-text-input:focus{outline:none}.keyboard-focus .logic-text-input:focus-within{--focus-color:var(--color-brand);z-index:2;box-shadow:0 0 0 2px var(--focus-color),0 0 6px 0 var(--focus-color)}.logic-text-input__quotation-marks{opacity:.4}.logic-text-input__input{height:22px;color:var(--text-color);min-width:20ch;padding:2.5px 2px 2px}.logic-text-input__input:focus{outline:none}.logic-text-input__input::placeholder{color:var(--text-color);opacity:.3}.logic-text-input--is-disabled{mix-blend-mode:luminosity;opacity:.4}.logic-text-input--theme-gray{--background-color:var(--color-gray-5);--text-color:var(--color-black-STAY)}.logic-text-input--theme-green{--background-color:var(--color-green);--text-color:var(--color-white-STAY)}.logic-text-input--theme-red{--background-color:var(--color-red);--text-color:var(--color-white-STAY)}.logic-text-input--theme-violet{--background-color:var(--color-violet);--text-color:var(--color-white-STAY)}.logic-text-input--theme-orange{--background-color:var(--color-orange);--text-color:var(--color-white-STAY)}.logic-text-input--theme-blue{--background-color:var(--color-blue);--text-color:var(--color-white-STAY)}.logic-text-input--theme-yellow{--background-color:var(--color-yellow);--text-color:var(--color-black-STAY)}.logic-text-input--theme-black{--background-color:var(--color-black);--text-color:var(--color-white-STAY)}.logic-clause{flex-wrap:wrap;align-items:center;row-gap:4px;display:flex}.logic-clause+.logic-clause{margin-top:8px}.logic-clause--has-prefix{padding-left:3.2em}.logic-clause__prefix{text-align:right;width:3em;font-weight:var(--font-weight-med);display:block;position:absolute;top:.2em;left:0}.logic-clause__text,.logic-clause__parameter,.logic-clause__helper{display:block}:not(.logic-clause__group)>.logic-clause__text:first-child,:not(.logic-clause__group)>.logic-clause__parameter:first-child,:not(.logic-clause__group)>.logic-clause__helper:first-child{padding-left:0}:not(.logic-clause__group)>.logic-clause__text:last-child,:not(.logic-clause__group)>.logic-clause__parameter:last-child,:not(.logic-clause__group)>.logic-clause__helper:last-child{padding-right:0}.logic-clause__parameter{padding-left:3px;padding-right:3px}.logic-clause__helper,.logic-clause__text{padding-left:1px;padding-right:1px}.logic-clause__text+.logic-clause__text{padding-left:3px}.logic-clause__text--is-disabled{mix-blend-mode:luminosity;opacity:.5}.logic-clause__invert-toggle{vertical-align:-3px;height:22px;display:inline-block}.logic-clause__group{display:contents}.logic-clause__group .logic-clause__helper:last-child{padding-right:3px}.logic-clause__group .logic-helper-button--theme-default:hover{background-color:var(--color-gray-6)}:is(.logic-clause__group:has(>.logic-clause__helper .logic-helper-button:hover) .logic-clause__text,.logic-clause__group:has(>.logic-clause__helper .logic-helper-button:hover) .logic-clause__parameter,.logic-clause__group:has(>.logic-clause__helper .logic-helper-button:hover) .logic-clause__helper,.logic-clause__group:has(>.logic-clause__helper .logic-helper-button:focus) .logic-clause__text,.logic-clause__group:has(>.logic-clause__helper .logic-helper-button:focus) .logic-clause__parameter,.logic-clause__group:has(>.logic-clause__helper .logic-helper-button:focus) .logic-clause__helper){z-index:0}.logic-clause__group:has(>.logic-clause__helper .logic-helper-button:hover) .logic-clause__text:before{content:"";background-color:var(--color-gray-5);z-index:-1;height:28px;display:block;position:absolute;top:-.25em;left:0;right:0}.logic-clause__group:has(>.logic-clause__helper .logic-helper-button:hover) .logic-clause__parameter:before{content:"";background-color:var(--color-gray-5);z-index:-1;height:28px;display:block;position:absolute;top:-.25em;left:0;right:0}.logic-clause__group:has(>.logic-clause__helper .logic-helper-button:hover) .logic-clause__helper:before{content:"";background-color:var(--color-gray-5);z-index:-1;height:28px;display:block;position:absolute;top:-.25em;left:0;right:0}.logic-clause__group:has(>.logic-clause__helper .logic-helper-button:focus) .logic-clause__text:before{content:"";background-color:var(--color-gray-5);z-index:-1;height:28px;display:block;position:absolute;top:-.25em;left:0;right:0}.logic-clause__group:has(>.logic-clause__helper .logic-helper-button:focus) .logic-clause__parameter:before{content:"";background-color:var(--color-gray-5);z-index:-1;height:28px;display:block;position:absolute;top:-.25em;left:0;right:0}.logic-clause__group:has(>.logic-clause__helper .logic-helper-button:focus) .logic-clause__helper:before{content:"";background-color:var(--color-gray-5);z-index:-1;height:28px;display:block;position:absolute;top:-.25em;left:0;right:0}.logic-clause__group:has(>.logic-clause__helper .logic-helper-button:hover) .logic-clause__text:first-child:before{border-radius:var(--border-radius-med)0 0 var(--border-radius-med)}.logic-clause__group:has(>.logic-clause__helper .logic-helper-button:hover) .logic-clause__parameter:first-child:before{border-radius:var(--border-radius-med)0 0 var(--border-radius-med)}.logic-clause__group:has(>.logic-clause__helper .logic-helper-button:hover) .logic-clause__helper:first-child:before{border-radius:var(--border-radius-med)0 0 var(--border-radius-med)}.logic-clause__group:has(>.logic-clause__helper .logic-helper-button:focus) .logic-clause__text:first-child:before{border-radius:var(--border-radius-med)0 0 var(--border-radius-med)}.logic-clause__group:has(>.logic-clause__helper .logic-helper-button:focus) .logic-clause__parameter:first-child:before{border-radius:var(--border-radius-med)0 0 var(--border-radius-med)}.logic-clause__group:has(>.logic-clause__helper .logic-helper-button:focus) .logic-clause__helper:first-child:before{border-radius:var(--border-radius-med)0 0 var(--border-radius-med)}.logic-clause__group:has(>.logic-clause__helper .logic-helper-button:hover) .logic-clause__text:last-child:before{border-radius:0 var(--border-radius-med)var(--border-radius-med)0}.logic-clause__group:has(>.logic-clause__helper .logic-helper-button:hover) .logic-clause__parameter:last-child:before{border-radius:0 var(--border-radius-med)var(--border-radius-med)0}.logic-clause__group:has(>.logic-clause__helper .logic-helper-button:hover) .logic-clause__helper:last-child:before{border-radius:0 var(--border-radius-med)var(--border-radius-med)0}.logic-clause__group:has(>.logic-clause__helper .logic-helper-button:focus) .logic-clause__text:last-child:before{border-radius:0 var(--border-radius-med)var(--border-radius-med)0}.logic-clause__group:has(>.logic-clause__helper .logic-helper-button:focus) .logic-clause__parameter:last-child:before{border-radius:0 var(--border-radius-med)var(--border-radius-med)0}.logic-clause__group:has(>.logic-clause__helper .logic-helper-button:focus) .logic-clause__helper:last-child:before{border-radius:0 var(--border-radius-med)var(--border-radius-med)0}.logic-clause__group:has(>.logic-clause__helper .logic-helper-button:hover) .logic-clause__text:first-child:before{left:-2px}.logic-clause__group:has(>.logic-clause__helper .logic-helper-button:focus) .logic-clause__text:first-child:before{left:-2px}.logic-clause__group:has(>.logic-clause__helper .logic-helper-button:hover) .logic-clause__text:before{top:-.43em}.logic-clause__group:has(>.logic-clause__helper .logic-helper-button:focus) .logic-clause__text:before{top:-.43em}.logic-clause__suffix{flex-wrap:wrap;align-items:center;row-gap:4px;padding-left:6px;display:flex}.logic-clause__suffix>:first-child{padding-left:0}.logic-clause__suffix>:last-child{padding-right:0}.doc-logic{flex-direction:column;gap:8px;display:flex}.doc-sentence--is-optional{padding-left:50px}.doc-sentence--is-optional .logic-clause:before{content:"";background-color:var(--color-gray-7);border-radius:2px;width:2px;height:1.2em;margin-right:.6em;display:inline-block}.doc-sentence-block__title{font-family:var(--font-family-reg);font-size:var(--font-size-small);font-weight:var(--font-weight-med);letter-spacing:.03em;text-transform:uppercase;color:var(--color-font-dis)}.doc-sentence-block__inner{background-color:var(--color-gray-3);border-radius:var(--border-radius-med);flex-direction:column;gap:8px;padding:8px;display:flex}.doc-sentence-block__inner:after{content:"";display:block;position:absolute;inset:0}.doc-logic-select{border-radius:var(--border-radius-reg);background-color:var(--background-color);height:22px;color:var(--text-color);border:none;margin:0 2px;padding:3px 5px 2px}.doc-logic-select__type-option{--background-color:var(--color-blue);--text-color:var(--color-white-STAY)}.doc-logic-select__type-integer{--background-color:var(--color-violet);--text-color:var(--color-white-STAY)}.doc-logic-select__type-string{--background-color:var(--color-orange);--text-color:var(--color-white-STAY)}.doc-logic-select__type-component{--background-color:var(--color-green);--text-color:var(--color-white-STAY)}.dropdown{width:100%;height:22px}.dropdown select{appearance:none;color:var(--color-font-reg);background-color:var(--color-white);border-radius:var(--border-radius-reg);border:solid 1px var(--color-gray-6);height:100%;font-family:inherit;font-size:inherit;text-overflow:ellipsis;outline:none;width:100%;padding:2px 18px 2px 4px;transition:background-color .1s,color .1s;overflow:hidden}.dropdown select:hover{background-size:8px 10px}.keyboard-focus .dropdown select:focus{--focus-color:var(--color-brand);z-index:2;box-shadow:0 0 0 2px var(--focus-color),0 0 6px 0 var(--focus-color)}.dropdown__arrow{pointer-events:none;justify-content:center;align-items:center;width:20px;display:flex;position:absolute;top:0;bottom:0;right:0}.dropdown__arrow-icon{width:8px;height:3px}.dropdown__arrow-icon svg *{fill:var(--color-font-med)}.dropdown--is-disabled select{background-color:var(--color-gray-5)!important;color:var(--color-font-dis)!important}.dropdown--theme-light select{color:var(--color-white-STAY)!important;background-color:#fff3!important;border:none!important}.dropdown--theme-light .dropdown__arrow-icon svg *{fill:var(--color-white-STAY)}.dropdown--is-disabled.dropdown--theme-light select{opacity:.5}.dropdown--theme-small{height:18px}.dropdown--theme-small select{color:var(--color-font-med);font-family:var(--font-family-mono);font-size:calc(var(--font-size-small)*.94);letter-spacing:inherit}.dropdown--theme-small-outline-white,.dropdown--theme-small-outline{height:18px}.dropdown--theme-small-outline-white select,.dropdown--theme-small-outline select{color:var(--color-font-med);font-family:var(--font-family-mono);font-size:calc(var(--font-size-small)*.94);letter-spacing:inherit;background-color:#0000;border-color:var(--color-gray-6)!important}.dropdown--theme-small-outline .dropdown__arrow-icon svg *{fill:var(--color-gray-8)}.dropdown--theme-small-outline-white select{color:var(--color-white-STAY);border-color:#ffffffb3!important}.dropdown--theme-small-outline-white .dropdown__arrow-icon svg *{fill:var(--color-white-STAY)}.dropdown--theme-ghost select{border-radius:var(--border-radius-med);background-color:#0000;border:none;transition:none}.dropdown--theme-ghost .dropdown__arrow-icon{display:none}.dropdown--theme-ghost:hover select{background-color:var(--color-gray-4)}.dropdown--theme-ghost:hover .dropdown__arrow-icon{display:block}.is-windows .dropdown option{color:var(--color-black);background:var(--color-white)}.dark .dropdown select{border-color:var(--color-gray-darkmode-2)}.tooltip__trigger{letter-spacing:inherit;white-space:normal;text-align:left;color:inherit;cursor:default;background-color:#0000;border:none;outline:none;padding:0;font-family:inherit}.keyboard-focus .tooltip__trigger:focus{--focus-color:var(--color-brand);z-index:2;box-shadow:0 0 0 2px var(--focus-color),0 0 6px 0 var(--focus-color)}.tooltip__content{--tooltip-color-outline:var(--color-gray-6);--tooltip-color-bg:var(--color-white);--tooltip-title-color-bg:var(--color-gray-2);--tooltip-title-color-line:var(--color-gray-4);--tooltip-font-color:var(--color-font-med);background-color:var(--tooltip-color-bg);width:220px;color:var(--tooltip-font-color);border-radius:var(--border-radius-med);border:1px solid var(--tooltip-color-outline);--shadow-color:#0000000d;--inset-shadow-color:#0000001f}.dark .tooltip__content{--shadow-color:#0000001a;--inset-shadow-color:#0003}.tooltip__content{box-shadow:0 0 0 4px var(--shadow-color)}.tooltip__arrow{fill:var(--tooltip-color-bg);stroke-width:1.5px;stroke:var(--tooltip-color-outline);clip-path:inset(2px 0 0);transform:translateY(-2px)}.tooltip__title{border-bottom:1px solid var(--tooltip-title-color-line);text-align:center;text-transform:uppercase;font-weight:var(--font-weight-med);font-size:var(--font-size-small);letter-spacing:.04em;background-color:var(--tooltip-title-color-bg);border-radius:calc(var(--border-radius-med) - 1px)calc(var(--border-radius-med) - 1px)0 0;padding:2px 8px}.tooltip--has-title .tooltip__arrow{fill:var(--tooltip-title-color-bg)}.tooltip__content-inner{padding:6px 8px;overflow:clip}.tooltip__content--no-padding .tooltip__content-inner{padding:0}.dark .tooltip__content{--tooltip-color-outline:var(--color-gray-darkmode-2);--tooltip-color-bg:var(--color-gray-1);--tooltip-title-color-line:var(--color-gray-darkmode-2)}.tooltip__content--theme-red.tooltip__content,.tooltip__content--theme-error.tooltip__content{--tooltip-color-outline:var(--color-red-darker);--tooltip-color-bg:var(--color-red);--tooltip-title-color-bg:var(--color-red-dark);--tooltip-title-color-line:var(--color-red-darker);--tooltip-font-color:var(--color-white-STAY);--shadow-color:#0000000d;--inset-shadow-color:#0000001f}.dark .tooltip__content--theme-red.tooltip__content,.dark .tooltip__content--theme-error.tooltip__content{--shadow-color:#0000001a;--inset-shadow-color:#0003}.tooltip__content--theme-red.tooltip__content,.tooltip__content--theme-error.tooltip__content{--shadow-color:#aa342733}.dark .tooltip__content--theme-red.tooltip__content,.dark .tooltip__content--theme-error.tooltip__content{--shadow-color:#97352b33}.tooltip__content--theme-red.tooltip__content,.tooltip__content--theme-error.tooltip__content{box-shadow:0 0 0 4px var(--shadow-color)}.tooltip__content--theme-blue.tooltip__content{--tooltip-color-outline:var(--color-blue-darker);--tooltip-color-bg:var(--color-blue);--tooltip-title-color-bg:var(--color-blue-dark);--tooltip-title-color-line:var(--color-blue-darker);--tooltip-font-color:var(--color-white-STAY);--shadow-color:#0000000d;--inset-shadow-color:#0000001f}.dark .tooltip__content--theme-blue.tooltip__content{--shadow-color:#0000001a;--inset-shadow-color:#0003}.tooltip__content--theme-blue.tooltip__content{--shadow-color:#2573a733}.dark .tooltip__content--theme-blue.tooltip__content{--shadow-color:#25679333}.tooltip__content--theme-blue.tooltip__content{box-shadow:0 0 0 4px var(--shadow-color)}.tooltip__content--theme-green.tooltip__content{--tooltip-color-outline:var(--color-green-darker);--tooltip-color-bg:var(--color-green);--tooltip-title-color-bg:var(--color-green-dark);--tooltip-title-color-line:var(--color-green-darker);--tooltip-font-color:var(--color-white-STAY);--shadow-color:#0000000d;--inset-shadow-color:#0000001f}.dark .tooltip__content--theme-green.tooltip__content{--shadow-color:#0000001a;--inset-shadow-color:#0003}.tooltip__content--theme-green.tooltip__content{--shadow-color:#16a28633}.dark .tooltip__content--theme-green.tooltip__content{--shadow-color:#17826d33}.tooltip__content--theme-green.tooltip__content{box-shadow:0 0 0 4px var(--shadow-color)}.tooltip__content--theme-orange.tooltip__content,.tooltip__content--theme-warning.tooltip__content{--tooltip-color-outline:var(--color-orange-darker);--tooltip-color-bg:var(--color-orange);--tooltip-title-color-bg:var(--color-orange-dark);--tooltip-title-color-line:var(--color-orange-darker);--tooltip-font-color:var(--color-white-STAY);--shadow-color:#0000000d;--inset-shadow-color:#0000001f}.dark .tooltip__content--theme-orange.tooltip__content,.dark .tooltip__content--theme-warning.tooltip__content{--shadow-color:#0000001a;--inset-shadow-color:#0003}.tooltip__content--theme-orange.tooltip__content,.tooltip__content--theme-warning.tooltip__content{--shadow-color:#ab701233}.dark .tooltip__content--theme-orange.tooltip__content,.dark .tooltip__content--theme-warning.tooltip__content{--shadow-color:#a26a1133}.tooltip__content--theme-orange.tooltip__content,.tooltip__content--theme-warning.tooltip__content{box-shadow:0 0 0 4px var(--shadow-color)}.error-log__icon{width:9px}.error-log__icon svg *{fill:var(--color-alert-high)}.error-log .tooltip__trigger{border-radius:50px;margin:-3.5px;padding:3.5px;display:block}.error-log__trigger{color:var(--color-alert-high);align-items:center;column-gap:5px;display:flex}.error-log .tooltip__content{pointer-events:none}.error-log__error{border-bottom:1px solid #00000026;padding:6px 8px}.error-log__error:last-child{border-bottom:none}.error-log--theme-light .error-log__icon svg *{fill:var(--color-font-dis)}.fixed-width-by-character{display:inline-block;position:relative}.fixed-width-by-character__value{width:100%;display:block;position:absolute;inset:0}.fixed-width-by-character__spacer{opacity:0;white-space:nowrap;pointer-events:none}.flex-spacer{margin:auto}.icon-tab{border-radius:var(--border-radius-med);width:max-content;display:flex}.icon-tab:hover{background-color:var(--color-gray-1)}.icon-tab__tab{letter-spacing:inherit;white-space:normal;text-align:left;color:inherit;cursor:default;background-color:#0000;border:none;outline:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-family:inherit;display:flex}.icon-tab__tab:hover{background-color:var(--color-gray-5)}.icon-tab__tab:active{background-color:var(--color-gray-6)}.icon-tab__tab:last-child{border-radius:0 var(--border-radius-med)var(--border-radius-med)0;border-right:none}.icon-tab__tab:first-child{border-radius:var(--border-radius-med)0 0 var(--border-radius-med)}.icon-tab__icon{width:16px}.icon-tab__icon svg *{fill:var(--color-gray-7)}.keyboard-focus .icon-tab__tab:focus{--focus-color:var(--color-brand);z-index:2;box-shadow:0 0 0 2px var(--focus-color),0 0 6px 0 var(--focus-color)}.icon-tab__tab:hover .icon-tab__icon svg *{fill:var(--color-gray-8)}.icon-tab:not(:hover) .icon-tab__tab--is-selected{border-radius:var(--border-radius-med)}.icon-tab:not(:hover) .icon-tab__tab--is-selected:first-child,.icon-tab:not(:hover) .icon-tab__tab--is-selected:last-child{border-radius:inherit}.icon-tab__tab--is-selected{background-color:var(--color-gray-3)}.icon-tab__tab--is-selected .icon-tab__icon svg *{fill:var(--color-font-reg)!important}.icon-tab:hover .icon-tab__tab--is-selected{background-color:var(--color-gray-3)}.icon-tab:hover .icon-tab__tab--is-selected:hover{background-color:var(--color-gray-5)}.dark .icon-tab__tab--is-selected{background-color:var(--color-gray-4)}.icon-tab--theme-translucent .icon-tab__tab svg *{fill:#ffffff80}.icon-tab--theme-translucent .icon-tab__tab:hover{background-color:#ffffff1a}.icon-tab--theme-translucent .icon-tab__tab:hover svg *{fill:#ffffffb3}.icon-tab--theme-translucent .icon-tab__tab:active{background-color:#ffffff4d}.icon-tab--theme-translucent .icon-tab__tab--is-selected{background-color:#ffffff26}.icon-tab--theme-translucent .icon-tab__tab--is-selected .icon-tab__icon svg *{fill:var(--color-white-STAY)!important}.icon-tab--theme-translucent:hover{background-color:#ffffff1a}.icon-tab--theme-translucent:hover .icon-tab__tab--is-selected,.icon-tab--theme-translucent:hover .icon-tab__tab--is-selected:hover{background-color:#fff3}.icon-tab--theme-on-green .icon-tab__tab svg *{fill:#ffffff80}.icon-tab--theme-on-green .icon-tab__tab:hover{background-color:var(--color-green-darker)}.icon-tab--theme-on-green .icon-tab__tab:hover svg *{fill:#ffffffb3}.icon-tab--theme-on-green .icon-tab__tab:active{background-color:var(--color-green-darker);filter:brightness(.9)}.icon-tab--theme-on-green .icon-tab__tab--is-selected{background-color:var(--color-green-dark)}.icon-tab--theme-on-green .icon-tab__tab--is-selected .icon-tab__icon svg *{fill:var(--color-white-STAY)!important}.icon-tab--theme-on-green:hover{background-color:var(--color-green-dark)}.icon-tab--theme-on-green:hover .icon-tab__tab--is-selected{background-color:inherit}.icon-tab--theme-on-green:hover .icon-tab__tab--is-selected:hover{background-color:var(--color-green-darker)}.icon-tooltip{--icon-tooltip-icon-color:var(--color-font-med);--icon-tooltip-hover-color:var(--color-gray-4)}.icon-tooltip__trigger{letter-spacing:inherit;white-space:normal;text-align:left;color:inherit;cursor:default;border-radius:var(--border-radius-med);background-color:#0000;border:none;outline:none;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0;font-family:inherit;display:flex}.icon-tooltip__trigger:hover{background:var(--icon-tooltip-hover-color)}.icon-tooltip__icon{pointer-events:initial!important}.icon-tooltip--icon-size-tiny .icon-tooltip__icon{width:9px;height:9px}.icon-tooltip--icon-size-regular .icon-tooltip__icon{width:16px;height:16px}.icon-tooltip__icon svg *{fill:var(--icon-tooltip-icon-color)}.icon-tooltip .tooltip__content{pointer-events:none!important}.icon-tooltip--has-text .icon-tooltip__trigger{gap:2px;padding:0 4px}.icon-tooltip__text{color:var(--icon-tooltip-icon-color)}.icon-tooltip--no-tooltip .icon-tooltip__trigger:hover{background:0 0}.icon-tooltip--theme-red{--icon-tooltip-icon-color:var(--color-red);--icon-tooltip-hover-color:var(--color-red-alpha)}.icon-tooltip--theme-orange{--icon-tooltip-icon-color:var(--color-orange);--icon-tooltip-hover-color:var(--color-orange-alpha)}.icon-tooltip--theme-blue{--icon-tooltip-icon-color:var(--color-blue);--icon-tooltip-hover-color:var(--color-blue-alpha)}.icon-tooltip--theme-green{--icon-tooltip-icon-color:var(--color-green);--icon-tooltip-hover-color:var(--color-green-alpha)}.info-tooltip__icon{width:9px;display:inline-block;pointer-events:initial!important}.info-tooltip__icon svg *{fill:var(--color-font-med)}.info-tooltip .tooltip__trigger{border-radius:50px;margin:-3.5px;padding:3.5px;display:block}.info-tooltip .tooltip__content{pointer-events:none}.info-tooltip--theme-current-color .info-tooltip__icon svg *{fill:currentColor}.integration-connection-indicator{border-radius:var(--border-radius-med);justify-content:center;align-items:center;width:24px;height:24px;display:flex}.integration-connection-indicator:focus{outline:none}.keyboard-focus .integration-connection-indicator:focus{--focus-color:var(--color-brand);z-index:2;box-shadow:0 0 0 2px var(--focus-color),0 0 6px 0 var(--focus-color)}.integration-connection-indicator__icon{width:16px;height:16px}.integration-connection-indicator__icon svg *{fill:var(--color-font-dis)}.integration-connection-indicator--is-connected .integration-connection-indicator__icon svg *{fill:var(--color-font-reg)}.integration-connection-indicator__status{background-color:var(--color-green);border:solid 2px var(--color-gray-3);border-radius:1000px;width:10px;height:10px;position:absolute;bottom:-1px;left:-1px}.integration-connection-indicator__status--is-disconnected{background-color:var(--color-alert-high)}.integration-connection-indicator--is-lit-up{background-color:var(--color-green-alpha)!important}.integration-connection-indicator--is-lit-up .integration-connection-indicator__icon svg *{fill:var(--color-green)}.integration-connection-indicator__tooltip-body{color:#bbc0c3;margin-top:2px}.log-message{border-top:solid 1px var(--color-gray-5);align-items:center;gap:6px;width:100%;height:24px;padding:0 2px 0 8px;display:flex}.log-message__timestamp{font-family:var(--font-family-mono);font-size:calc(var(--font-size-reg)*.94);letter-spacing:inherit;color:var(--color-font-dis)}.log-message__icon{flex-shrink:0;width:12px}.log-message__figma-layer{background-color:var(--color-gray-3);color:var(--color-font-med);border-radius:var(--border-radius-reg);padding:.08em .2em}.log-message__figma-layer-icon{vertical-align:-3px;margin-right:.2em}.log-message__message-container{color:var(--color-font-dis);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.log-message__message{color:var(--color-font-reg)}.log-message__value{color:var(--color-font-dis)}.log-message__value:before{content:" "}.log-message__value--type-number .log-message__actual-value{color:var(--color-code-number);font-variant-numeric:tabular-nums}.log-message__value--type-string .log-message__actual-value{color:var(--color-code-string)}.log-message__value--type-string .log-message__actual-value:before,.log-message__value--type-string .log-message__actual-value:after{content:"\""}.log-message__source{color:var(--color-font-dis)}.log-message__source:before{content:" "}.log-message--type-connected .log-message__icon svg *{fill:var(--color-green)}.log-message--type-disconnected .log-message__icon svg *{fill:var(--color-alert-high)}.log-message-indicator{--message-transition:all 1s .5s;width:max-content;max-width:100%;color:var(--color-green);opacity:.2;transition:var(--message-transition);border-radius:var(--border-radius-med);background-color:#0000;align-items:center;gap:4px;padding:3px 5px 4px;line-height:1em;display:flex}.log-message-indicator__message-container{text-overflow:ellipsis;white-space:nowrap;height:1.1em;overflow-x:hidden}.log-message-indicator__icon{flex-shrink:0;width:.9em}.log-message-indicator__value:before{content:" "}.log-message-indicator__value--type-number .log-message-indicator__actual-value{font-variant-numeric:tabular-nums}.log-message-indicator__value--type-string .log-message-indicator__actual-value:before,.log-message-indicator__value--type-string .log-message-indicator__actual-value:after{content:"\""}.log-message-indicator--is-lit-up{opacity:1;color:var(--color-white-STAY);background-color:var(--color-green);transition:all .1s}.log-message-indicator--is-lit-up *{color:var(--color-white-STAY);transition:color .1s}.modal__overlay{background:#e0e0e0b3;place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.dark .modal__overlay{background:#1a1a1ab3}.modal{--modal-header-height:32px;--shadow-color:#0000000d;--inset-shadow-color:#0000001f}.dark .modal{--shadow-color:#0000001a;--inset-shadow-color:#0003}.modal{box-shadow:0 0 0 4px var(--shadow-color);background-color:var(--color-white);border-radius:var(--border-radius-large);display:flex;position:absolute;top:50%;left:50%;overflow:clip;transform:translate(-50%,-50%)}.modal__header{height:var(--modal-header-height);border-bottom:1px solid var(--modal-border-color);display:flex}.modal__title{width:100%;height:100%}.modal__title--is-string{font-weight:var(--font-weight-med);align-items:center;padding:0 16px;display:flex}.modal__header .icon-button{border-left:1px solid var(--modal-border-color);width:var(--modal-header-height);border-radius:0;border-top-right-radius:calc(var(--border-radius-large) - 1px);height:100%}.keyboard-focus .modal__header .icon-button:focus{--focus-color:var(--color-brand);z-index:2;box-shadow:inset 0 0 0 2px var(--focus-color),inset 0 0 6px 0 var(--focus-color)}.modal__body{height:calc(100% - var(--modal-header-height))}.modal__main-side{--modal-border-color:var(--color-gray-5);--modal-border-color-dark:var(--color-gray-7);border:1px solid var(--modal-border-color-dark);border-radius:inherit;flex-direction:column-reverse;width:100%;display:flex;overflow:clip}.dark .modal__main-side{--modal-border-color-dark:var(--color-gray-darkmode-1)}.modal__split-side{border:1px solid var(--modal-border-color-dark);border-left-color:var(--modal-border-color);border-top-right-radius:inherit;border-bottom-right-radius:inherit;flex-direction:column-reverse;flex-shrink:0;width:328px;display:flex}.modal__split-side .modal__header .icon-button{margin-left:auto}.keyboard-focus .modal__split-side .modal__header .icon-button:focus,.modal__split-side .modal__header .icon-button:hover{background-color:var(--modal-border-color)}.modal__split-side .modal__header .icon-button:active{background-color:var(--modal-border-color-dark)}.modal--theme-split-green .modal__main-side,.modal--theme-split-yellow .modal__main-side{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.modal--theme-split-green .modal__split-side{--modal-border-color:var(--color-green-dark);--modal-border-color-dark:var(--color-green-darker);background-color:var(--color-green);color:var(--color-white-STAY)}.modal--theme-split-yellow .modal__split-side{--modal-border-color:var(--color-yellow-dark);--modal-border-color-dark:var(--color-yellow-darker);background-color:var(--color-yellow);color:var(--color-black-STAY)}.modal__header .text-tabs__tab:first-child{border-top-left-radius:calc(var(--border-radius-large) - 1px)}.pill{width:max-content;height:16px;font-family:var(--font-family-reg);font-size:var(--font-size-small);font-weight:var(--font-weight-med);letter-spacing:.03em;border-radius:1000px;justify-content:center;align-items:center;padding:0 8px;display:flex}.pill--theme-default{background-color:var(--color-white);border:solid 1px var(--color-gray-5)}.pill--theme-beta,.pill--theme-ready{background-color:var(--color-green);color:var(--color-white-STAY)}.pill--theme-error{background-color:var(--color-alert-high);color:var(--color-white-STAY)}.pill--theme-ready-invert,.pill--theme-beta-invert,.pill--theme-error-invert{font-family:var(--font-family-reg);font-size:var(--font-size-small);font-weight:var(--font-weight-bold);letter-spacing:.02em;background-color:var(--color-white-STAY)}.pill--theme-beta-invert,.pill--theme-ready-invert{color:var(--color-green-dark)}.pill--theme-error-invert{color:var(--color-alert-high)}.pill--theme-premium{background-color:var(--color-yellow);color:var(--color-black-STAY)}.radio-group{flex-direction:column;gap:6px;display:flex}.radio-group__item-container{align-items:center;gap:8px;height:1em;display:flex}.radio-group__item{letter-spacing:inherit;white-space:normal;text-align:left;color:inherit;cursor:default;background-color:#0000;background-color:var(--color-white);border:none;border:solid 1px var(--color-gray-7);border-radius:1000px;outline:none;width:12px;height:12px;margin:0;padding:0;font-family:inherit}.radio-group__item:hover{background-color:var(--color-gray-1)}.radio-group__item:active{background-color:var(--color-gray-3);transform-origin:50%;transform:scale(.95)}.radio-group__item--is-selected{background:radial-gradient(var(--color-green)50%,var(--color-white)55%);border-color:var(--color-green)}.keyboard-focus .radio-group__item:focus{--focus-color:var(--color-brand);z-index:2;box-shadow:0 0 0 2px var(--focus-color),0 0 6px 0 var(--focus-color)}.radio-group__item--is-disbaled{pointer-events:none;opacity:.3}.radio-group__label--is-disbaled{color:var(--color-font-dis)}.range-slider{-webkit-user-select:none;user-select:none;touch-action:none;z-index:3;direction:ltr;align-items:center;width:100%;height:20px;display:flex;position:relative}.range-slider__track{background:var(--color-gray-6);flex-grow:1;height:3px}.range-slider__thumb{border-radius:var(--border-radius-med);border:1px solid var(--color-gray-6);text-align:center;width:auto;min-width:40px;font-size:var(--font-size-small);background-color:var(--color-white);white-space:nowrap;padding:3px;display:block}.keyboard-focus .range-slider__thumb:focus{--focus-color:var(--color-brand);z-index:2;box-shadow:0 0 0 2px var(--focus-color),0 0 6px 0 var(--focus-color)}.range-slider__thumb:focus{outline:none}.dark .range-slider__track{background:var(--color-gray-5)}.dark .range-slider__thumb{border-color:var(--color-gray-5)}.run-project-button{letter-spacing:inherit;white-space:normal;text-align:left;color:inherit;cursor:default;background-color:#0000;border:none;outline:none;width:100%;min-width:128px;padding:0;font-family:inherit}.run-project-button__visual-container{white-space:nowrap;border-radius:var(--border-radius-med);align-items:center;gap:4px;width:max-content;height:32px;padding:2px 9px 2px 4px;display:flex}.run-project-button:hover .run-project-button__visual-container{background-color:var(--color-gray-4)}.run-project-button:active .run-project-button__visual-container{background-color:var(--color-gray-5);transform:scale(.95)}.run-project-button:active .run-project-button__visual-container:before{content:"";transform-origin:50%;display:block;position:absolute;inset:0;transform:scale(1.11111)}.keyboard-focus .run-project-button:focus .run-project-button__visual-container{--focus-color:var(--color-brand);z-index:2;box-shadow:0 0 0 2px var(--focus-color),0 0 6px 0 var(--focus-color)}.run-project-button__icon-containter{justify-content:center;align-items:center;width:16px;height:16px;display:flex}.run-project-button--is-disabled{pointer-events:none;opacity:.4;width:max-content}.run-project-button--state-running .run-project-button__visual-container{background-color:var(--color-green-alpha)}.run-project-button__running-indicator{background-color:var(--color-green);border-radius:1000px;width:8px;height:8px;animation-name:pulsating;animation-duration:1.5s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}@keyframes pulsating{0%{background-color:var(--color-green)}to{background-color:var(--color-green-alpha)}}.run-project-button--state-restarting{color:var(--color-font-dis)}.run-project-button--state-restarting .run-project-button__visual-container{padding-right:0}.run-project-button--state-restarting .run-project-button__icon{opacity:.7}.run-project-button--state-updating .run-project-button__visual-container{background-color:var(--color-green-alpha)}.run-project-button--state-updating .run-project-button__icon{color:var(--color-green)}.run-project-button--state-updating .run-project-button__icon,.run-project-button--state-restarting .run-project-button__icon{width:10px;height:10px;animation-name:turningA;animation-duration:2s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes turningA{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.run-project-button--state-stop{color:var(--color-font-reg)}.search-bar{border-radius:var(--border-radius-med);align-items:center;display:flex}.search-bar:hover{background-color:var(--color-gray-4)}.search-bar:active{background-color:var(--color-gray-5)}.search-bar--is-expanded,.search-bar--stay-expanded{background-color:var(--color-gray-4)}.search-bar--stay-expanded{opacity:.9}.search-bar--stay-expanded:focus,.search-bar--stay-expanded:hover{opacity:1}.search-bar__input{opacity:0;width:0%;max-width:0;height:100%;padding-left:0;transition:all .3s}.search-bar__input::placeholder{opacity:0;transition:all .2s}.keyboard-focus .search-bar:has(.search-bar__input:focus){--focus-color:var(--color-brand);z-index:2;box-shadow:0 0 0 2px var(--focus-color),0 0 6px 0 var(--focus-color)}.search-bar--stay-expanded .search-bar__input,.search-bar--is-expanded .search-bar__input{opacity:1;width:100%;max-width:200px;padding-left:8px}.search-bar--stay-expanded .search-bar__input::placeholder,.search-bar--is-expanded .search-bar__input::placeholder{opacity:1;transition:all .2s .1s}.search-bar__icon-wrapper{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-left:auto;display:flex}.search-bar__icon{width:16px;height:16px}.dark .search-bar__icon{color:var(--color-font-med)}.search-bar--theme-green,.search-bar--theme-green .search-bar__input::placeholder{color:var(--color-white-STAY)}.search-bar--theme-green svg *{fill:currentColor}.search-bar--theme-green.search-bar--stay-expanded,.search-bar--theme-green.search-bar--is-expanded{background-color:var(--color-green-dark)}.search-bar--theme-green.search-bar--stay-expanded .search-bar__icon svg *,.search-bar--theme-green.search-bar--is-expanded .search-bar__icon svg *{fill:var(--color-white-STAY)!important}.search-bar--theme-green.search-bar--stay-expanded .search-bar__input::placeholder,.search-bar--theme-green.search-bar--is-expanded .search-bar__input::placeholder{opacity:.5}.search-bar--theme-green:hover{background-color:var(--color-green-dark)}.search-bar--theme-red,.search-bar--theme-red .search-bar__input::placeholder{color:var(--color-white-STAY)}.search-bar--theme-red svg *{fill:currentColor}.search-bar--theme-red.search-bar--stay-expanded,.search-bar--theme-red.search-bar--is-expanded{background-color:var(--color-red-dark)}.search-bar--theme-red.search-bar--stay-expanded .search-bar__icon svg *,.search-bar--theme-red.search-bar--is-expanded .search-bar__icon svg *{fill:var(--color-white-STAY)!important}.search-bar--theme-red.search-bar--stay-expanded .search-bar__input::placeholder,.search-bar--theme-red.search-bar--is-expanded .search-bar__input::placeholder{opacity:.5}.search-bar--theme-red:hover{background-color:var(--color-red-dark)}.scale-slider__svg-wrapper{z-index:1;height:60px;margin:-10px 20px -11px}.scale-slider__svg-wrapper path{stroke:var(--color-gray-5);stroke-width:1px}.scale-slider__svg-wrapper path.scale-slider__outside-path{stroke:var(--color-gray-7);stroke-width:1px;stroke-dasharray:1 0;fill:var(--color-gray-2)}.scale-slider__svg-wrapper path.scale-slider__current-value{stroke:var(--color-green);stroke-width:2px}.scale-slider__current-value{opacity:0;transition:opacity .5s}.scale-slider__current-value--lit-up{opacity:1;transition:opacity .2s}.slot-detail-data-graph__container{width:100%;overflow:hidden}.slot-detail-data-graph .recharts-cartesian-grid rect{fill:var(--color-white)}.slot-detail-data-graph .recharts-cartesian-axis line{stroke:var(--color-gray-6)}.slot-detail-data-graph .recharts-reference-line line,.slot-detail-data-graph .recharts-cartesian-grid line{stroke:var(--color-gray-4)}.slot-detail-data-graph tspan{font-family:var(--font-family-mono)!important;font-size:var(--font-size-small)!important;fill:var(--color-gray-6)!important;margin-left:10px!important;padding-left:10px!important;display:inline-block!important}.dark .slot-detail-data-graph .recharts-cartesian-grid line,.dark .slot-detail-data-graph .recharts-reference-line line,.dark .slot-detail-data-graph .recharts-cartesian-axis line{stroke:var(--color-gray-darkmode-1)}.slot-detail-data-graph .recharts-tooltip-wrapper{z-index:10!important}.slot-data-graph__tooltip{background:var(--color-white);border:1px solid var(--color-gray-4);border-radius:var(--border-radius-med);font-family:var(--font-family-mono);font-size:var(--font-size-small);padding:3px 4px;box-shadow:0 0 0 1px #0000000d}.slot-data-graph__tooltip-item{align-items:center;gap:4px;line-height:1.4;display:flex}.slot-data-graph__tooltip-item+.slot-data-graph__tooltip-item{margin-top:0}.slot-data-graph__tooltip-name{font-weight:500}.slot-data-graph__tooltip-value{opacity:.8}.dark .slot-data-graph__tooltip{background:var(--color-gray-darkmode-3);border-color:var(--color-gray-darkmode-1);box-shadow:0 2px 4px #0000004d}.toggle{letter-spacing:inherit;white-space:normal;text-align:left;color:inherit;cursor:default;background-color:#0000;background:var(--color-gray-7);border:none;border:solid 2px var(--color-gray-7);border-radius:100px;outline:none;width:24px;height:14px;padding:0;font-family:inherit;transition:all .1s;display:inline-block}.keyboard-focus .toggle:focus{--focus-color:var(--color-brand);z-index:2;box-shadow:0 0 0 2px var(--focus-color),0 0 6px 0 var(--focus-color)}.toggle__knob{background:var(--color-white);border-radius:100px;width:10px;height:10px;transition:all .1s;position:absolute;top:0;left:0;transform:translate(0)}.toggle--is-disabled{opacity:.3}.toggle--is-pressed{background:var(--color-green)!important;border:solid 2px var(--color-green)!important}.toggle--is-pressed .toggle__knob{transform:translate(10px)}.dark .toggle{background:var(--color-gray-6);border-color:var(--color-gray-6)}.slot-detail-options__container{container-type:inline-size}.slot-detail-options{gap:8px;padding:8px;display:flex}.slot-detail-options__column{flex-direction:column;flex:1;gap:8px;display:flex}.slot-detail-options__column:nth-child(2){flex:2}.slot-detail-options__label{font-family:var(--font-family-reg);font-size:var(--font-size-small);font-weight:var(--font-weight-med);letter-spacing:.03em;color:var(--color-font-dis);text-transform:uppercase;margin-bottom:4px;display:block}.slot-detail-options__tooltip{margin-left:4px;display:inline-block}.slot-detail-options__link{letter-spacing:inherit;white-space:normal;text-align:left;color:var(--color-green);cursor:default;border-radius:var(--border-radius-reg);background-color:#0000;border:none;outline:none;margin-left:.2em;padding:0 .2em;font-family:inherit;text-decoration:underline;display:inline-block}.slot-detail-options__link:hover{text-decoration:none}.keyboard-focus .slot-detail-options__link:focus{--focus-color:var(--color-brand);z-index:2;box-shadow:0 0 0 2px var(--focus-color),0 0 6px 0 var(--focus-color)}@container (max-width:400px){.slot-detail-options{flex-direction:column}}.value-bar__bar{background:var(--color-gray-5);border-radius:4px;width:100%;height:2px;overflow:hidden!important}.value-bar__bar-fill{transform-origin:0;width:100%;height:100%;transition:transform .1s}.value-bar--show-center:before{content:"";background:var(--color-gray-7);width:1px;height:5px;display:block;position:absolute;top:-7px;left:50%}.value-bar--theme-default .value-bar__bar-fill,.value-bar--theme-green .value-bar__bar-fill{background-color:var(--color-green)}.value-bar--theme-violet .value-bar__bar-fill{background-color:var(--color-violet)}.value-bar--theme-blue .value-bar__bar-fill{background-color:var(--color-blue)}.slot-control-accelerometer{column-gap:8px;width:100%;display:flex;position:relative}.slot-control-accelerometer__scene-container{width:62px;height:70px;position:relative}.slot-control-accelerometer__scene-bg{width:100%;position:absolute;top:0;left:0}.slot-control-accelerometer__scene-bg g{stroke:var(--color-gray-6)}.slot-control-accelerometer__scene{width:62px;height:70px;transform-style:preserve-3d;transform:rotate(29deg)rotateY(35deg)rotateX(-49deg)}.slot-control-accelerometer__scene-square{width:30px;height:30px;transform-style:preserve-3d;transition:transform .1s;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}.slot-control-accelerometer__scene-square-top,.slot-control-accelerometer__scene-square-bottom{backface-visibility:hidden;background:var(--color-green);opacity:.9;width:100%;height:100%;position:absolute}.slot-control-accelerometer__scene-square-bottom{background:#107a65;transform:rotateY(.5turn)}.slot-control-accelerometer__bars{flex-direction:column;flex-grow:1;justify-content:center;display:flex}.slot-control-accelerometer__value{align-items:center;width:100%;display:flex}.slot-control-accelerometer__value-label{font-size:var(--font-size-small);font-weight:var(--font-weight-med);font-variant-numeric:tabular-nums;text-align:left;flex-shrink:0;width:48px}.slot-control-accelerometer__value-label-number{text-align:right;width:24px;display:inline-block}.slot-control-accelerometer__bar{width:100%}.slot-control-buzzer{width:100%;font-size:var(--font-size-large);text-align:center;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;line-height:1em;display:flex;position:relative}.slot-control-buzzer__value{min-width:36px;margin:0 10px}.slot-control-buzzer__action{display:inline-block}.slot-control-color-value{justify-content:center;align-items:center;gap:8px;display:flex}.slot-control-color-value__color-display{border-radius:var(--border-radius-reg);background:var(--color-value);border:1px solid rgba(0,0,0,var(--border-color));width:100%;max-width:64px;height:40px;position:relative}.slot-control-color-value__value-display{font-size:var(--font-size-small);font-weight:var(--font-weight-med);font-variant-numeric:tabular-nums}.slot-control-color-value__value-label{width:16px;display:inline-block}.slot-control-color-value__value-number{text-align:right;display:inline-block}.slot-control-counter{width:100%;font-size:var(--font-size-large);text-align:center;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;line-height:1em;display:flex;position:relative}.slot-control-counter__value{min-width:36px;margin:0 10px}.slot-control-counter__action{vertical-align:4px;font-size:var(--font-size-large);color:var(--color-green);text-align:center;min-width:24px;display:inline-block}.slot-control-figma{justify-content:center;align-items:center;display:flex}.slot-control-figma__message{align-items:center;gap:4px;display:flex}.slot-control-figma__id{opacity:.5}.slot-unit{width:100%;font-size:var(--font-size-large);font-variant-numeric:tabular-nums;text-align:left;justify-content:center;align-items:baseline;line-height:1em;display:flex;position:relative}.slot-unit--size-small{font-size:var(--font-size-reg)}.slot-unit__value{text-align:right;margin-right:1px}.slot-unit__value--string{text-align:left}.slot-unit__trigger{letter-spacing:inherit;white-space:normal;text-align:left;color:inherit;cursor:default;font-family:inherit;font-size:inherit;border-radius:var(--border-radius-med);white-space:nowrap;background-color:#0000;border:none;outline:none;padding:0 .2em;display:inline-block}.keyboard-focus .slot-template:focus-within .slot-unit__trigger,.keyboard-focus .slot-unit__trigger:focus,.slot-unit:hover .slot-unit__trigger,.slot-unit__trigger:hover{background-color:var(--color-gray-4)}.keyboard-focus .slot-template:focus-within .slot-unit__trigger .slot-unit__arrow,.keyboard-focus .slot-unit__trigger:focus .slot-unit__arrow,.slot-unit:hover .slot-unit__trigger .slot-unit__arrow,.slot-unit__trigger:hover .slot-unit__arrow{color:var(--color-font-dis)}.keyboard-focus .slot-unit__trigger:focus{--focus-color:var(--color-brand);z-index:2;box-shadow:0 0 0 2px var(--focus-color),0 0 6px 0 var(--focus-color)}.slot-unit__trigger--no-symbol{color:#0000;margin-left:6px}.slot-unit__unit-symbol{display:inline-block}.slot-unit__arrow{color:#0000;margin-left:.2em;display:inline-block}.slot-unit__trigger--no-symbol .slot-unit__arrow{margin-left:0}.slot-unit__arrow-icon{vertical-align:.2em;width:8px}.slot-unit__content{border-radius:var(--border-radius-med);background-color:var(--color-white);color:var(--text-color);--shadow-color:#0000000d;--inset-shadow-color:#0000001f;margin-top:-4px;padding:4px}.dark .slot-unit__content{--shadow-color:#0000001a;--inset-shadow-color:#0003}.slot-unit__content{box-shadow:0 0 0 4px var(--shadow-color)}.slot-unit__content:after{content:"";box-shadow:inset 0 0 0 1px var(--inset-shadow-color);pointer-events:none;border-radius:inherit;display:block;position:absolute;inset:0}.slot-unit__item{border-radius:var(--border-radius-reg);padding:2px 8px 2px 20px;position:relative}.slot-unit__item[data-disabled]{opacity:.35;pointer-events:none}.slot-unit__item:focus{outline:none}.slot-unit__item:hover{background-color:var(--color-gray-2);outline:none}.keyboard-focus .slot-unit__item:focus{--focus-color:var(--color-brand);z-index:2;box-shadow:inset 0 0 0 2px var(--focus-color),inset 0 0 6px 0 var(--focus-color)}.slot-unit__item-indicator{width:10px;position:absolute;left:5px}.slot-control-input-visualization__value{font-size:var(--font-size-large);text-align:center;font-variant-numeric:tabular-nums;margin-bottom:6px;line-height:1em}.slot-control-input-visualization__multiple-container{gap:var(--spacing-unit);flex-direction:column;display:flex}.slot-control-input-visualization__multiple-container .slot-control-input-visualization{gap:var(--spacing-unit);grid-template-columns:auto 1fr;align-items:center;display:grid}.slot-control-input-visualization__multiple-container .slot-control-input-visualization__value{font-size:var(--font-size-reg);margin-bottom:0}.slot-control-joystick{grid-template-columns:64px 1fr;grid-template-areas:"scene bars";place-items:center;column-gap:8px;width:100%;display:grid;position:relative}.slot-control-joystick__scene{grid-area:scene;width:50px;height:50px}.slot-control-joystick__scene-bg{width:50px}.slot-control-joystick__scene-bg *{fill:var(--color-gray-6)}.slot-control-joystick__scene-point{background-color:var(--color-green);border-radius:1000px;width:6px;height:6px;position:absolute;top:calc(50% - 3px);left:calc(50% - 3px)}.slot-control-joystick__scene-point--pressed{box-shadow:0 0 0 3px var(--color-green-alpha)}.slot-control-joystick__scene-square{width:30px;height:30px;transform-style:preserve-3d;transition:transform .1s;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}.slot-control-joystick__scene-square-top,.slot-control-joystick__scene-square-bottom{backface-visibility:hidden;background:var(--color-green);opacity:.9;width:100%;height:100%;position:absolute}.slot-control-joystick__scene-square-bottom{background:#107a65;transform:rotateY(.5turn)}.slot-control-joystick__bars{flex-direction:column;grid-area:bars;justify-content:center;width:100%;display:flex}.slot-control-joystick__value{align-items:center;width:100%;display:flex}.slot-control-joystick__value-label{font-size:var(--font-size-small);font-weight:var(--font-weight-med);font-variant-numeric:tabular-nums;text-align:left;flex-shrink:0;width:48px}.slot-control-joystick__value-label-number{text-align:right;width:24px;display:inline-block}.slot-control-joystick__bar{width:100%}.slot-control-led-matrix{justify-content:center;align-items:center;display:flex}.slot-control-led-matrix__case{--led-size:8px;--led-diameter:var(--led-size);width:calc(var(--led-count-per-side)*var(--led-size));height:calc(var(--led-count-per-side)*var(--led-size));flex-wrap:wrap;display:flex}.slot-control-led-matrix__led{width:var(--led-size);height:var(--led-size);flex-shrink:0;justify-content:center;align-items:center;display:flex}.slot-control-led-matrix__led-inner{width:var(--led-diameter);height:var(--led-diameter);background:var(--led-color);border:1px solid rgba(0,0,0,var(--border-color));border-radius:2px}.slot-control-led-matrix__led--is-off .slot-control-led-matrix__led-inner{--led-color:var(--color-gray-6)!important}.slot-control-led-strip__strip{--led-size:16px;--led-diameter:10px;flex-wrap:wrap;row-gap:4px;display:flex}.slot-control-led-strip__led{width:var(--led-size);height:var(--led-size);border:solid 1px var(--color-gray-6);justify-content:center;align-items:center;margin-right:-1px;display:flex}.slot-control-led-strip__led:nth-child(10n):before{content:"";background:var(--color-gray-7);border-radius:1000px;width:2px;height:2px;display:block;position:absolute;top:1px;left:1px}.slot-control-led-strip__led-inner{width:var(--led-diameter);height:var(--led-diameter);background:var(--led-color);border:1px solid rgba(0,0,0,var(--border-color));border-radius:100%}.slot-control-led-strip__led--is-off .slot-control-led-strip__led-inner{--led-color:var(--color-gray-6)!important}.slot-control-led-strip__led__index{font-family:var(--font-family-mono);font-size:calc(var(--font-size-tiny)*.94);letter-spacing:inherit;color:var(--color-font-dis);background:var(--color-white);border-bottom-right-radius:2px;padding:1px 1px 0 2px;line-height:1;display:none;position:absolute;top:0;left:0}.slot-control-led-strip__led:hover .slot-control-led-strip__led__index{display:block}.slot-control-led-strip__controls{justify-content:center;align-items:center;margin-top:4px;display:flex}.slot-control-message{justify-content:center;align-items:center;display:flex}.slot-control-message__message{align-items:center;gap:4px;display:flex}.slot-control-message__id{opacity:.5}.slot-control-metronome{width:100%;position:relative}.slot-control-metronome__dot-container{justify-content:center;align-items:center;gap:4px;display:flex}.slot-control-metronome__actions{justify-content:center;align-items:center;gap:4px;margin-top:8px;display:flex}.slot-control-metronome__frequency-input{max-width:7em;font-size:var(--font-size-small);border-radius:var(--border-radius-med);text-align:right}.slot-control-metronome__unit{font-size:var(--font-size-small)}.slot-control-metronome__dot{background-color:var(--color-gray-5);border-radius:1000px;width:6px;height:6px}.slot-control-metronome__dot--is-big{width:10px;height:10px}@keyframes light-up{0%{background-color:var(--color-gray-5)}to{background-color:var(--color-green)}}.slot-control-metronome__dot--is-lit-up{background-color:var(--color-green)}.slot-control-oled{justify-content:center;align-items:center;gap:8px;width:100%;padding-top:2px;display:flex;position:relative}.slot-control-oled__screen{box-sizing:initial;background-color:#2d2d2e;border:2px solid #2d2d2e;border-radius:1px;width:128px;height:64px;box-shadow:0 0 0 3px #2d2d2ee3}.slot-control-oled__screen--is-off{opacity:.6}.slot-control-oled__textarea{appearance:none;font-family:var(--font-family-mono);letter-spacing:.04em;color:var(--color-white-STAY);resize:none;word-wrap:break-word;word-break:break-all;overflow-wrap:break-word;z-index:1;white-space:break-spaces;background-color:#0000;border:none;outline:none;width:100%;height:100%;margin:auto;padding:0;font-size:10.8px;line-height:.82;display:block}textarea.slot-control-oled__textarea--is-inverted{background-color:var(--color-white-STAY);color:#2d2d2e}.slot-control-oled__canvas{width:128px;height:64px;image-rendering:pixelated}.slot-control-oled__Buttons{flex-direction:column;gap:4px;display:flex}.dark .slot-control-oled__screen{background-color:#212123;border-color:#212123;box-shadow:0 0 0 3px #21212380}.slot-control-rgb-lcd{border-radius:var(--border-radius-reg);width:100%;position:relative}.keyboard-focus .slot-control-rgb-lcd:focus-within{--focus-color:var(--color-brand);z-index:2;box-shadow:0 0 0 2px var(--focus-color),0 0 6px 0 var(--focus-color)}.slot-control-rgb-lcd input,.slot-control-rgb-lcd textarea{appearance:none;font-family:var(--font-family-mono);font-size:var(--font-size-reg);color:#000;resize:none;word-wrap:break-word;word-break:break-all;overflow-wrap:break-word;z-index:1;white-space:break-spaces;background-color:#0000;border:none;outline:none;width:168px;margin:auto;padding:4px 16px;display:block}.slot-control-rgb-lcd__background{z-index:0;opacity:.5;border-radius:var(--border-radius-reg);background:var(--color-gray-5);border:solid 1px var(--color-gray-6);position:absolute;inset:0}.slider__slider{-webkit-user-select:none;user-select:none;touch-action:none;z-index:3;align-items:center;width:100%;height:10px;display:flex;position:relative}.slider__bar{background:var(--color-gray-5);border-radius:4px;width:100%;height:2px;overflow:clip}.slider__bar-fill{height:2px;position:absolute}.slider__thumb{border-radius:1000px;width:10px;height:10px;display:block}.keyboard-focus .slider__thumb:focus{--focus-color:var(--color-brand);z-index:2;box-shadow:0 0 0 2px var(--focus-color),0 0 6px 0 var(--focus-color)}.slider__thumb:focus{outline:none}.slider__center-indicator{letter-spacing:inherit;white-space:normal;text-align:left;color:inherit;cursor:default;border-radius:var(--border-radius-reg);background-color:#0000;border:none;outline:none;justify-content:center;align-items:center;width:7px;height:7px;padding:0;font-family:inherit;display:flex;top:-3px;left:50%;transform:translate(-50%)}.slider__center-indicator:before{content:"";width:16px;height:16px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.slider__center-indicator:hover{background:var(--color-gray-3)}.slider__center-indicator:active{background:var(--color-gray-5)}.keyboard-focus .slider__center-indicator:focus{--focus-color:var(--color-brand);z-index:2;box-shadow:0 0 0 2px var(--focus-color),0 0 6px 0 var(--focus-color)}.slider__center-indicator-inner{background:var(--color-gray-7);width:1px;height:5px}.slider__center-indicator:active .slider__center-indicator-inner{background:var(--color-font-reg)}.slider--theme-default .slider__bar-fill,.slider--theme-green .slider__bar-fill,.slider--theme-default .slider__thumb,.slider--theme-green .slider__thumb{background-color:var(--color-green)}.slider--theme-default .slider__thumb:active,.slider--theme-green .slider__thumb:active{background-color:var(--color-green-dark)}.slider--theme-violet .slider__bar-fill,.slider--theme-violet .slider__thumb{background-color:var(--color-violet)}.slider--theme-violet .slider__thumb:active{background-color:var(--color-violet-dark)}.slider--theme-blue .slider__bar-fill,.slider--theme-blue .slider__thumb{background-color:var(--color-blue)}.slider--theme-blue .slider__thumb:active{background-color:var(--color-blue-dark)}.slot-control-slider__value{font-size:var(--font-size-large);text-align:center;font-variant-numeric:tabular-nums;margin-bottom:2px;line-height:1em}.slot-control-slider__multiple-container{gap:var(--spacing-unit);flex-direction:column;display:flex}.slot-control-slider__multiple-container .slot-control-slider{gap:var(--spacing-unit);grid-template-columns:auto 1fr;align-items:center;display:grid}.slot-control-slider__multiple-container .slot-control-slider__value{font-size:var(--font-size-reg)}.slot-control-stepper{grid-template-rows:auto min-content;grid-template-columns:1fr 1fr 1fr;gap:16px 8px;padding-bottom:4px;display:grid}.slot-control-stepper__main{grid-column:1/span 3;justify-content:center;align-items:center;gap:4px;display:flex}.slot-control-stepper_button-container{display:flex}.slot-control-stepper_unit-input{text-align:right;border-radius:4px;max-width:4em}.slot-control-stepper_unit-select{max-width:100px;height:24px}.slot-control-stepper_unit-select .dropdown{height:100%}.slot-control-stepper label{font-family:var(--font-family-reg);font-size:var(--font-size-small);font-weight:var(--font-weight-bold);letter-spacing:.02em;text-transform:uppercase;color:var(--color-font-dis);font-size:var(--font-size-tiny);white-space:nowrap;text-align:right;display:block}.slot-control-stepper__tooltip{vertical-align:-1.5px;margin-left:3px;display:inline-block}.slot-control-stepper_sub-input{font-size:var(--font-size-small);border-radius:var(--border-radius-med);text-align:right;width:100%;height:16px}.slot-control-stepper_sub-input--is-zero{color:var(--color-font-dis)}.slot-control-time{width:100%;font-size:var(--font-size-large);text-align:center;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:8px;line-height:1em;display:flex;position:relative}.slot-control-time__value{min-width:36px;margin-top:-2px}.slot-control-time__separator{vertical-align:.1em;margin:0 2px}.slot-control-time__milliseconds{font-size:var(--font-size-tiny);color:var(--color-gray-7);vertical-align:text-top;margin-left:.4em;display:inline-block;transform:translateY(-.1em)}.slot-control-time__buttons{flex-direction:column;gap:4px;display:flex}.slot-control-toggle{justify-content:center;align-items:center;column-gap:6px;display:flex}.slot-control-toggle__value{font-size:var(--font-size-large);text-align:center;font-variant-numeric:tabular-nums;line-height:1em}.slot-control-trigger{justify-content:center;align-items:center;column-gap:6px;display:flex}.slot-control-trigger__value{font-size:var(--font-size-large);text-align:center;font-variant-numeric:tabular-nums;line-height:1em}.slot-detail-figma__integration-data{padding:8px}.slot-detail-figma__label{font-family:var(--font-family-reg);font-size:var(--font-size-small);font-weight:var(--font-weight-med);letter-spacing:.03em;color:var(--color-font-dis);text-transform:uppercase;margin-bottom:8px;display:block}.slot-detail-figma__node-container{flex-wrap:wrap;gap:8px;display:flex}.slot-detail-figma__no-nodes{color:var(--color-font-med)}.slot-detail-figma__node{background:var(--color-gray-3);color:var(--color-font-med);border-radius:var(--border-radius-reg);width:max-content;padding:.08em .2em}.slot-detail-figma__node-icon{vertical-align:-3px;margin-right:.2em}.slot-detail-figma__node-id{color:var(--color-gray-7);margin-left:4px}.slot-detail-figma__log{border-top:solid 1px var(--slot-border-color-inner);min-height:40px;max-height:100px;overflow-y:scroll}.slot-detail-figma__no-messages{font-family:var(--font-family-mono);font-size:calc(var(--font-size-small)*.94);letter-spacing:inherit;background-color:var(--color-gray-1);width:100%;height:100%;min-height:40px;color:var(--color-gray-7);justify-content:flex-start;align-items:center;padding:8px;display:flex}.slot-detail-figma__no-messages:before{content:"//";margin-right:.5em}.slot-detail-message-log{min-height:40px;max-height:100px;overflow-y:scroll}.slot-detail-message-log .log-message:first-child{border-top:none}.slot-detail-message-log__no-messages{font-family:var(--font-family-mono);font-size:calc(var(--font-size-small)*.94);letter-spacing:inherit;background-color:var(--color-gray-1);width:100%;height:100%;min-height:40px;color:var(--color-gray-7);justify-content:flex-start;align-items:center;padding:8px;display:flex}.slot-detail-message-log__no-messages:before{content:"//";margin-right:.5em}.asset-dropdown{width:100%}.asset-dropdown__trigger{all:unset;box-sizing:border-box;color:var(--color-font-reg);background-color:var(--color-white);border-radius:var(--border-radius-reg);border:solid 1px var(--color-gray-6);width:100%;height:100%;font-family:inherit;font-size:inherit;padding:2px 4px 2px 2px}.asset-dropdown__trigger:hover{background-color:var(--color-gray-1)}.asset-dropdown__trigger:active{background-color:var(--color-gray-3)}.asset-dropdown__trigger-value,.asset-dropdown__item-value{flex-direction:row;align-items:center;gap:4px;display:flex}.asset-dropdown__item-canvas,.asset-dropdown__trigger-canvas{border:solid 1px var(--color-gray-4);height:28px;margin:0;display:block}.asset-dropdown__trigger-text{white-space:nowrap;text-overflow:ellipsis;display:inline-block;overflow:hidden}.asset-dropdown__content{border-radius:var(--border-radius-med);--shadow-color:#0000000d;--inset-shadow-color:#0000001f}.dark .asset-dropdown__content{--shadow-color:#0000001a;--inset-shadow-color:#0003}.asset-dropdown__content{box-shadow:0 0 0 4px var(--shadow-color)}.asset-dropdown__content:after{content:"";box-shadow:inset 0 0 0 1px var(--inset-shadow-color);pointer-events:none;border-radius:inherit;display:block;position:absolute;inset:0}.asset-dropdown__content{background-color:var(--color-white);padding:4px;overflow:clip}.asset-dropdown__item{border-radius:var(--border-radius-reg);padding:4px;position:relative}.asset-dropdown__item:focus{outline:none}.asset-dropdown__item:hover{background-color:var(--color-gray-1);outline:none}.keyboard-focus .asset-dropdown__item:focus{--focus-color:var(--color-brand);z-index:2;box-shadow:inset 0 0 0 2px var(--focus-color),inset 0 0 6px 0 var(--focus-color)}.asset-dropdown__item--is-selected{background-color:var(--color-gray-4)!important}.dark .asset-dropdown__trigger{border-color:var(--color-gray-darkmode-2)}.oled-image-editor{grid-template:"toolbar pushpull"1fr"canvas presets"134px/262px 1fr;gap:8px;width:100%;display:grid}.oled-image-editor__toolbar{grid-area:toolbar;justify-content:space-between;align-items:center;gap:4px;display:flex}.oled-image-editor__separator{background-color:var(--color-gray-5);width:1px;height:12px;margin:0 auto}.oled-image-editor__separator:last-child{margin-right:0}.oled-image-editor__separator--only-show-med{display:none}.oled-image-editor__color-button{letter-spacing:inherit;white-space:normal;text-align:left;color:inherit;cursor:default;border:none;border:solid 1px var(--color-gray-5);border-radius:var(--border-radius-med);background-color:#0000;outline:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-family:inherit;display:flex}.oled-image-editor__color-button:hover{background-color:var(--color-gray-4)}.oled-image-editor__color-button:active{background-color:var(--color-gray-5)}.keyboard-focus .oled-image-editor__color-button:focus{--focus-color:var(--color-brand);z-index:2;box-shadow:0 0 0 2px var(--focus-color),0 0 6px 0 var(--focus-color);background-color:var(--color-gray-4)}.dark .oled-image-editor__color-button{border-color:var(--color-gray-darkmode-2)}.oled-image-editor__color-indicator{border:solid 1px var(--color-gray-5);border-radius:1000px;width:16px;height:16px}.oled-image-editor__color-button:active .oled-image-editor__color-indicator{width:15px;height:15px}.oled-image-editor__color-indicator--color-white{background-color:#fff}.oled-image-editor__color-indicator--color-black{background-color:#2d2d2e}.oled-image-editor__push-pull{grid-area:pushpull;gap:4px;width:100%;display:flex}.oled-image-editor__push-pull .button{text-align:center;flex:1}.oled-image-editor__canvas-container{box-sizing:initial;background-color:#2d2d2e;border:2px solid #2d2d2e;border-radius:1px;grid-area:canvas;place-self:center;width:calc(100% - 6px);max-width:256px;height:calc(100% - 6px);box-shadow:0 0 0 3px #2d2d2ee3}.oled-image-editor__canvas{width:100%;height:100%;image-rendering:pixelated;position:absolute;top:0;left:0}.oled-image-editor__asset-section{flex-direction:column;grid-area:presets;gap:4px;width:100%;min-width:100%;display:flex}.oled-image-editor__file-button{gap:4px;display:flex}.oled-image-editor__image-input,.oled-image-editor__image-store{display:none}.oled-image-editor__spacer{margin:auto}.dark .oled-image-editor__canvas-container{background-color:#212123;border-color:#212123;box-shadow:0 0 0 3px #21212380}@container (max-width:334px){.oled-image-editor{grid-template:"toolbar pushpull"max-content"canvas canvas"134px"presets presets"max-content/1fr max-content}.oled-image-editor__separator--only-show-med{display:block}}@container (max-width:314px){.oled-image-editor{grid-template:"pushpull"max-content"toolbar"max-content"canvas"134px"presets"max-content/1fr}.oled-image-editor__separator--only-show-med{display:none}}.slot-detail-oled{width:100%;padding:8px;container-type:inline-size}.slot-detail-oled__bitmap-select{width:100%}.slot-detail-oled__label{width:100%;font-family:var(--font-family-reg);font-size:var(--font-size-small);font-weight:var(--font-weight-med);letter-spacing:.03em;color:var(--color-font-dis);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;display:inline-block;overflow:hidden}.slot-detail-oled__asset-id{font-size:var(--font-size-tiny);letter-spacing:0;text-transform:initial}.slot-detail-oled__asset-select-container{width:100%}.slot-detail-piano{width:100%;height:90px;display:flex;position:relative;overflow:auto hidden}.slot-detail-piano:after{content:"";z-index:3;pointer-events:none;position:absolute;inset:0 -50px -50px;box-shadow:inset 0 3px 10px #00000008}.slot-detail-piano__key{letter-spacing:inherit;white-space:normal;text-align:left;color:inherit;cursor:default;border:none;border-left:1px solid var(--color-gray-6);background-color:#fafafa;outline:none;flex-shrink:0;width:18px;height:100%;padding:0;font-family:inherit;transition:all .1s}.slot-detail-piano__key:first-child{border-left:none}.slot-detail-piano__key:active{background-color:var(--color-gray-5)}.slot-detail-piano__key--black{z-index:2;border-bottom-left-radius:var(--border-radius-reg);border-bottom-right-radius:var(--border-radius-reg);background:linear-gradient(#262626,#404040);border:none;width:10px;height:65%;margin-left:-5px;margin-right:-5px;position:relative}.slot-detail-piano__key--black:active{background:linear-gradient(#000,#000)}.slot-connections-indicator{font-family:var(--font-family-reg);font-size:var(--font-size-small);font-weight:var(--font-weight-bold);letter-spacing:.02em;background-color:var(--color-green);color:#0000;border-radius:8px;width:min-content;max-width:16px;height:16px;transition:max-width .3s,color .3s;overflow:hidden}.slot-connections-indicator--disconnected{background-color:var(--color-red)}.slot-connections-indicator__body{width:min-content;height:100%;word-wrap:none;text-wrap:nowrap;white-space:nowrap;padding:2px 6px;transition:opacity .3s}.slot-connections-indicator:hover{max-width:120px;color:var(--color-white-STAY)}.slot-data-indicator--theme-background{transition:background-color .15s}.slot-data-indicator--theme-background.slot-data-indicator--is-lit-up{background-color:var(--color-green)}.slot-data-indicator--theme-content{transition:color .15s}.slot-data-indicator--theme-content.slot-data-indicator--is-lit-up{color:var(--color-green)}.slot-template{background-color:var(--slot-background-color);border-radius:var(--border-radius-large);border:solid 1px var(--slot-border-color-outer);grid-template-rows:24px 1fr;grid-template-areas:"header""main";display:grid;overflow:clip}.slot-template__header{border-bottom:solid 1px var(--slot-border-color-inner);grid-area:header;display:flex;overflow:hidden}.slot-template__slot-name{font-family:var(--font-family-mono);font-size:calc(var(--font-size-reg)*.94);letter-spacing:inherit;border-right:solid 1px var(--slot-border-color-inner);justify-content:center;align-items:center;min-width:40px;height:100%;padding:0 6px;display:flex}.slot-template__slot-name-plus{color:var(--slot-font-color-dis);margin:0 .1em}.slot-template__pwm-indicator{width:7px;height:3px;margin-right:2px}.slot-template__pwm-indicator svg *{fill:currentColor}.slot-template__title{white-space:nowrap;text-overflow:ellipsis;flex-grow:2;justify-content:flex-start;align-items:baseline;max-width:100%;padding:3px 4px;display:flex;overflow:hidden}.keyboard-focus .slot-template__name:focus-within{--focus-color:var(--color-brand);z-index:2;box-shadow:0 0 0 2px var(--focus-color),0 0 6px 0 var(--focus-color)}.slot-template__component-type-name{color:var(--slot-font-color-dis);white-space:nowrap;text-overflow:ellipsis;font-family:var(--font-family-mono);font-size:calc(var(--font-size-small)*.94);letter-spacing:inherit;margin-left:3px;overflow:hidden}.slot-template__number-of-cards{height:100%;color:var(--slot-font-color-med);font-family:var(--font-family-mono);font-size:calc(var(--font-size-small)*.94);letter-spacing:inherit;justify-content:center;align-items:center;margin-right:4px;display:flex}.slot-template__show-options-toggle{opacity:0;align-self:center;margin-right:4px}.keyboard-focus .slot-template:focus-within .slot-template__show-options-toggle,.slot-template__show-options-toggle--is-active,.slot-template:hover .slot-template__show-options-toggle{opacity:1!important}.slot-template__remove .icon-button{border-left:solid 1px var(--slot-border-color-inner);border-radius:0;border-top-right-radius:var(--border-radius-large);width:24px;height:100%}.keyboard-focus .slot-template__remove .icon-button:focus,.slot-template__remove .icon-button:hover{background-color:var(--slot-border-color-inner)}.slot-template__remove .icon-button:active{background-color:var(--slot-border-color-outer)}.keyboard-focus .slot-template__remove .icon-button:focus{--focus-color:var(--color-brand);z-index:2;box-shadow:inset 0 0 0 2px var(--focus-color),inset 0 0 6px 0 var(--focus-color)}.slot-template__main{grid-area:main;grid-template-columns:96px 1fr;grid-template-areas:"icon content";min-height:80px;display:grid}.slot-template__hardware-icon{grid-area:icon;justify-content:center;align-items:center;display:flex}.slot-template__hardware-icon svg{width:70px;height:70px}.slot-template__hardware-icon svg *{fill:currentColor}.slot-template__beta-pill,.slot-template__connections-indicator{position:absolute;bottom:8px;left:8px}.slot__content{grid-area:content}.slot-template__options-container{background-color:var(--slot-options-bg-color);border-top:solid 1px var(--slot-border-color-inner)}.slot-template__additional-controls__container{overflow:hidden}.slot-template__additional-controls{border-top:solid 1px var(--slot-border-color-inner)}.slot-template--type-default{--slot-border-color-outer:var(--color-gray-6);--slot-border-color-inner:var(--color-gray-5);--slot-font-color-dis:var(--color-font-dis);--slot-font-color-med:var(--color-font-med);--slot-background-color:var(--color-white);--slot-options-bg-color:var(--color-gray-2)}.slot-template--type-wizard{--slot-border-color-outer:var(--color-green-darker);--slot-border-color-inner:var(--color-green-dark);color:var(--color-white-STAY);--slot-font-color-dis:#fff9;--slot-font-color-med:#fffc;--slot-background-color:var(--color-green)}.slot-template--type-warning{--slot-border-color-outer:var(--color-orange-darker);--slot-border-color-inner:var(--color-orange-dark);--slot-font-color-dis:var(--slot-border-color-outer);--slot-font-color-med:#95600c;--slot-background-color:var(--color-alert-medium)}.slot-template--type-error{--slot-border-color-outer:var(--color-red-darker);--slot-border-color-inner:var(--color-red-dark);color:var(--color-white-STAY);--slot-font-color-dis:#fff9;--slot-font-color-med:#fffc;--slot-background-color:var(--color-alert-high)}.dark .slot-template--type-default{--slot-border-color-outer:var(--color-gray-darkmode-1);--slot-border-color-inner:var(--color-gray-darkmode-2);--slot-options-bg-color:var(--color-gray-1)}.slot-default{grid-template:"control graphToggle"1fr"value graphToggle"/1fr 40px;min-height:100%;display:grid}.slot-default__control{grid-area:control;align-self:center;padding:4px 0;overflow:hidden}.slot-default__value{color:var(--slot-font-color-dis);grid-area:value;justify-content:center;align-items:center;gap:4px;padding-bottom:4px;display:flex}.slot-default__direction{font-family:var(--font-family-mono);font-size:calc(var(--font-size-tiny)*.94);letter-spacing:inherit}.slot-default__direction-icon{width:7px;height:3px}.slot-default__direction-icon svg *{fill:currentColor}.slot-default__raw{font-family:var(--font-family-mono);font-size:calc(var(--font-size-small)*.94);letter-spacing:inherit;gap:6px;margin-left:6px;display:flex}.slot-default__raw-value{text-align:right;display:block}.slot-default__raw-value--has-color{padding-right:7px}.slot-default__raw-value--has-color:before{content:"";border-radius:1000px;width:4px;height:4px;display:block;position:absolute;top:4px;right:0}.slot-default__raw-value--color-green:before{background-color:var(--color-green)}.slot-default__raw-value--color-violet:before{background-color:var(--color-violet)}.slot-default__raw-value--color-blue:before{background-color:var(--color-blue)}.slot-default__raw-value--color-rgb-red:before{background-color:red}.slot-default__raw-value--color-rgb-green:before{background-color:#00dc00}.slot-default__raw-value--color-rgb-blue:before{background-color:#3f3fff}.slot-default__show-graph-toggle-area{flex-direction:column;grid-area:graphToggle;justify-content:center;align-items:center;gap:4px;display:flex}.slot-default__show-graph-toggle,.slot-default__additional-controls-toggle{opacity:0}.keyboard-focus .slot-template:focus-within .slot-default__show-graph-toggle,.slot-template:hover .slot-default__show-graph-toggle,.keyboard-focus .slot-template:focus-within .slot-default__additional-controls-toggle,.slot-template:hover .slot-default__additional-controls-toggle{opacity:1}.slot-default__additional-controls-toggle--is-active,.slot-default__show-graph-toggle--is-active{opacity:1!important}.slot-default__unit{width:100%;max-width:96px;margin-top:-1px}.slot-error{flex-direction:column;justify-content:center;gap:2px;min-height:100%;padding:8px 8px 8px 0;display:flex}.slot-error__solution-suggestions{color:var(--slot-font-color-dis)}.slot-error__solution-suggestions a{color:inherit;text-underline-offset:2px}.slot-error__solution-suggestions a:hover{color:var(--slot-font-color-med)}.slot-error__solution-suggestions a:after{content:" ↗"}.keyboard-focus .slot-error__solution-suggestions a:focus{border-radius:var(--border-radius-reg);--focus-color:var(--color-brand);z-index:2;box-shadow:0 0 0 2px var(--focus-color),0 0 6px 0 var(--focus-color);outline:none}.slot-error__action{margin-top:6px}.slot-error__action .button{color:var(--slot-background-color);font-weight:var(--font-weight-med);background-color:var(--color-white-STAY);border:none}.slot-error__action .button:hover{opacity:.95}.slot-error__action .button:active{opacity:.85}.slot-code-display{background-color:var(--color-white);border-radius:var(--border-radius-med);border:solid 1px var(--color-gray-5);padding:8px;overflow:clip}.slot-code-display__code{font-family:var(--font-family-mono);line-height:1.5}.slot-code-display__property{padding-left:1em}.slot-code-display__string{letter-spacing:inherit;white-space:normal;text-align:left;color:var(--color-code-string);cursor:default;background-color:#0000;border:none;outline:none;padding:0;font-family:inherit;outline-color:var(--color-code-string)!important}.keyboard-focus .slot-code-display__string:focus,.slot-code-display__string:focus,.slot-code-display__string:hover{background-color:var(--color-code-string);color:var(--color-white-STAY);outline:solid 2px var(--color-code-string);border-radius:var(--border-radius-reg)}.slot-code-display__string:active{opacity:.8}.keyboard-focus .slot-code-display__string:focus{--focus-color:var(--color-brand);z-index:2;box-shadow:0 0 0 2px var(--focus-color),0 0 6px 0 var(--focus-color);outline:none}.slot-code-display__int{color:var(--color-code-number)}.slot-code-display__notification{transition:transform .2s;position:absolute;top:8px;right:8px;transform:translateY(calc(-100% - 8px))}.slot-code-display__check-icon{width:8px;margin-right:3px}.slot-code-display--is-copied-to-clipboard .slot-code-display__notification{transform:translateY(0)}.tag{font-family:var(--font-family-reg);font-size:var(--font-size-small);font-weight:var(--font-weight-med);letter-spacing:.03em;border-radius:var(--border-radius-med);background-color:var(--tag-background-color);width:max-content;height:16px;color:var(--tag-text-color);justify-content:center;align-items:center;padding:0 5px;display:flex}.tag--theme-green{--tag-background-color:var(--color-green-alpha);--tag-text-color:var(--color-font-green)}.tag--theme-violet{--tag-background-color:var(--color-violet-alpha);--tag-text-color:var(--color-font-violet)}.tag--theme-blue{--tag-background-color:var(--color-blue-alpha);--tag-text-color:var(--color-font-blue)}.tag--theme-red{--tag-background-color:var(--color-red-alpha);--tag-text-color:var(--color-font-red)}.tag--theme-orange{--tag-background-color:var(--color-orange-alpha);--tag-text-color:var(--color-font-orange)}.tag--theme-yellow{--tag-background-color:var(--color-yellow-alpha);--tag-text-color:var(--color-font-yellow)}.tag--theme-gray{--tag-background-color:var(--color-gray-4);--tag-text-color:var(--color-font-med)}.text-tabs__container{width:100%;height:100%}.text-tabs{width:100%;height:100%;display:flex}.text-tabs__tab{letter-spacing:inherit;white-space:normal;text-align:left;color:var(--color-font-dis);cursor:default;background-color:#0000;border:none;outline:none;flex:1;justify-content:center;align-items:center;padding:0;font-family:inherit;display:flex}.text-tabs__tab:hover{color:var(--color-font-med)}.keyboard-focus .text-tabs__tab:focus{--focus-color:var(--color-brand);z-index:2;box-shadow:0 0 0 2px var(--focus-color),0 0 6px 0 var(--focus-color)}.keyboard-focus .text-tabs--focus-inside .text-tabs__tab:focus{--focus-color:var(--color-brand);z-index:2;box-shadow:inset 0 0 0 2px var(--focus-color),inset 0 0 6px 0 var(--focus-color)}.text-tabs__icon{width:16px;margin-right:4px}.text-tabs__tab--is-selected{font-weight:var(--font-weight-med);color:var(--color-font-reg)!important}.update-indicator{letter-spacing:inherit;white-space:normal;text-align:left;color:inherit;cursor:default;--shadow-color:#0000000d;--inset-shadow-color:#0000001f;background-color:#0000;border:none;outline:none;padding:0;font-family:inherit}.dark .update-indicator{--shadow-color:#0000001a;--inset-shadow-color:#0003}.update-indicator{--shadow-color:#16a28633}.dark .update-indicator{--shadow-color:#17826d33}.update-indicator{box-shadow:0 0 0 4px var(--shadow-color);background-color:var(--color-green);border-radius:var(--border-radius-large);border:solid 1px var(--color-green-darker);width:max-content;color:var(--color-white-STAY);grid-template-areas:"icon headline""icon CTA";column-gap:8px;padding:12px;transition:transform .2s;display:grid}.keyboard-focus .update-indicator:focus{--focus-color:var(--color-brand);z-index:2;box-shadow:0 0 0 2px var(--focus-color),0 0 6px 0 var(--focus-color)}.update-indicator:active{transform:scale(.95)}.update-indicator__icon{grid-area:icon;width:37px}.update-indicator__icon svg{width:100%;height:auto;display:block;position:relative}.update-indicator__icon svg *{fill:currentColor}.update-indicator__headline{font-weight:var(--font-weight-med);grid-area:headline}.update-indicator__cta{opacity:.5;grid-area:CTA}.update-info{--shadow-color:#0000000d;--inset-shadow-color:#0000001f}.dark .update-info{--shadow-color:#0000001a;--inset-shadow-color:#0003}.update-info{--shadow-color:#16a28633}.dark .update-info{--shadow-color:#17826d33}.update-info{box-shadow:0 0 0 4px var(--shadow-color);background-color:var(--color-green);border-radius:var(--border-radius-large);width:max-content;min-width:100px;max-width:300px;color:var(--color-white-STAY);border:solid 1px var(--color-green-darker);--update-info-border-color:var(--color-green-dark);overflow:clip}.update-info__header{border-bottom:solid 1px var(--update-info-border-color);height:24px;display:flex}.update-info__title{flex-grow:1;align-items:center;padding:0 8px;display:flex}.update-info__title-title{font-weight:var(--font-weight-med);margin-right:.5em}.update-info__title-version{opacity:.5;font-family:var(--font-family-mono);font-size:calc(var(--font-size-reg)*.94);letter-spacing:inherit}.update-info__close .icon-button{border-left:solid 1px var(--update-info-border-color);border-radius:0;border-top-right-radius:calc(var(--border-radius-large) - 1px);width:24px;height:100%}.update-info__close .icon-button:hover{background-color:var(--color-green-dark)}.update-info__close .icon-button:active{background-color:var(--color-green-darker)}.keyboard-focus .update-info__close .icon-button:focus{--focus-color:var(--color-brand);z-index:2;box-shadow:inset 0 0 0 2px var(--focus-color),inset 0 0 6px 0 var(--focus-color);background-color:var(--color-green-dark)}.update-info__content{max-height:200px;padding:8px 2em 8px 8px;overflow-y:scroll}.update-info__content ul{margin-bottom:.5em;padding-left:1em}.update-info__content ul li{margin:.5em 0}.update-info__content p{margin-bottom:.5em}.update-info__content code{font-family:var(--font-family-mono);border-radius:var(--border-radius-reg);background-color:#fff3;padding:0 4px;display:inline-block}.windows-menu-bar{background:var(--color-white);width:100%;height:var(--windows-menu-bar-height);-webkit-app-region:drag;display:flex}.windows-menu-bar--is-blur{pointer-events:none;color:var(--color-font-dis)!important}.windows-menu-bar__resize-handle{-webkit-app-region:no-drag;position:absolute;top:0;left:0}.windows-menu-bar__resize-handle.windows-menu-bar__resize-handle--is-left{width:3px;height:100%}.windows-menu-bar__resize-handle.windows-menu-bar__resize-handle--is-top{width:100%;height:3px}.windows-menu-bar__title{justify-content:center;align-items:center;padding:10px;display:flex}.windows-menu-bar__logo{width:auto;height:14px;margin-right:5px}.windows-menu-bar__logo svg{width:auto;height:100%;display:block;position:relative}.windows-menu-bar__logo svg *{stroke:currentColor}.windows-menu-bar__root{-webkit-app-region:no-drag;gap:2px;padding:2px;display:flex}.windows-menu-bar__trigger{letter-spacing:inherit;white-space:normal;text-align:left;color:inherit;cursor:default;border-radius:var(--border-radius-med);background-color:#0000;border:none;outline:none;justify-content:center;align-items:center;padding:0 10px;font-family:inherit;display:flex}.windows-menu-bar__trigger[data-highlighted],.windows-menu-bar__trigger[data-state=open],.windows-menu-bar__trigger:hover{background-color:var(--color-gray-2)}.windows-menu-bar__trigger:active{background-color:var(--color-gray-4)}.windows-menu-bar__content,.windows-menu-bar__sub-content{--shadow-color:#0000000d;--inset-shadow-color:#0000001f}.dark .windows-menu-bar__content,.dark .windows-menu-bar__sub-content{--shadow-color:#0000001a;--inset-shadow-color:#0003}.windows-menu-bar__content,.windows-menu-bar__sub-content{box-shadow:0 0 0 4px var(--shadow-color)}.windows-menu-bar__content:after,.windows-menu-bar__sub-content:after{content:"";box-shadow:inset 0 0 0 1px var(--inset-shadow-color);pointer-events:none;border-radius:inherit;display:block;position:absolute;inset:0}.windows-menu-bar__content,.windows-menu-bar__sub-content{border-radius:var(--border-radius-large);background:var(--color-white);pointer-events:initial;min-width:220px;padding:4px}.windows-menu-bar__sub-trigger,.windows-menu-bar__item{letter-spacing:inherit;white-space:normal;text-align:left;color:inherit;cursor:default;border-radius:var(--border-radius-med);background-color:#0000;border:none;outline:none;align-items:center;height:25px;padding:0 10px;font-family:inherit;display:flex}.windows-menu-bar__sub-trigger[data-state=open],.windows-menu-bar__sub-trigger[data-highlighted],.windows-menu-bar__sub-trigger:hover,.windows-menu-bar__item[data-state=open],.windows-menu-bar__item[data-highlighted],.windows-menu-bar__item:hover{background-color:var(--color-gray-2)}.windows-menu-bar__sub-trigger:active,.windows-menu-bar__item:active{background-color:var(--color-gray-4)}.windows-menu-bar__sub-trigger[data-disabled],.windows-menu-bar__item[data-disabled]{color:var(--color-font-dis);pointer-events:none}.windows-menu-bar__check-box-item{padding-left:25px}.windows-menu-bar__accelerator{color:var(--color-font-dis);margin-left:auto;padding-left:20px}.windows-menu-bar__indicator{width:15px;margin-left:-15px}.windows-menu-bar__indicator svg{width:8px;height:auto;display:inline-block}.windows-menu-bar__sub-menu-indicator{vertical-align:3px;width:8px;height:4px;display:inline-block;transform:rotate(-90deg)}.windows-menu-bar__separator{background:var(--color-gray-4);height:1px;margin:5px}.windows-menu-bar__window-buttons{-webkit-app-region:no-drag;justify-self:flex-end;margin-left:auto;padding:2px;display:flex}.windows-menu-bar__window-button{letter-spacing:inherit;white-space:normal;text-align:left;color:var(--color-font-dis);cursor:default;width:45px;height:100%;border-radius:var(--border-radius-med);background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:0;font-family:inherit;transition:color .25s,background-color .25s;display:flex;pointer-events:initial!important}.windows-menu-bar__window-button svg{width:10px;height:10px}.windows-menu-bar__window-button svg *{fill:currentColor}.windows-menu-bar__window-button:hover{background:var(--color-gray-4);color:var(--color-font-reg)}.windows-menu-bar__window-button:active{background:var(--color-gray-6);color:var(--color-font-reg)}.windows-menu-bar__window-button.windows-menu-bar__window-button--is-close:hover{background:var(--color-red);color:var(--color-white-STAY)}.windows-menu-bar__window-button.windows-menu-bar__window-button--is-close:active{background:var(--color-red-dark);color:var(--color-white-STAY)}.wizard-component-card .wizard-component-card__main-button{letter-spacing:inherit;white-space:normal;text-align:left;color:inherit;cursor:default;background-color:#0000;background-color:var(--color-white);border:none;border:solid 1px var(--color-gray-5);border-radius:var(--border-radius-med);outline:none;width:100%;height:100%;padding:0;font-family:inherit}.keyboard-focus .wizard-component-card__main-button:focus{--focus-color:var(--color-brand);z-index:2;box-shadow:0 0 0 2px var(--focus-color),0 0 6px 0 var(--focus-color)}.wizard-component-card__type-indicator{color:var(--color-font-dis);justify-content:center;align-items:center;gap:4px;display:flex}.wizard-component-card__direction{font-family:var(--font-family-mono);font-size:calc(var(--font-size-tiny)*.94);letter-spacing:inherit}.wizard-component-card__type-icon{width:7px;height:3px}.wizard-component-card__firmata-indicator{color:var(--color-font-dis)}.wizard-component-card__firmata-icon{width:9px}.wizard-component-card__info-button{display:none;position:absolute;top:4px;right:4px}.wizard-component-card__info-button .icon-button__icon{width:9px;height:9px}.wizard-component-card:hover .wizard-component-card__info-button{display:block}.keyboard-focus .wizard-component-card:focus-within .wizard-component-card__info-button,.keyboard-focus .wizard-component-card__main-button:focus+.wizard-component-card__info-button{z-index:2;display:block}.wizard-component-card__component-icon{width:80px;height:auto}.wizard-component-card__component-icon svg{width:100%;height:100%}.wizard-component-card__component-icon svg *{fill:currentColor}.wizard-component-card--theme-card{width:100%;height:136px}.wizard-component-card--theme-card .wizard-component-card__type-indicator{position:absolute;top:4px;left:4px}.wizard-component-card--theme-card .wizard-component-card__firmata-indicator{position:absolute;top:10px;left:3px}.wizard-component-card--theme-card .wizard-component-card__component-icon{pointer-events:none;width:80px;height:80px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.wizard-component-card--theme-card .wizard-component-card__title{text-overflow:ellipsis;position:absolute;bottom:8px;left:8px;right:8px;overflow:hidden}.wizard-component-card--theme-list{width:100%;height:48px}.wizard-component-card--theme-list .wizard-component-card__main-button{align-items:center;gap:6px;padding:4px 8px;display:flex}.wizard-component-card--theme-list .wizard-component-card__component-icon{width:40px;height:40px;margin-right:8px}.wizard-component-card--theme-list .wizard-component-card__type-indicator{margin-top:3px}.wizard-component-card--theme-list .wizard-component-card__firmata-indicator{position:absolute;top:0;left:4px}.wizard-component-card--is-selected .wizard-component-card__main-button{border-color:var(--color-green-dark);box-shadow:0 0 0 2px #1abc9c80}.wizard-component-card--is-disabled .wizard-component-card__main-button{opacity:.3}.wizard-component-card__disabled-info-container{position:absolute}.wizard-component-card__disabled-info-container .wizard-component-card__disabled-notice__info{font-family:var(--font-family-reg);font-size:var(--font-size-small);font-weight:var(--font-weight-bold);letter-spacing:.02em;color:var(--color-font-green)}.wizard-component-card__disabled-info-container .wizard-component-card__disabled-notice__icon{vertical-align:-1px;width:9px;margin-right:2px}.wizard-component-card--theme-card .wizard-component-card__disabled-info-container{position:absolute;top:86px;left:8px}.wizard-component-card--theme-list .wizard-component-card__disabled-info-container{position:absolute;bottom:6px;right:8px}.wizard-component-card--theme-card .wizard-component-card__badge{position:absolute;top:86px;right:8px}.wizard-map-pin{border:solid 1px var(--wizard-map-pin-color);opacity:.3;position:absolute}.wizard-map-pin--state-taken{background-color:var(--wizard-map-pin-color)}.wizard-map-pin--state-focus{opacity:1}.wizard-map-pin--state-blocked-focus{opacity:.7}.wizard-map-pin--state-blocked,.wizard-map-pin--state-blocked-focus{background:repeating-linear-gradient(45deg,var(--wizard-map-pin-color),var(--wizard-map-pin-color)2px,transparent 2px,transparent 4px)}.wizard-map-pin--type-pin{width:var(--wizard-map-pin-size);height:var(--wizard-map-pin-size)}.wizard-map-pin--state-focus.wizard-map-pin--type-pin:after{content:"";background-color:var(--wizard-map-pin-color);width:1px;height:8px;display:block;position:absolute;top:calc(100% + 2px);left:50%;transform:translate(-50%)}.wizard-map-pin--state-focus.wizard-map-pin--type-pin.wizard-map-pin--row-bottom:after{top:initial;bottom:calc(100% + 2px)}.wizard-map-pin--state-focus.wizard-map-pin--type-pin.wizard-map-pin--row-right:after{width:8px;height:1px;top:50%;left:calc(100% + 2px);transform:translateY(-50%)}.wizard-map-pin--state-focus.wizard-map-pin--type-pin.wizard-map-pin--row-right-2:after{top:50%;left:initial;width:8px;height:1px;right:calc(100% + 2px);transform:translateY(-50%)}.wizard-map-pin--type-slot{height:var(--wizard-map-slot-width);width:calc(var(--wizard-map-slot-width)/2)}.wizard-map-pin--type-slot.wizard-map-pin--is-rotated{width:var(--wizard-map-slot-width);height:calc(var(--wizard-map-slot-width)/2)}.wizard-map-pin--type-slot.wizard-map-pin--layout-flat{width:calc(var(--wizard-map-slot-width)*.75)}.wizard-map-pin--type-slot.wizard-map-pin--is-rotated.wizard-map-pin--layout-flat{width:var(--wizard-map-slot-width);height:calc(var(--wizard-map-slot-width)*.75)}.wizard-map-container{justify-content:center;align-items:center;width:100%;height:100%;padding:50px;display:flex}.wizard-map{--wizard-map-board-width:0;--wizard-map-scale:1.6;--wizard-map-pin-size:calc(var(--wizard-map-scale)*3px);--wizard-map-pin-color:var(--color-white-STAY);--wizard-map-slot-width:calc(var(--wizard-map-scale)*10px);width:max-content}.wizard-map__board{width:calc(var(--wizard-map-board-width)*var(--wizard-map-scale)*1px)}.wizard-map__board svg{width:100%;height:auto;display:block;position:relative}.wizard-map__board svg *{fill:var(--color-green-dark)}.wizard-map__slot-container{position:absolute;inset:0}.wizard-map__indicator{text-align:center;border-radius:var(--border-radius-reg);background-color:var(--color-white-STAY);width:max-content;color:var(--color-green);gap:4px;padding:1px 5px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wizard-map__indicator--is-error{background-color:var(--color-alert-high);color:var(--color-white-STAY)}.wizard-map__indicator--highlight{animation:.2s 2 wiggle}@keyframes wiggle{0%{transform:translate(-50%,-50%)rotate(0)}40%{transform:translate(-50%,-50%)rotate(3deg)}80%{transform:translate(-50%,-50%)rotate(-3deg)}to{transform:translate(-50%,-50%)rotate(0)}}