:root{--font-family: "Lexend", sans-serif}body{font-family:var(--font-family);transition:background-color .3s,color .3s;min-height:100vh;background-color:var(--recursica-brand-themes-light-layer-layer-0-property-surface);color:var(--recursica-brand-themes-light-layer-layer-0-property-element-text-color)}html[data-theme-mode=dark] body{background-color:var(--recursica-brand-themes-dark-layer-layer-0-property-surface);color:var(--recursica-brand-themes-dark-layer-layer-0-property-element-text-color)}.container-padding{max-width:1400px;margin:0 auto}.section{margin-bottom:48px}h2{margin-top:0;margin-bottom:16px}h3{margin-top:0;margin-bottom:8px}.header-group{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.toggle-group{display:flex;align-items:center;gap:12px}.color-swatches{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:16px;border:1px solid var(--layer-layer-1-property-border-color);border-radius:8px}.color-swatches td,.color-swatches th{flex-grow:1;text-align:center}.swatch-box{height:50px;border-radius:8px;border-style:solid;border-width:1px}.palette-container table{border:1px solid var(--layer-layer-1-property-border-color);border-radius:8px;width:100%;border-collapse:separate;border-spacing:0;padding:20px}.palette-container th,.palette-container td{text-align:center}.palette-box{text-align:center;height:50px;position:relative}.palette-dot{width:16px;height:16px;border-radius:50%;margin:0 auto}.color-palettes th.default{position:relative}.color-palettes th.default:before{display:none}.color-palettes .palette-label.default{border-top-width:0px!important;border-left:1px solid var(--recursica-brand-themes-light-layer-layer-1-property-border-color);border-right:1px solid var(--recursica-brand-themes-light-layer-layer-1-property-border-color);border-bottom:1px solid var(--recursica-brand-themes-light-layer-layer-1-property-border-color);border-radius:0 0 var(--recursica-brand-dimensions-border-radii-default) var(--recursica-brand-dimensions-border-radii-default)}html[data-theme-mode=dark] .color-palettes .palette-label.default{border-left-color:var(--recursica-brand-themes-dark-layer-layer-1-property-border-color);border-right-color:var(--recursica-brand-themes-dark-layer-layer-1-property-border-color);border-bottom-color:var(--recursica-brand-themes-dark-layer-layer-1-property-border-color)}.layer-container{padding:24px;border:1px solid var(--scale-black);border-radius:8px;flex-grow:1}.layer-content{display:flex;flex-direction:column;gap:24px}.layer-content>:last-child{flex:1;min-width:0}.layer-text-samples p{line-height:1.25;margin-bottom:3.5px;font-size:.875rem}.card{border-radius:8px}.elevation-grid{display:flex;flex-direction:column;gap:24px;width:100%;max-width:100%;box-sizing:border-box}.elevation-card{flex:0 0 auto;width:100%;min-width:0;max-width:100%}.elevation-card .card{text-align:center;padding:24px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:0;width:100%;align-self:stretch}.elevation-controls{display:flex;flex-direction:column;gap:16px;padding:16px;background:var(--layer-layer-1-property-surface);border:1px solid var(--layer-layer-1-property-border-color);border-radius:8px;align-items:flex-start;min-width:0;width:100%}.control-group{display:flex;flex-direction:column;gap:4px}.control-group label{font-size:.875rem;font-weight:500;color:var(--layer-layer-1-property-element-text-color)}.control-group select{font-size:.875rem;cursor:pointer}.control-group select:focus{outline:2px solid var(--layer-layer-1-property-element-text-color);outline-offset:2px}.shadow-color-controls{margin-bottom:24px}.shadow-color-controls h3{margin:0 0 16px;font-size:1rem;font-weight:600}.shadow-color-controls .control-group{min-width:200px}.shadow-color-controls .control-group:nth-child(2){min-width:150px}.shadow-color-controls .control-group:last-child{min-width:100px;display:flex;align-items:end}.toggle-switch{width:48px;height:24px;background-color:var(--color-neutral-300);border-radius:12px;position:relative;cursor:pointer;transition:background-color .3s}.toggle-switch:after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background-color:var(--color-white);top:2px;left:2px;transition:transform .3s,background-color .3s}.toggle-switch.dark-mode:after{transform:translate(24px)}@media (max-width: 1023px){.layer-content{flex-direction:column}}@media (min-width: 1024px){.layer-content{flex-direction:row}.layer-text-samples{flex:0 0 25%;width:25%;min-width:25%}}@media (max-width: 768px){.container-padding{padding:16px}.elevation-grid{flex-wrap:wrap}.elevation-card{flex:1 1 100%;min-width:200px}.elevation-controls{flex-direction:column}.elevation-card .card{width:100%;min-width:auto}.shadow-color-controls .control-group{min-width:150px}.shadow-color-controls .control-group:nth-child(2){min-width:120px}}.dropdown-container{position:relative;display:inline-block}.dropdown-container.full-width{display:block;width:100%}.dropdown-container.full-width .dropdown-menu{width:100%;left:0;right:0}.dropdown-label-value{display:flex;align-items:center;gap:var(--recursica-brand-dimensions-general-default);flex:1;text-align:left}.dropdown-label{font-weight:600}.dropdown-value{font-weight:400;margin-left:auto;margin-right:var(--recursica-brand-dimensions-general-default)}.dropdown-chevron{width:12px;height:12px;transition:transform .2s;flex-shrink:0}.dropdown-chevron.flipped{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:160px;background:var(--recursica-brand-themes-light-layer-layer-3-property-surface, var(--recursica-brand-themes-light-layer-layer-3-property-surface));border:var(--recursica-brand-themes-light-layer-layer-3-property-border-thickness, var(--recursica-brand-themes-light-layer-layer-3-property-border-thickness)) solid var(--recursica-brand-themes-light-layer-layer-3-property-border-color, var(--recursica-brand-themes-light-layer-layer-3-property-border-color));border-radius:var(--recursica-brand-themes-light-layer-layer-3-property-border-radius, var(--recursica-brand-themes-light-layer-layer-3-property-border-radius));box-shadow:var(--recursica-brand-themes-light-elevations-elevation-4-x-axis, 0px) var(--recursica-brand-themes-light-elevations-elevation-4-y-axis, 0px) var(--recursica-brand-themes-light-elevations-elevation-4-blur, 0px) var(--recursica-brand-themes-light-elevations-elevation-4-spread, 0px) var(--recursica-brand-themes-light-elevations-elevation-4-shadow-color, rgba(0, 0, 0, .1));z-index:1000;padding:var(--recursica-brand-themes-light-layer-layer-3-property-padding, var(--recursica-brand-themes-light-layer-layer-3-property-padding));display:flex;flex-direction:column;gap:2px}html[data-theme-mode=dark] .dropdown-menu{background:var(--recursica-brand-themes-dark-layer-layer-3-property-surface);border:var(--recursica-brand-themes-dark-layer-layer-3-property-border-thickness) solid var(--recursica-brand-themes-dark-layer-layer-3-property-border-color);border-radius:var(--recursica-brand-themes-dark-layer-layer-3-property-border-radius);box-shadow:var(--recursica-brand-themes-dark-elevations-elevation-4-x-axis, 0px) var(--recursica-brand-themes-dark-elevations-elevation-4-y-axis, 0px) var(--recursica-brand-themes-dark-elevations-elevation-4-blur, 0px) var(--recursica-brand-themes-dark-elevations-elevation-4-spread, 0px) var(--recursica-brand-themes-dark-elevations-elevation-4-shadow-color, rgba(0, 0, 0, .1));padding:var(--recursica-brand-themes-dark-layer-layer-3-property-padding)}.dropdown-item{display:flex;align-items:center;gap:var(--recursica-brand-dimensions-general-sm);padding:var(--recursica-brand-dimensions-general-sm) var(--recursica-brand-dimensions-general-md);background:transparent;border:none;border-radius:var(--recursica-brand-themes-light-layer-layer-3-property-border-radius, var(--recursica-brand-themes-light-layer-layer-3-property-border-radius));cursor:pointer;color:var(--recursica-brand-themes-light-layer-layer-3-property-element-text-color, var(--recursica-brand-themes-light-layer-layer-3-property-element-text-color));text-align:left;font-size:14px;transition:background-color .2s;white-space:nowrap}html[data-theme-mode=dark] .dropdown-item{border-radius:var(--recursica-brand-themes-dark-layer-layer-3-property-border-radius);color:var(--recursica-brand-themes-dark-layer-layer-3-property-element-text-color, var(--recursica-brand-themes-dark-layer-layer-3-property-element-text-color))}.dropdown-item:hover:not(.selected){background:var(--recursica-brand-themes-light-layer-layer-3-property-surface-hover, var(--recursica-brand-themes-light-layer-layer-3-property-surface-hover, var(--recursica-brand-themes-light-layer-layer-3-property-surface, var(--recursica-brand-themes-light-layer-layer-3-property-surface))))}html[data-theme-mode=dark] .dropdown-item:hover:not(.selected){background:var(--recursica-brand-themes-dark-layer-layer-3-property-surface-hover, var(--recursica-brand-themes-dark-layer-layer-3-property-surface-hover, var(--recursica-brand-themes-dark-layer-layer-3-property-surface, var(--recursica-brand-themes-dark-layer-layer-3-property-surface))))}.dropdown-item.selected{position:relative;color:var(--recursica-brand-themes-light-layer-layer-3-property-element-text-color, var(--recursica-brand-themes-light-layer-layer-3-property-element-text-color))!important;font-weight:500;z-index:1}html[data-theme-mode=dark] .dropdown-item.selected{color:var(--recursica-brand-themes-dark-layer-layer-3-property-element-text-color, var(--recursica-brand-themes-dark-layer-layer-3-property-element-text-color))!important}.dropdown-item.selected:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--recursica-brand-themes-light-palettes-core-black);opacity:.2;border-radius:var(--recursica-brand-themes-light-layer-layer-3-property-border-radius, var(--recursica-brand-themes-light-layer-layer-3-property-border-radius));pointer-events:none;z-index:0}html[data-theme-mode=dark] .dropdown-item.selected:before{background:var(--recursica-brand-themes-dark-palettes-core-white);border-radius:var(--recursica-brand-themes-dark-layer-layer-3-property-border-radius)}.dropdown-item.selected:hover:before{opacity:.25}.layer-segmented-control{display:flex;align-items:center;gap:var(--recursica-brand-dimensions-general-sm);width:100%}.layer-segmented-control-icon{width:16px;height:16px;color:var(--recursica-brand-themes-light-layer-layer-0-property-element-text-color);opacity:var(--recursica-brand-themes-light-layer-layer-0-property-element-text-low-emphasis);flex-shrink:0}html[data-theme-mode=dark] .layer-segmented-control-icon{color:var(--recursica-brand-themes-dark-layer-layer-0-property-element-text-color);opacity:var(--recursica-brand-themes-dark-layer-layer-0-property-element-text-low-emphasis)}.layer-segmented-control-label{font-weight:600;font-size:13px;color:var(--recursica-brand-themes-light-layer-layer-0-property-element-text-color);flex-shrink:0}html[data-theme-mode=dark] .layer-segmented-control-label{color:var(--recursica-brand-themes-dark-layer-layer-0-property-element-text-color)}.layer-segmented-control-buttons{display:inline-flex;overflow:hidden;margin-left:auto}.layer-segmented-control-button{padding:var(--recursica-brand-dimensions-general-default) var(--recursica-brand-dimensions-general-sm);border:none;border-right:1px solid var(--recursica-brand-themes-light-layer-layer-0-property-border-color);cursor:pointer;font-size:13px;transition:background-color .2s;min-width:32px;text-align:center}html[data-theme-mode=dark] .layer-segmented-control-button{border-right-color:var(--recursica-brand-themes-dark-layer-layer-0-property-border-color)}.layer-segmented-control-button:last-child{border-right:none}.layer-segmented-control-button.selected{position:relative;z-index:1}.accordion-section{border-bottom:1px solid var(--recursica-brand-themes-light-layer-layer-0-property-border-color)}html[data-theme-mode=dark] .accordion-section{border-bottom-color:var(--recursica-brand-themes-dark-layer-layer-0-property-border-color)}.accordion-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--recursica-brand-dimensions-general-md);background:transparent;border:none;cursor:pointer;transition:background-color .2s;text-align:left}.accordion-header:hover{background:var(--recursica-brand-themes-light-layer-layer-0-property-surface-hover, var(--recursica-brand-themes-light-layer-layer-0-property-surface))}html[data-theme-mode=dark] .accordion-header:hover{background:var(--recursica-brand-themes-dark-layer-layer-0-property-surface-hover, var(--recursica-brand-themes-dark-layer-layer-0-property-surface))}.accordion-header-content{display:flex;align-items:center;gap:var(--recursica-brand-dimensions-general-sm);flex:1}.accordion-header-right{display:flex;align-items:center;gap:var(--recursica-brand-dimensions-general-sm)}.accordion-selected-value{font-size:12px;color:var(--recursica-brand-themes-light-layer-layer-0-property-element-text-color);opacity:var(--recursica-brand-themes-light-layer-layer-0-property-element-text-low-emphasis)}html[data-theme-mode=dark] .accordion-selected-value{color:var(--recursica-brand-themes-dark-layer-layer-0-property-element-text-color);opacity:var(--recursica-brand-themes-dark-layer-layer-0-property-element-text-low-emphasis)}.accordion-icon{width:16px;height:16px;color:var(--recursica-brand-themes-light-layer-layer-0-property-element-text-color);opacity:var(--recursica-brand-themes-light-layer-layer-0-property-element-text-low-emphasis)}html[data-theme-mode=dark] .accordion-icon{color:var(--recursica-brand-themes-dark-layer-layer-0-property-element-text-color);opacity:var(--recursica-brand-themes-dark-layer-layer-0-property-element-text-low-emphasis)}.accordion-title{font-weight:600;font-size:13px;color:var(--recursica-brand-themes-light-layer-layer-0-property-element-text-color)}html[data-theme-mode=dark] .accordion-title{color:var(--recursica-brand-themes-dark-layer-layer-0-property-element-text-color)}.accordion-toggle-icon{width:16px;height:16px;color:var(--recursica-brand-themes-light-layer-layer-0-property-element-text-color);opacity:var(--recursica-brand-themes-light-layer-layer-0-property-element-text-low-emphasis);flex-shrink:0}html[data-theme-mode=dark] .accordion-toggle-icon{color:var(--recursica-brand-themes-dark-layer-layer-0-property-element-text-color);opacity:var(--recursica-brand-themes-dark-layer-layer-0-property-element-text-low-emphasis)}.accordion-content{margin:var(--recursica-brand-dimensions-general-md);margin-top:0;padding:var(--recursica-brand-themes-light-layer-layer-1-property-padding);background:var(--recursica-brand-themes-light-layer-layer-1-property-surface);border:var(--recursica-brand-themes-light-layer-layer-1-property-border-thickness) solid var(--recursica-brand-themes-light-layer-layer-1-property-border-color);border-radius:var(--recursica-brand-themes-light-layer-layer-1-property-border-radius);display:flex;flex-direction:column;gap:var(--recursica-ui-kit-globals-form-properties-vertical-item-gap)}html[data-theme-mode=dark] .accordion-content{padding:var(--recursica-brand-themes-dark-layer-layer-1-property-padding);background:var(--recursica-brand-themes-dark-layer-layer-1-property-surface);border-color:var(--recursica-brand-themes-dark-layer-layer-1-property-border-color);border-radius:var(--recursica-brand-themes-dark-layer-layer-1-property-border-radius)}.palette-color-control{display:inline-flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--recursica-brand-themes-light-layer-layer-3-property-border-color);background:transparent;border-radius:6px;cursor:pointer;font-family:inherit}html[data-theme-mode=dark] .palette-color-control{border-color:var(--recursica-brand-themes-dark-layer-layer-3-property-border-color)}.palette-color-control:hover{background:var(--recursica-brand-themes-light-layer-layer-3-property-surface-hover, var(--recursica-brand-themes-light-layer-layer-3-property-surface))}html[data-theme-mode=dark] .palette-color-control:hover{background:var(--recursica-brand-themes-dark-layer-layer-3-property-surface-hover, var(--recursica-brand-themes-dark-layer-layer-3-property-surface))}.palette-color-control-label{display:block;margin-bottom:8px;font-size:13px;font-weight:500;color:var(--recursica-brand-themes-light-layer-layer-3-property-element-text-color)}html[data-theme-mode=dark] .palette-color-control-label{color:var(--recursica-brand-themes-dark-layer-layer-3-property-element-text-color)}.palette-color-control-swatch{width:16px;height:16px;border-radius:4px;border:1px solid var(--recursica-brand-themes-light-palettes-neutral-500-tone);padding:1px;flex-shrink:0;box-sizing:border-box;display:inline-block}html[data-theme-mode=dark] .palette-color-control-swatch{border-color:var(--recursica-brand-themes-dark-palettes-neutral-500-tone)}.palette-color-control-swatch-inner{display:block;width:100%;height:100%;border-radius:3px}.palette-color-control-text{font-size:13px;text-transform:capitalize;text-align:left;flex:1}.palette-color-control-warning{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background-color:#f44;color:#fff;font-size:10px;font-weight:700;margin-left:4px;flex-shrink:0}.prop-control-content{display:flex;flex-direction:column;gap:var(--recursica-brand-dimensions-general-sm)}.prop-control-content:has(>:nth-child(2)){gap:var(--recursica-brand-dimensions-general-md)}.prop-control-label{font-size:13px;font-weight:500;color:var(--recursica-brand-themes-light-layer-layer-3-property-element-text-color, var(--recursica-brand-themes-light-layer-layer-3-property-element-text-color))}html[data-theme-mode=dark] .prop-control-label{color:var(--recursica-brand-themes-dark-layer-layer-3-property-element-text-color, var(--recursica-brand-themes-dark-layer-layer-3-property-element-text-color))}.prop-control-input-group{display:flex;gap:var(--recursica-brand-dimensions-general-sm)}.prop-control-input{flex:1;padding:var(--recursica-brand-dimensions-general-sm) var(--recursica-brand-dimensions-general-md);border:var(--recursica-brand-themes-light-layer-layer-3-property-border-thickness, var(--recursica-brand-themes-light-layer-layer-3-property-border-thickness)) solid var(--recursica-brand-themes-light-layer-layer-3-property-border-color, var(--recursica-brand-themes-light-layer-layer-3-property-border-color));border-radius:var(--recursica-brand-themes-light-layer-layer-3-property-border-radius, var(--recursica-brand-themes-light-layer-layer-3-property-border-radius));background:var(--recursica-brand-themes-light-layer-layer-3-property-surface, var(--recursica-brand-themes-light-layer-layer-3-property-surface));color:var(--recursica-brand-themes-light-layer-layer-3-property-element-text-color, var(--recursica-brand-themes-light-layer-layer-3-property-element-text-color));font-size:14px}html[data-theme-mode=dark] .prop-control-input{border-color:var(--recursica-brand-themes-dark-layer-layer-3-property-border-color, var(--recursica-brand-themes-dark-layer-layer-3-property-border-color));background:var(--recursica-brand-themes-dark-layer-layer-3-property-surface, var(--recursica-brand-themes-dark-layer-layer-3-property-surface));color:var(--recursica-brand-themes-dark-layer-layer-3-property-element-text-color, var(--recursica-brand-themes-dark-layer-layer-3-property-element-text-color))}.prop-control-input:focus{outline:none;border-color:var(--recursica-brand-themes-light-layer-layer-3-property-element-interactive-color, var(--recursica-brand-themes-light-layer-layer-3-property-element-interactive-tone, var(--recursica-brand-themes-light-layer-layer-3-property-element-interactive-color, var(--recursica-brand-themes-light-layer-layer-3-property-element-interactive-tone))))}html[data-theme-mode=dark] .prop-control-input:focus{border-color:var(--recursica-brand-themes-dark-layer-layer-3-property-element-interactive-color, var(--recursica-brand-themes-dark-layer-layer-3-property-element-interactive-tone, var(--recursica-brand-themes-dark-layer-layer-3-property-element-interactive-color, var(--recursica-brand-themes-dark-layer-layer-3-property-element-interactive-tone))))}.prop-control-unit-select{padding:var(--recursica-brand-dimensions-general-sm) var(--recursica-brand-dimensions-general-md);border:var(--recursica-brand-themes-light-layer-layer-3-property-border-thickness, var(--recursica-brand-themes-light-layer-layer-3-property-border-thickness)) solid var(--recursica-brand-themes-light-layer-layer-3-property-border-color, var(--recursica-brand-themes-light-layer-layer-3-property-border-color));border-radius:var(--recursica-brand-themes-light-layer-layer-3-property-border-radius, var(--recursica-brand-themes-light-layer-layer-3-property-border-radius));background:var(--recursica-brand-themes-light-layer-layer-3-property-surface, var(--recursica-brand-themes-light-layer-layer-3-property-surface));color:var(--recursica-brand-themes-light-layer-layer-3-property-element-text-color, var(--recursica-brand-themes-light-layer-layer-3-property-element-text-color));font-size:14px;cursor:pointer}html[data-theme-mode=dark] .prop-control-unit-select{border-color:var(--recursica-brand-themes-dark-layer-layer-3-property-border-color, var(--recursica-brand-themes-dark-layer-layer-3-property-border-color));background:var(--recursica-brand-themes-dark-layer-layer-3-property-surface, var(--recursica-brand-themes-dark-layer-layer-3-property-surface));color:var(--recursica-brand-themes-dark-layer-layer-3-property-element-text-color, var(--recursica-brand-themes-dark-layer-layer-3-property-element-text-color))}.prop-control-unit-select:focus{outline:none;border-color:var(--recursica-brand-themes-light-layer-layer-3-property-element-interactive-color, var(--recursica-brand-themes-light-layer-layer-3-property-element-interactive-tone, var(--recursica-brand-themes-light-layer-layer-3-property-element-interactive-color, var(--recursica-brand-themes-light-layer-layer-3-property-element-interactive-tone))))}html[data-theme-mode=dark] .prop-control-unit-select:focus{border-color:var(--recursica-brand-themes-dark-layer-layer-3-property-element-interactive-color, var(--recursica-brand-themes-dark-layer-layer-3-property-element-interactive-tone, var(--recursica-brand-themes-dark-layer-layer-3-property-element-interactive-color, var(--recursica-brand-themes-dark-layer-layer-3-property-element-interactive-tone))))}.prop-control-readonly{padding:var(--recursica-brand-dimensions-general-sm) var(--recursica-brand-dimensions-general-md);border:var(--recursica-brand-themes-light-layer-layer-3-property-border-thickness, var(--recursica-brand-themes-light-layer-layer-3-property-border-thickness)) solid var(--recursica-brand-themes-light-layer-layer-3-property-border-color, var(--recursica-brand-themes-light-layer-layer-3-property-border-color));border-radius:var(--recursica-brand-themes-light-layer-layer-3-property-border-radius, var(--recursica-brand-themes-light-layer-layer-3-property-border-radius));background:var(--recursica-brand-themes-light-layer-layer-3-property-surface, var(--recursica-brand-themes-light-layer-layer-3-property-surface));color:var(--recursica-brand-themes-light-layer-layer-3-property-element-text-color, var(--recursica-brand-themes-light-layer-layer-3-property-element-text-color));font-size:14px;opacity:.7}html[data-theme-mode=dark] .prop-control-readonly{border-color:var(--recursica-brand-themes-dark-layer-layer-3-property-border-color, var(--recursica-brand-themes-dark-layer-layer-3-property-border-color));background:var(--recursica-brand-themes-dark-layer-layer-3-property-surface, var(--recursica-brand-themes-dark-layer-layer-3-property-surface));color:var(--recursica-brand-themes-dark-layer-layer-3-property-element-text-color, var(--recursica-brand-themes-dark-layer-layer-3-property-element-text-color))}.component-toolbar-panel{display:flex;flex-direction:column;background:var(--recursica-brand-themes-light-layer-layer-0-property-surface);border-left:var(--recursica-brand-themes-light-layer-layer-0-property-border-thickness) solid var(--recursica-brand-themes-light-layer-layer-0-property-border-color)}html[data-theme-mode=dark] .component-toolbar-panel{background:var(--recursica-brand-themes-dark-layer-layer-0-property-surface);border-left-color:var(--recursica-brand-themes-dark-layer-layer-0-property-border-color)}.component-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--recursica-brand-dimensions-general-lg);padding:var(--recursica-brand-themes-light-layer-layer-1-property-padding);background:var(--recursica-brand-themes-light-layer-layer-1-property-surface);border:var(--recursica-brand-themes-light-layer-layer-1-property-border-thickness) solid var(--recursica-brand-themes-light-layer-layer-1-property-border-color);border-radius:var(--recursica-brand-themes-light-layer-layer-1-property-border-radius);box-shadow:0 1px 3px #0000001a}html[data-theme-mode=dark] .component-toolbar{padding:var(--recursica-brand-themes-dark-layer-layer-1-property-padding);background:var(--recursica-brand-themes-dark-layer-layer-1-property-surface);border:var(--recursica-brand-themes-dark-layer-layer-1-property-border-thickness) solid var(--recursica-brand-themes-dark-layer-layer-1-property-border-color);border-radius:var(--recursica-brand-themes-dark-layer-layer-1-property-border-radius)}.toolbar-section-group{display:flex;flex-wrap:wrap;align-items:center;gap:var(--recursica-brand-dimensions-general-sm);position:relative;padding:var(--recursica-brand-themes-light-layer-layer-2-property-padding);background:var(--recursica-brand-themes-light-layer-layer-2-property-surface);border:var(--recursica-brand-themes-light-layer-layer-2-property-border-thickness) solid var(--recursica-brand-themes-light-layer-layer-2-property-border-color);border-radius:var(--recursica-brand-themes-light-layer-layer-2-property-border-radius)}html[data-theme-mode=dark] .toolbar-section-group{padding:var(--recursica-brand-themes-dark-layer-layer-2-property-padding);background:var(--recursica-brand-themes-dark-layer-layer-2-property-surface);border:var(--recursica-brand-themes-dark-layer-layer-2-property-border-thickness) solid var(--recursica-brand-themes-dark-layer-layer-2-property-border-color);border-radius:var(--recursica-brand-themes-dark-layer-layer-2-property-border-radius)}.toolbar-icon-wrapper{position:relative}.toolbar-icon-button{display:flex;align-items:center;justify-content:center;gap:4px;min-width:32px;height:32px;padding:0 4px;background:transparent;border:none;border-radius:var(--recursica-brand-dimensions-border-radius-default);cursor:pointer;color:var(--recursica-brand-themes-light-layer-layer-0-property-element-text-color);opacity:var(--recursica-brand-themes-light-layer-layer-0-property-element-text-high-emphasis);transition:background-color .2s;position:relative}.dropdown-container.full-width .toolbar-icon-button{width:100%;justify-content:flex-start;padding:0 var(--recursica-brand-dimensions-general-sm);gap:var(--recursica-brand-dimensions-general-sm)}html[data-theme-mode=dark] .toolbar-icon-button{color:var(--recursica-brand-themes-dark-layer-layer-0-property-element-text-color);opacity:var(--recursica-brand-themes-dark-layer-layer-0-property-element-text-high-emphasis)}.toolbar-icon-button:hover{background:var(--recursica-brand-themes-light-layer-layer-0-property-surface-hover)}html[data-theme-mode=dark] .toolbar-icon-button:hover{background:var(--recursica-brand-themes-dark-layer-layer-0-property-surface-hover)}.toolbar-icon-button:active{background:var(--recursica-brand-themes-light-layer-layer-0-property-surface-active)}html[data-theme-mode=dark] .toolbar-icon-button:active{background:var(--recursica-brand-themes-dark-layer-layer-0-property-surface-active)}.toolbar-icon-button.active:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--recursica-brand-themes-light-palettes-core-black);opacity:.2;border-radius:var(--recursica-brand-dimensions-border-radius-default);pointer-events:none;z-index:0}html[data-theme-mode=dark] .toolbar-icon-button.active:before{background:var(--recursica-brand-themes-dark-palettes-core-white)}.toolbar-icon-button.active:hover:before{opacity:.25}.toolbar-icon-button.active .toolbar-icon,.toolbar-icon-button.active .dropdown-chevron{position:relative;z-index:1}.toolbar-reset-button{color:var(--recursica-brand-themes-light-layer-layer-0-property-element-interactive-tone)}html[data-theme-mode=dark] .toolbar-reset-button{color:var(--recursica-brand-themes-dark-layer-layer-0-property-element-interactive-tone)}.toolbar-icon{width:20px;height:20px;flex-shrink:0;display:block}.toolbar-section-label{font-family:var(--recursica-brand-typography-caption-font-family);font-size:var(--recursica-brand-typography-caption-font-size);font-weight:var(--recursica-brand-typography-caption-font-weight);letter-spacing:var(--recursica-brand-typography-caption-font-letter-spacing);line-height:var(--recursica-brand-typography-caption-line-height);color:var(--recursica-brand-themes-light-layer-layer-2-property-element-text-color);opacity:var(--recursica-brand-themes-light-layer-layer-2-property-element-text-high-emphasis);white-space:nowrap;margin-right:var(--recursica-brand-dimensions-general-sm)}html[data-theme-mode=dark] .toolbar-section-label{color:var(--recursica-brand-themes-dark-layer-layer-2-property-element-text-color);opacity:var(--recursica-brand-themes-dark-layer-layer-2-property-element-text-high-emphasis)}.button-preview{display:flex;flex-direction:column;gap:0}.button-preview-warning{position:absolute;top:0;left:50%;transform:translate(-50%);padding:var(--recursica-brand-dimensions-general-md);background:var(--recursica-brand-themes-light-palettes-core-warning, #f59e0b);color:#fff;border-radius:var(--recursica-brand-dimensions-border-radius-default);font-size:13px;line-height:1.5;z-index:10}.button-preview-row{display:flex;gap:var(--recursica-brand-dimensions-general-md);align-items:center;flex-wrap:wrap}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;line-height:1.5}:root{--_15iskxo0: #ffffff;--_15iskxo1: #111827;--_15iskxo2: #3b82f6;--_15iskxo3: 8px;--_15iskxo4: 16px;--_15iskxo5: 24px}body{background:var(--_15iskxo0);color:var(--_15iskxo1)}