oui-kit/dist/lib.css

🎯 *UI toolkit with a French touch* 🇫🇷

.oui-alert{border-radius:var(--input-radius,4px);flex-direction:column;gap:.25rem;font-size:.9rem;line-height:1.5;display:flex;position:relative}.oui-alert:before{content:"";border-radius:.125rem;width:.25rem;height:calc(100% - 1rem);position:absolute;top:.5rem;left:.625rem}.oui-alert._info{color:#1e40af;background:#eff6ff}.oui-alert._info:before{background:#60a5fa}.oui-alert._success{color:#166534;background:#f0fdf4}.oui-alert._success:before{background:#4ade80}.oui-alert._warn{color:#713f12;background:#fefce8}.oui-alert._warn:before{background:#facc15}.oui-alert._error{color:#991b1b;background:#fef2f2}.oui-alert._error:before{background:#f87171}.oui-alert-content{padding:.5rem 2.5rem .5rem 1.5rem}.oui-alert-title{font-weight:600}.oui-alert-body{flex:1}.oui-alert-close{cursor:pointer;border-radius:var(--input-radius,4px);color:inherit;opacity:.6;background:0 0;border:none;justify-content:center;align-items:center;padding:.125rem;display:flex;position:absolute;top:.5rem;right:.5rem}.oui-alert-close:hover{opacity:1}.oui-alert-close svg{width:1rem;height:1rem}.dark .oui-alert._info{color:#bfdbfe;background:#1e3a8a}.dark .oui-alert._info:before{background:#2563eb}.dark .oui-alert._success{color:#bbf7d0;background:#14532d}.dark .oui-alert._success:before{background:#16a34a}.dark .oui-alert._warn{color:#fef08a;background:#713f12}.dark .oui-alert._warn:before{background:#ca8a04}.dark .oui-alert._error{color:#fecaca;background:#7f1d1d}.dark .oui-alert._error:before{background:#dc2626}.oui-alert-enter-active,.oui-alert-leave-active{transition:opacity .2s,transform .2s}.oui-alert-enter-from,.oui-alert-leave-to{opacity:0;transform:translateY(-4px)}.oui-button{appearance:none;font:inherit;width:auto;min-width:0;color:inherit;text-transform:none;vertical-align:baseline;height:var(--input-height,2rem);min-width:var(--input-height,2rem);pointer-events:initial;vertical-align:middle;-webkit-user-select:none;user-select:none;border-radius:var(--button-radius,var(--input-radius));background:var(--button-bg);border:none;border:1px solid var(--button-border,transparent);outline:none;flex-direction:row;justify-content:center;align-items:center;gap:.5rem;max-width:100%;margin:0;padding:7px;font-family:inherit;font-size:1rem;line-height:1;display:inline-flex}.oui-button::-moz-focus-inner{border-style:none;padding:0}.oui-button:disabled{cursor:not-allowed}:where(.oui-button>*){flex-grow:0;flex-shrink:0}.oui-button>*{flex:none;display:inline-flex}.oui-button:focus-visible{box-shadow:var(--input-shadow-focus)}.oui-button[disabled]{background-color:var(--t3-bg);color:var(--s2-fg);cursor:not-allowed}.oui-button svg,.oui-button img{width:1em;height:1em}.oui-button:hover:not([disabled]){background:var(--button-bg-hover)}.oui-button:active:not([disabled]){background:var(--button-bg-active)}.oui-button svg{width:1em;height:1em}.oui-button+.oui-button{margin-left:.5rem}.oui-button._button_mode_danger,.dark .oui-button._button_mode_danger{--button-bg:#b91c1c;--button-bg-hover:#991b1b;--button-bg-active:#7f1d1d}.oui-button._button_mode_success,.dark .oui-button._button_mode_success{--button-bg:#15803d;--button-bg-hover:#166534;--button-bg-active:#14532d}.oui-button._button_mode_neutral{--button-bg:var(--n0-700);--button-bg-hover:var(--n0-900);--button-bg-active:var(--fg)}.dark .oui-button._button_mode_neutral{--button-bg:var(--n0-700);--button-bg-hover:var(--n0-800);--button-bg-active:var(--n0-900)}.oui-button._button_mode_ghost{--button-fg:var(--fg);--button-bg:transparent;--button-bg-hover:var(--s2-bg);--button-bg-active:var(--t3-bg);font-weight:inherit}.oui-button._button_mode_ghost,.oui-button._button_mode_ghost:hover,.oui-button._button_mode_ghost:active{font-weight:inherit}.oui-button._button_mode_outline{--button-border:var(--input-border);--button-fg:var(--fg);--button-bg:transparent;--button-bg-hover:var(--s2-bg);--button-bg-active:var(--t3-bg);font-weight:inherit}.oui-button._button_mode_outline,.oui-button._button_mode_outline:hover,.oui-button._button_mode_outline:active{font-weight:inherit}.oui-button,.oui-button:hover,.oui-button:active{color:var(--button-fg);font-weight:600;text-decoration:none}.oui-button._button_size_small{--input-height:1.25rem;padding:.25rem;font-size:.8125rem}.oui-button._button_size_large{--input-height:2.75rem;padding:.75rem;font-size:1.25rem}.oui-button._button_dropdown:after{vertical-align:.255em;content:"";border:.3em solid #0000;border-top-color:currentColor;border-bottom:0;margin-left:0;display:inline-block}.oui-input{appearance:none;font:inherit;width:auto;min-width:0;color:var(--input-fg);text-transform:none;vertical-align:baseline;min-height:var(--input-height,2rem);border-radius:var(--input-radius);border:none;border:1px solid var(--input-border);background:var(--input-bg,var(--input-bg-default,var(--t3-bg)));outline:none;max-width:100%;margin:0;padding:0 .5rem;font-family:inherit;font-size:1rem;line-height:1;display:inline-flex}.oui-input::-moz-focus-inner{border-style:none;padding:0}.oui-input:disabled{cursor:not-allowed}.oui-input:hover{border-color:var(--input-border-hover)}.oui-input:focus,.oui-input:focus-within{box-shadow:var(--input-shadow-focus);border-color:var(--input-border-focus)!important}.oui-input[disabled]{background-color:var(--t3-bg);color:var(--s2-fg);cursor:not-allowed}.oui-textarea{appearance:none;font:inherit;width:auto;min-width:0;color:var(--input-fg);text-transform:none;vertical-align:baseline;min-height:var(--input-height,2rem);border-radius:var(--input-radius);border:none;border:1px solid var(--input-border);background:var(--input-bg,var(--input-bg-default,var(--t3-bg)));outline:none;max-width:100%;margin:0;padding:.375rem .5rem;font-family:inherit;font-size:1rem;line-height:1.2}.oui-textarea::-moz-focus-inner{border-style:none;padding:0}.oui-textarea:disabled{cursor:not-allowed}.oui-textarea:hover{border-color:var(--input-border-hover)}.oui-textarea:focus,.oui-textarea:focus-within{box-shadow:var(--input-shadow-focus);border-color:var(--input-border-focus)!important}.oui-textarea[disabled]{background-color:var(--t3-bg);color:var(--s2-fg);cursor:not-allowed}.oui-textarea-grow{height:var(--input-height,2rem);resize:none;overflow:hidden!important}.oui-number{appearance:none;font:inherit;width:auto;min-width:0;color:var(--input-fg);text-transform:none;vertical-align:baseline;min-height:var(--input-height,2rem);border-radius:var(--input-radius);border:none;border:1px solid var(--input-border);background:var(--input-bg,var(--input-bg-default,var(--t3-bg)));outline:none;width:12ch;max-width:100%;margin:0;padding:0 .5rem;font-family:inherit;font-size:1rem;line-height:1}.oui-number::-moz-focus-inner{border-style:none;padding:0}.oui-number:disabled{cursor:not-allowed}.oui-number:hover{border-color:var(--input-border-hover)}.oui-number:focus,.oui-number:focus-within{box-shadow:var(--input-shadow-focus);border-color:var(--input-border-focus)!important}.oui-number[disabled]{background-color:var(--t3-bg);color:var(--s2-fg);cursor:not-allowed}.oui-checkbox{appearance:none;font:inherit;width:auto;min-width:0;color:inherit;text-transform:none;vertical-align:baseline;--active:var(--button-bg);--active-inner:var(--button-fg);--border:var(--input-border);--border-hover:var(--button-bg-hover);--background:var(--input-bg);--disabled:#f4f4f5;--disabled-inner:#f4f4f5;border:none;border:1px solid var(--bc,var(--border));background:var(--b,var(--background));border-radius:4px;outline:none;width:1rem;height:1rem;margin:0 0 -.125rem;padding:0;font-family:inherit;font-size:1rem;line-height:1;transition:background .3s,border-color .3s,box-shadow .2s;display:inline-block;position:relative}.oui-checkbox::-moz-focus-inner{border-style:none;padding:0}.oui-checkbox:disabled{cursor:not-allowed}.oui-checkbox:after{content:"";transition:transform var(--d-t,.3s) var(--d-t-e,ease), opacity var(--d-o,.2s);display:block;position:absolute;top:0;left:0}.oui-checkbox:checked,.oui-checkbox._checkbox_intermediate{--b:var(--active);--bc:var(--active);--d-o:.3s;--d-t:.6s;--d-t-e:cubic-bezier(.2, .85, .32, 1.2)}.oui-checkbox:disabled{--b:var(--disabled);cursor:not-allowed;opacity:.9}.oui-checkbox:disabled:checked{--b:var(--disabled-inner);--bc:var(--border)}.oui-checkbox:disabled+label{cursor:not-allowed}.oui-checkbox:hover:not(:checked):not(:disabled){border-color:var(--input-border-hover)}.oui-checkbox+label{vertical-align:top;line-height:1rem;display:inline-block}.oui-checkbox:focus-visible{box-shadow:var(--input-shadow-focus);border-color:var(--input-border-focus)}.oui-checkbox:after{opacity:var(--_checkbox-opacity,0);border:.125rem solid var(--active-inner);width:.3125rem;height:.5625rem;transform:rotate(var(--_checkbox-rotation,20deg));border-top:0;border-left:0;top:.125rem;left:.3125rem}.oui-checkbox:checked{--_checkbox-opacity:1;--_checkbox-rotation:43deg}.oui-checkbox._checkbox_intermediate{--_checkbox-opacity:1;--_checkbox-rotation:90deg}.oui-checkbox._checkbox_intermediate:after{border-bottom:0;width:.375rem;top:.0625rem;left:.25rem}.oui-switch{appearance:none;font:inherit;width:auto;min-width:0;color:inherit;text-transform:none;vertical-align:baseline;--active:var(--button-bg);--active-inner:var(--button-fg);--border:var(--input-border);--border-hover:var(--button-bg-hover);--background:var(--input-bg);--disabled:#f4f4f5;--disabled-inner:#f4f4f5;border:none;border:1px solid var(--bc,var(--border));background:var(--b,var(--background));border-radius:999px;outline:none;width:2rem;height:1rem;margin:0 0 -.125rem;padding:0;font-family:inherit;font-size:1rem;line-height:1;transition:background .3s,border-color .3s,box-shadow .2s;display:inline-block;position:relative}.oui-switch::-moz-focus-inner{border-style:none;padding:0}.oui-switch:after{content:"";transition:transform var(--d-t,.3s) var(--d-t-e,ease), opacity var(--d-o,.2s);display:block;position:absolute;top:0;left:0}.oui-switch:checked,.oui-switch._checkbox_intermediate{--b:var(--active);--bc:var(--active);--d-o:.3s;--d-t:.6s;--d-t-e:cubic-bezier(.2, .85, .32, 1.2)}.oui-switch:disabled{--b:var(--disabled);cursor:not-allowed;opacity:.9}.oui-switch:disabled:checked{--b:var(--disabled-inner);--bc:var(--border)}.oui-switch:disabled+label{cursor:not-allowed}.oui-switch:hover:not(:checked):not(:disabled){border-color:var(--input-border-hover)}.oui-switch+label{vertical-align:top;line-height:1rem;display:inline-block}.oui-switch:after{background:var(--_checkbox-switch-active-bg,var(--border));width:.75rem;height:.75rem;transform:translateX(var(--_checkbox-switch-x,0));border-radius:50%;top:.0625rem;left:.0625rem}.oui-switch:checked{--_checkbox-switch-active-bg:var(--active-inner);--_checkbox-switch-x:.9375rem}.oui-switch:disabled{cursor:not-allowed}.oui-switch:disabled:not(:checked):after{opacity:.6}.oui-switch:focus-visible{box-shadow:var(--input-shadow-focus);border-color:var(--input-border-focus)}.oui-radio{appearance:none;font:inherit;width:auto;min-width:0;color:inherit;text-transform:none;vertical-align:baseline;--active:var(--button-bg);--active-inner:var(--button-fg);--border:var(--input-border);--border-hover:var(--button-bg-hover);--background:var(--input-bg);--disabled:#f4f4f5;--disabled-inner:#f4f4f5;border:none;border:1px solid var(--bc,var(--border));background:var(--b,var(--background));border-radius:50%;outline:none;width:1rem;height:1rem;margin:0 0 -.125rem;padding:0;font-family:inherit;font-size:1rem;line-height:1;transition:background .3s,border-color .3s,box-shadow .2s;display:inline-block;position:relative}.oui-radio::-moz-focus-inner{border-style:none;padding:0}.oui-radio:disabled{cursor:not-allowed}.oui-radio:after{content:"";transition:transform var(--d-t,.3s) var(--d-t-e,ease), opacity var(--d-o,.2s);display:block;position:absolute;top:0;left:0}.oui-radio:checked,.oui-radio._checkbox_intermediate{--b:var(--active);--bc:var(--active);--d-o:.3s;--d-t:.6s;--d-t-e:cubic-bezier(.2, .85, .32, 1.2)}.oui-radio:disabled{--b:var(--disabled);cursor:not-allowed;opacity:.9}.oui-radio:disabled:checked{--b:var(--disabled-inner);--bc:var(--border)}.oui-radio:disabled+label{cursor:not-allowed}.oui-radio:hover:not(:checked):not(:disabled){border-color:var(--input-border-hover)}.oui-radio+label{vertical-align:top;line-height:1rem;display:inline-block}.oui-radio:focus-visible{box-shadow:var(--input-shadow-focus);border-color:var(--input-border-focus)}.oui-radio:after{background:var(--active-inner);opacity:0;width:19px;height:19px;transform:scale(var(--s,.7));border-radius:50%}.oui-radio:checked{--s:.5}.oui-select{appearance:none;font:inherit;width:auto;min-width:0;color:var(--input-fg);text-transform:none;vertical-align:baseline;min-height:var(--input-height,2rem);border-radius:var(--input-radius);border:none;border:1px solid var(--input-border);background:var(--input-bg,var(--input-bg-default,var(--t3-bg)));background:100% no-repeat;background-color:var(--input-bg);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M7 7l3-3 3 3m0 6l-3 3-3-3' stroke='rgba(0,0,0,0.5)' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .25rem top 50%;background-size:1.25rem 1.25rem;outline:none;max-width:100%;margin:0;padding:0 1.75rem 0 .5rem;font-family:inherit;font-size:1rem;line-height:1.875rem}.oui-select::-moz-focus-inner{border-style:none;padding:0}.oui-select:disabled{cursor:not-allowed}.oui-select:hover{border-color:var(--input-border-hover)}.oui-select:focus,.oui-select:focus-within{box-shadow:var(--input-shadow-focus);border-color:var(--input-border-focus)!important}.oui-select[disabled]{background-color:var(--t3-bg);color:var(--s2-fg);cursor:not-allowed}.dark .oui-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M7 7l3-3 3 3m0 6l-3 3-3-3' stroke='rgba(255,255,255,0.5)' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.oui-input-container{flex-direction:row;padding-left:0;padding-right:0;display:flex}:where(.oui-input-container>*){flex-grow:0;flex-shrink:0}.oui-input-container input{flex:auto;width:auto;padding-left:.5rem;padding-right:.5rem;overflow:hidden}.oui-input-container button{cursor:pointer;padding-left:.5rem;padding-right:.5rem}.oui-input-container svg{flex-grow:0;flex-shrink:0;width:1em;height:1em;display:flex}.oui-input-clearable{color:var(--s2-fg);cursor:pointer;justify-content:center;align-items:center;padding-left:.5rem;padding-right:.5rem;display:flex}.oui-input-clearable:hover{color:inherit!important}.oui-input-clearable svg{width:.8em;height:.8em}.oui-textarea._autosize{resize:none;-ms-overflow-style:none;scrollbar-width:none}.oui-textarea._autosize::-webkit-scrollbar{display:none}.oui-form-item-checkbox._disabled{color:var(--s2-fg);cursor:not-allowed}.oui-float{z-index:400;cursor:default;color:var(--float-color);box-shadow:var(--float-shadow);background:var(--float-background);border:var(--float-border);padding:0;position:absolute}.oui-float-transition-enter-active,.oui-float-transition-leave-active{transition:opacity .15s ease-in-out}.oui-float-transition-enter-from,.oui-float-transition-leave-to{opacity:0}:where(.oui-float){--float-color:inherit;--float-background:transparent;--float-border:none;--float-shadow:none}.oui-float._tooltip{--float-color:var(--n0-50,#fff);--float-background:var(--n0-900,#fff, #383838);--float-border:none;--float-shadow:#0f0f0f33 0 9px 24px;pointer-events:none;white-space:pre-line;z-index:100;border-radius:.25rem;min-width:1.5rem;padding:.25rem .5rem}.dark .oui-float._tooltip{--float-background:#000}:where(.oui-float._dropdown){--float-color:var(--fg);--float-background:var(--bg);--float-border:1px solid var(--t3-bg);--float-shadow:#0f0f0f33 0 9px 24px;border-radius:.25rem;min-width:12.5rem}.oui-float._menu{--float-background:var(--menu-background);--float-border:var(--menu-border);--float-shadow:var(--menu-shadow);white-space:nowrap;border-radius:.25rem;padding:.5rem}.oui-float ._float_arrow,.oui-float ._float_arrow:before{width:.75rem;height:.75rem;position:absolute;overflow:hidden}.oui-float ._float_arrow:before{content:"";background:var(--float-background);border:var(--float-border);overflow:hidden}.oui-float ._float_arrow_top,.oui-float ._float_arrow_bottom{margin-left:.125rem;margin-right:.125rem}.oui-float ._float_arrow_top{bottom:-.75rem}.oui-float ._float_arrow_top:before{transform:translateY(-.525rem)rotate(45deg)}.oui-float ._float_arrow_bottom{top:-.75rem}.oui-float ._float_arrow_bottom:before{transform:translateY(.525rem)rotate(45deg)}.oui-float ._float_arrow_left{right:-.75rem}.oui-float ._float_arrow_left:before{transform:translate(-.525rem)rotate(45deg)}.oui-float ._float_arrow_right{left:-.75rem}.oui-float ._float_arrow_right:before{transform:translate(.525rem)rotate(45deg)}.oui-form-item{margin-top:.5rem;margin-bottom:1rem}.oui-form-item label{display:block}.oui-form-item-title{color:var(--s2-fg);margin-bottom:.1875rem;padding-left:0;font-size:.8125rem;font-weight:500;display:block}.oui-form-item-title._disabled{color:var(--s2-fg);cursor:not-allowed}.oui-form-item-description{color:var(--t3-fg);margin-top:.25rem;padding-left:0;font-size:.8125rem;font-weight:400;display:block}.oui-form-item-description._disabled{cursor:not-allowed}.oui-form-item .oui-select{min-width:12ch}.oui-form-item .oui-input-string,.oui-form-item .oui-textarea,.oui-form-item .oui-password{width:100%}.oui-select-container{display:inline-flex;position:relative}.oui-select-container .oui-select-invisible{opacity:0;height:100%;position:absolute;inset:0}.oui-items{--menu-background:#f4f4f5;--menu-border:1px solid #a1a1aa;--menu-radius:.25rem;--item-color:#18181b;--item-background:none;--item-hover-color:HighlightText;--item-hover-background:Highlight;--item-active-color:#000;--item-active-background:#fff;--item-separator-color:#d4d4d8;cursor:default;-webkit-user-select:none;user-select:none;flex-direction:column;min-width:12ch;max-height:50vh;list-style:none;display:flex;overflow:hidden auto}:where(.oui-items>*){flex-grow:0;flex-shrink:0}.oui-items>*{width:100%;display:block}.oui-items-item{color:var(--item-color);background:var(--item-background);white-space:nowrap;border-radius:.125rem;padding:.25rem .5rem;list-style:none;display:flex}.oui-items-item:hover,.oui-items-item.-active,.oui-items-item:active,.oui-items-item.-selected{color:var(--item-hover-color);background:var(--item-hover-background)}.oui-items .-separator{background:var(--item-separator-color);border:none;height:.0625rem;min-height:1px;max-height:.0625rem;margin-top:.25rem;margin-bottom:.25rem;padding:0;display:flex}.oui-combobox-popover-content{contain:content;margin-top:.25rem;margin-bottom:.25rem;padding:.25rem .5rem;position:static!important;overflow:hidden auto!important}.oui-combobox-popover-content .oui-items{overflow:initial!important;overflow-x:initial!important;overflow-y:initial!important}.oui-combobox{appearance:none;font:inherit;width:auto;min-width:0;color:var(--input-fg);text-transform:none;vertical-align:baseline;min-height:var(--input-height,2rem);border-radius:var(--input-radius);border:none;border:1px solid var(--input-border);background:var(--input-bg,var(--input-bg-default,var(--t3-bg)));outline:none;flex-direction:row;width:20ch;max-width:100%;margin:0;padding:0 .5rem;font-family:inherit;font-size:1rem;line-height:1;display:inline-flex;position:relative}:where(.oui-combobox>*){flex-grow:0;flex-shrink:0}.oui-combobox::-moz-focus-inner{border-style:none;padding:0}.oui-combobox:disabled{cursor:not-allowed}.oui-combobox:hover{border-color:var(--input-border-hover)}.oui-combobox:focus,.oui-combobox:focus-within{box-shadow:var(--input-shadow-focus);border-color:var(--input-border-focus)!important}.oui-combobox[disabled]{background-color:var(--t3-bg);color:var(--s2-fg);cursor:not-allowed}.oui-combobox svg{width:.8em;height:.8em}.oui-combobox:hover .oui-combobox-after{color:var(--s2-fg)}.oui-combobox-after{color:#0000;justify-content:center;align-items:center;padding-left:.5rem;padding-right:.5rem;display:flex}.oui-combobox-after:hover{color:var(--p1-fg)!important}.oui-combobox-clearable{color:var(--s2-fg);justify-content:center;align-items:center;padding-left:.5rem;padding-right:.5rem;display:flex}.oui-combobox-clearable:hover{color:inherit!important}.oui-combobox-after-button{border-left:var(--input-border);color:var(--s2-fg);justify-content:center;align-items:center;padding-left:.5rem;padding-right:.5rem;display:flex}.oui-combobox-after-button:hover{color:var(--p1-fg)!important}.oui-combobox-select-icon{background:100% no-repeat;background-color:var(--input-bg);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M7 7l3-3 3 3m0 6l-3 3-3-3' stroke='rgba(0,0,0,0.5)' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .25rem top 50%;background-size:1.25rem 1.25rem;padding-right:1.75rem}.dark .oui-combobox-select-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M7 7l3-3 3 3m0 6l-3 3-3-3' stroke='rgba(255,255,255,0.5)' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.oui-combobox-clear-icon{background:100% no-repeat;background-color:var(--input-bg);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M7 7l3-3 3 3m0 6l-3 3-3-3' stroke='rgba(0,0,0,0.5)' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .25rem top 50%;background-size:1.25rem 1.25rem;padding-right:1.75rem}.dark .oui-combobox-clear-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M7 7l3-3 3 3m0 6l-3 3-3-3' stroke='rgba(255,255,255,0.5)' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.oui-combobox-item-add{font-weight:600}.oui-combobox-item-preview{font-style:italic}.oui-combobox-preview{color:#eee;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute}.oui-combobox-input{width:1px;height:var(--input-height-inner);background:0 0;flex:auto;overflow:hidden}.oui-combobox-input[disabled]{opacity:.6;cursor:not-allowed}.oui-day-range ._daterange{flex-direction:row;display:flex}:where(.oui-day-range ._daterange>*){flex-grow:0;flex-shrink:0}.oui-day-range-teleport{background:var(--bg);border:1px solid var(--s2-fg);border-radius:.25rem;flex-direction:row;padding:.5rem;display:flex}:where(.oui-day-range-teleport>*){flex-grow:0;flex-shrink:0}.oui-day-range-teleport ._picker_presets{contain:content;position:static!important;overflow:hidden auto!important}.oui-day-range-teleport ._picker_presets button{text-align:left;width:12.5rem;margin:0}.oui-space{flex:auto!important;overflow:hidden!important}.oui-day ._dateselect{flex-direction:row;display:flex}:where(.oui-day ._dateselect>*){flex-grow:0;flex-shrink:0}.oui-day-float{--vc-accent-50:var(--p-50);--vc-accent-100:var(--p-100);--vc-accent-200:var(--p-200);--vc-accent-300:var(--p-300);--vc-accent-400:var(--p-400);--vc-accent-500:var(--p-500);--vc-accent-600:var(--p-600);--vc-accent-700:var(--p-700);--vc-accent-800:var(--p-800);--vc-accent-900:var(--p-900)}.oui-day-footer{border-top:1px solid var(--input-border);flex-direction:row;gap:.5rem;padding:.5rem;display:flex}:where(.oui-day-footer>*){flex-grow:0;flex-shrink:0}.oui-debug{z-index:99999;color:#0000;white-space:pre-wrap;width:1rem;height:1rem;font-family:var(--font-mono,monospace);background-color:#ff000054;border:.5rem solid #ff000054;border-radius:2rem;position:fixed;bottom:1rem;right:1rem;overflow:hidden}.oui-debug .oui-debug-content{padding:1rem;display:none}.oui-debug:hover,.oui-debug:active,.oui-debug._active,.oui-debug:focus{color:#000;background:#fff;border-color:red;border-radius:4px;outline:none;width:auto;max-width:80%;height:auto;max-height:80%;padding:1rem;bottom:1rem;right:1rem;overflow:auto}.oui-debug:hover .oui-debug-content,.oui-debug:active .oui-debug-content,.oui-debug._active .oui-debug-content,.oui-debug:focus .oui-debug-content{display:block}.oui-file{cursor:pointer;vertical-align:middle;-webkit-user-select:none;user-select:none;font-size:1rem;border-style:dashed!important}.oui-file>*{flex:none;display:inline-flex}.oui-file svg,.oui-file img{width:1em;height:1em}.oui-file ._content{flex-direction:row;gap:.5rem;width:100%;padding:.375rem .5rem;display:flex}:where(.oui-file ._content>*){flex-grow:0;flex-shrink:0}.oui-file ._message{white-space:nowrap;text-overflow:ellipsis;flex-direction:row;flex:auto;gap:.5rem;display:flex;overflow:hidden}:where(.oui-file ._message>*){flex-grow:0;flex-shrink:0}.oui-file:hover,.oui-file._over{color:var(--p1-fg);border-color:var(--input-border-hover)}.oui-file._disabled{color:var(--s2-fg);cursor:not-allowed}.oui-input-color{justify-content:center;align-items:center;margin-top:auto;margin-bottom:auto;margin-left:.375rem;display:flex;position:relative}.oui-input-color [type=color]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute}.oui-input-color:after{content:"";background:var(--color-value,#fff);pointer-events:none;border-radius:.25rem;width:2.5rem;height:1.25rem;display:block}.oui-input-group{flex-direction:row;display:flex}:where(.oui-input-group>*){flex-grow:0;flex-shrink:0}.oui-input-group button:not(:last-child),.oui-input-group input:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0;margin-right:0}.oui-input-group button:not(:first-child),.oui-input-group input:not(:first-child){border-left:none;border-top-left-radius:0;border-bottom-left-radius:0;margin-left:0}.oui-input-group button:focus,.oui-input-group input:focus{z-index:1}.oui-input-tags{min-height:var(--input-height,2rem);flex-wrap:wrap;align-items:center;gap:.25rem;padding:.25rem .5rem}.oui-input-tags .oui-combobox-input{min-width:3.75rem}.oui-input-tags._blur .oui-combobox-input{min-width:.0625rem}.oui-input-tags-tag{background:var(--t3-bg);height:1.375rem;color:var(--fg);white-space:nowrap;border-radius:.1875rem;align-items:center;padding-left:.5rem;font-size:.8125rem;line-height:1.25rem;display:inline-flex}.oui-input-tags-tag-remove{opacity:.6;cursor:pointer;justify-content:center;align-items:center;padding-left:.125rem;padding-right:.25rem;display:inline-flex}.oui-input-tags-tag-remove:hover{opacity:1}.oui-input-tags-tag-remove svg{stroke-width:2.5px;width:.875rem;height:.875rem}.oui-separator{background:var(--separator,transparent);flex-grow:0;flex-shrink:0;position:relative}.oui-separator._absolute{position:absolute}.oui-separator:hover{background:var(--separator-hover,var(--fg))}.oui-separator._active{background:var(--separator-active,var(--p1-fg))}.oui-separator._left,.oui-separator._right{cursor:col-resize;width:1px;height:100%}.oui-separator._left:after,.oui-separator._right:after{background:var(--separator-handle,transparent);top:0;left:calc(-1 * .5 * var(--separator-handle-size,5px));width:calc(var(--separator-handle-size,5px) + 1px);content:" ";z-index:100;cursor:col-resize;height:100%;position:absolute}.oui-separator._top,.oui-separator._bottom{cursor:row-resize;width:100%;height:1px}.oui-separator._top:after,.oui-separator._bottom:after{background:var(--separator-handle,transparent);left:0;top:calc(-1 * .5 * var(--separator-handle-size,5px));height:calc(var(--separator-handle-size,5px) + 1px);content:" ";z-index:100;cursor:row-resize;width:100%;position:absolute}.oui-separator._left{left:var(--separator-shift,0)}.oui-separator._right{right:var(--separator-shift,0)}.oui-separator._top{top:var(--separator-shift,0)}.oui-separator._bottom{bottom:var(--separator-shift,0)}.oui-virtual-list{max-height:100%;overscroll-behavior:none auto!important;overscroll-behavior:none auto!important;overflow:auto!important}.oui-tableview{border-collapse:collapse;flex-direction:column;width:100%;display:flex;position:relative;overflow:hidden}:where(.oui-tableview>*){flex-grow:0;flex-shrink:0}.oui-tableview .oui-separator{position:absolute}.oui-tableview ._tableview_row{grid-template-columns:var(--tableview-columns);width:max-content;min-width:100%;display:grid}.oui-tableview ._tableview_cell{white-space:nowrap;text-overflow:ellipsis;margin:0;padding:.25rem .5rem;overflow:hidden}.oui-tableview ._tableview_cell>:first-child{padding-left:0}.oui-tableview ._tableview_cell>:last-child{padding-right:0}.oui-tableview ._tableview_header ._tableview_row{border-bottom:2px solid var(--s2-fg);font-weight:600}.oui-tableview ._tableview_header ._tableview_cell._sortable{cursor:pointer;-webkit-user-select:none;user-select:none;padding-right:1rem;position:relative}.oui-tableview ._tableview_header ._tableview_cell._active{color:var(--p1-fg)}.oui-tableview ._tableview_header ._tableview_cell._asc:after{content:"▴"}.oui-tableview ._tableview_header ._tableview_cell._desc:after{content:"▾"}.oui-tableview ._tableview_body{flex:auto;overflow:hidden}.oui-tableview ._tableview_body ._tableview_cell{vertical-align:top;border-right:1px solid var(--t3-bg)}.oui-tableview ._tableview_body ._tableview_cell>:last-child{border-right:none}.oui-tableview ._tableview_body ._tableview_row{border-bottom:1px solid var(--s2-fg)}.oui-tableview ._tableview_body ._tableview_row._selectable:hover:not(._active){background:var(--t3-bg)}.oui-tableview ._tableview_body ._tableview_row._active{background:var(--p1-bg)}.oui-tableview ._tableview_footer ._tableview_row{border-top:2px solid var(--s2-fg);overflow:hidden}.oui-log{border:1px solid var(--s2-fg);border-radius:.25rem;font-family:Jetbrains Mono,monospace;font-size:.75rem;line-height:1.2}.oui-log ._active{background:var(--p1-200)!important}.oui-notice{text-align:center;color:var(--s2-fg);background:var(--notice-bg,inherit);justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:auto}.oui-notice._notice_cover{height:var(--visible-height,100%);will-change:transform;isolation:isolate;touch-action:none;overscroll-behavior:none;background:var(--notice-bg,var(--bg,inherit));position:fixed;top:0;left:0;right:0;overflow:hidden}.oui-notice-body{flex-direction:column;max-width:min(40ch,75%);display:flex}:where(.oui-notice-body>*){flex-grow:0;flex-shrink:0}.oui-notice svg{width:1em;height:1em}.oui-notice-title{font-size:2rem;font-weight:500}.oui-notice-icon svg{color:var(--notice-fg);width:4rem;height:4rem}.oui-notice-message{white-space:pre-line;line-height:1.45}.oui-notice-icon+.oui-notice-message{margin-top:1.5rem}.oui-notice-icon+.oui-notice-title{margin-top:.5rem}.oui-notice-title+.oui-notice-message{margin-top:1.5rem}.oui-notice-footer{margin-top:1rem;font-size:.8125rem}.oui-password{flex-direction:column;display:inline-flex}:where(.oui-password>*){flex-grow:0;flex-shrink:0}.oui-password input{width:100%}.oui-password-strength{background:#ccc;border-radius:2px;width:100%;height:.3125rem;margin-top:.5rem;position:relative}.oui-password-strength:after{content:" ";border-radius:2px;height:100%;transition:all .1s linear;position:absolute;top:0;left:0}.oui-password-strength[data-score="0"]{background-color:#f95e6840}.oui-password-strength[data-score="0"]:after{background-color:#f95e68;width:10%}.oui-password-strength[data-score="1"]{background-color:#fb964d40}.oui-password-strength[data-score="1"]:after{background-color:#fb964d;width:32.5%}.oui-password-strength[data-score="2"]{background-color:#fdd24440}.oui-password-strength[data-score="2"]:after{background-color:#fdd244;width:55%}.oui-password-strength[data-score="3"]{background-color:#b0dc5340}.oui-password-strength[data-score="3"]:after{background-color:#b0dc53;width:77.5%}.oui-password-strength[data-score="4"]{background-color:#35cc6240}.oui-password-strength[data-score="4"]:after{background-color:#35cc62;width:100%}.oui-login-create{flex-direction:column;gap:.5rem;padding:16px;display:flex}:where(.oui-login-create>*){flex-grow:0;flex-shrink:0}.oui-login-create-username,.oui-login-create-password,.oui-login-create-confirm{flex-direction:column;width:100%;display:flex}.oui-login-create-button{justify-content:center;display:flex}.oui-wait{aspect-ratio:1;border:2px solid var(--fg,black);border-radius:50%;width:1rem;height:1rem;animation:.8s linear infinite alternate l20-1,1.6s linear infinite l20-2}@keyframes l20-1{0%{clip-path:polygon(50% 50%,0 0,50% 0%,50% 0%,50% 0%,50% 0%,50% 0%)}12.5%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 0%,100% 0%,100% 0%)}25%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 100%,100% 100%,100% 100%)}50%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 100%,50% 100%,0% 100%)}62.5%{clip-path:polygon(50% 50%,100% 0,100% 0%,100% 0%,100% 100%,50% 100%,0% 100%)}75%{clip-path:polygon(50% 50%,100% 100%,100% 100%,100% 100%,100% 100%,50% 100%,0% 100%)}to{clip-path:polygon(50% 50%,50% 100%,50% 100%,50% 100%,50% 100%,50% 100%,0% 100%)}}@keyframes l20-2{0%{transform:scaleY(1)rotate(0)}49.99%{transform:scaleY(1)rotate(135deg)}50%{transform:scaleY(-1)rotate(0)}to{transform:scaleY(-1)rotate(-135deg)}}.oui-login{flex-direction:column;gap:.5rem;padding:16px;display:flex}:where(.oui-login>*){flex-grow:0;flex-shrink:0}.oui-login .oui-notice{margin-bottom:16px}.oui-login .oui-input,.oui-login .oui-password{width:100%}.oui-login .oui-button{justify-content:center;width:100%;min-height:2.25rem}.oui-login._shake{animation:.6s ease-out oui-login-shake}@keyframes oui-login-shake{0%,to{transform:translate(0)}15%{transform:translate(-8px)}30%{transform:translate(7px)}45%{transform:translate(-6px)}60%{transform:translate(5px)}75%{transform:translate(-3px)}90%{transform:translate(2px)}}.oui-resizeable{flex-grow:0;flex-shrink:0}.oui-richtext .tiptap{outline:none;min-height:5rem;margin:0;padding:.5rem .75rem;line-height:1.4}.oui-richtext .tiptap strong{font-weight:700}.oui-richtext .tiptap em{font-style:italic}.oui-richtext .tiptap u{text-decoration:underline}.oui-richtext .tiptap h1,.oui-richtext .tiptap h2,.oui-richtext .tiptap h3{margin:.5rem 0 .25rem;line-height:1.3}.oui-richtext .tiptap h1:first-child,.oui-richtext .tiptap h2:first-child,.oui-richtext .tiptap h3:first-child{margin-top:0}.oui-richtext .tiptap h1{font-size:1.5rem;font-weight:700}.oui-richtext .tiptap h2{font-size:1.25rem;font-weight:600}.oui-richtext .tiptap h3{font-size:1rem;font-weight:600}.oui-richtext .tiptap p{margin:0}.oui-richtext .tiptap p+p{margin-top:.25rem}.oui-richtext .tiptap ul,.oui-richtext .tiptap ol{margin:.25rem 0;padding-left:1.5rem}.oui-richtext .tiptap ul{list-style-type:disc}.oui-richtext .tiptap ol{list-style-type:decimal}.oui-richtext .tiptap li{margin:.125rem 0}.oui-richtext .tiptap blockquote{border-left:.1875rem solid var(--s2-fg);color:var(--s2-fg);margin:.5rem 0;padding-left:.75rem}.oui-richtext .tiptap pre{background:var(--t3-bg);border-radius:.25rem;margin:.5rem 0;padding:.5rem .75rem;font-family:monospace;font-size:.8125rem;overflow-x:auto}.oui-richtext .tiptap pre code{background:0 0;padding:0}.oui-richtext .tiptap code{background:var(--t3-bg);border-radius:.1875rem;padding:.0625rem .25rem;font-family:monospace;font-size:.8125rem}.oui-richtext .tiptap hr{border:none;border-top:1px solid var(--t3-bg);margin:.75rem 0}.oui-richtext .tiptap a{color:var(--p1-fg);cursor:text;pointer-events:none;text-decoration:underline}.oui-richtext .tiptap p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--n0-fg-muted,var(--s2-fg));pointer-events:none;height:0}.oui-richtext._bordered{appearance:none;font:inherit;width:auto;min-width:0;color:var(--input-fg);text-transform:none;vertical-align:baseline;min-height:var(--input-height,2rem);border-radius:var(--input-radius);border:none;border:1px solid var(--input-border);background:var(--input-bg,var(--input-bg-default,var(--t3-bg)));outline:none;max-width:100%;min-height:auto;margin:0;padding:0;font-family:inherit;font-size:1rem;line-height:1;display:block}.oui-richtext._bordered-button{appearance:none;font:inherit;width:auto;min-width:0;color:inherit;text-transform:none;vertical-align:baseline;height:var(--input-height,2rem);min-width:var(--input-height,2rem);pointer-events:initial;vertical-align:middle;-webkit-user-select:none;user-select:none;border-radius:var(--button-radius,var(--input-radius));background:var(--button-bg);border:none;border:1px solid var(--button-border,transparent);outline:none;flex-direction:row;justify-content:center;align-items:center;gap:.5rem;max-width:100%;margin:0;padding:7px;font-family:inherit;font-size:1rem;line-height:1;display:inline-flex}.oui-richtext._bordered-button::-moz-focus-inner{border-style:none;padding:0}.oui-richtext._bordered-button:disabled{cursor:not-allowed}:where(.oui-richtext._bordered-button>*){flex-grow:0;flex-shrink:0}.oui-richtext._bordered-button>*{flex:none;display:inline-flex}.oui-richtext._bordered-button:focus-visible{box-shadow:var(--input-shadow-focus)}.oui-richtext._bordered-button[disabled]{background-color:var(--t3-bg);color:var(--s2-fg);cursor:not-allowed}.oui-richtext._bordered-button svg,.oui-richtext._bordered-button img{width:1em;height:1em}.oui-richtext._bordered-button:hover:not([disabled]){background:var(--button-bg-hover)}.oui-richtext._bordered-button:active:not([disabled]){background:var(--button-bg-active)}.oui-richtext._bordered-button svg{width:1em;height:1em}.oui-richtext._bordered-button+.oui-richtext._bordered-button{margin-left:.5rem}.oui-richtext._bordered-button._button_mode_danger,.dark .oui-richtext._bordered-button._button_mode_danger{--button-bg:#b91c1c;--button-bg-hover:#991b1b;--button-bg-active:#7f1d1d}.oui-richtext._bordered-button._button_mode_success,.dark .oui-richtext._bordered-button._button_mode_success{--button-bg:#15803d;--button-bg-hover:#166534;--button-bg-active:#14532d}.oui-richtext._bordered-button._button_mode_neutral{--button-bg:var(--n0-700);--button-bg-hover:var(--n0-900);--button-bg-active:var(--fg)}.dark .oui-richtext._bordered-button._button_mode_neutral{--button-bg:var(--n0-700);--button-bg-hover:var(--n0-800);--button-bg-active:var(--n0-900)}.oui-richtext._bordered-button._button_mode_ghost{--button-fg:var(--fg);--button-bg:transparent;--button-bg-hover:var(--s2-bg);--button-bg-active:var(--t3-bg);font-weight:inherit}.oui-richtext._bordered-button._button_mode_ghost,.oui-richtext._bordered-button._button_mode_ghost:hover,.oui-richtext._bordered-button._button_mode_ghost:active{font-weight:inherit}.oui-richtext._bordered-button._button_mode_outline{--button-border:var(--input-border);--button-fg:var(--fg);--button-bg:transparent;--button-bg-hover:var(--s2-bg);--button-bg-active:var(--t3-bg);font-weight:inherit}.oui-richtext._bordered-button._button_mode_outline,.oui-richtext._bordered-button._button_mode_outline:hover,.oui-richtext._bordered-button._button_mode_outline:active{font-weight:inherit}.oui-richtext._bordered-button,.oui-richtext._bordered-button:hover,.oui-richtext._bordered-button:active{color:var(--button-fg);font-weight:600;text-decoration:none}.oui-richtext._bordered-button._button_size_small{--input-height:1.25rem;padding:.25rem;font-size:.8125rem}.oui-richtext._bordered-button._button_size_large{--input-height:2.75rem;padding:.75rem;font-size:1.25rem}.oui-richtext._bordered-button._button_dropdown:after{vertical-align:.255em;content:"";border:.3em solid #0000;border-top-color:currentColor;border-bottom:0;margin-left:0;display:inline-block}.oui-richtext._bordered-input{appearance:none;font:inherit;width:auto;min-width:0;color:var(--input-fg);text-transform:none;vertical-align:baseline;min-height:var(--input-height,2rem);border-radius:var(--input-radius);border:none;border:1px solid var(--input-border);background:var(--input-bg,var(--input-bg-default,var(--t3-bg)));outline:none;max-width:100%;margin:0;padding:0 .5rem;font-family:inherit;font-size:1rem;line-height:1;display:inline-flex}.oui-richtext._bordered-input::-moz-focus-inner{border-style:none;padding:0}.oui-richtext._bordered-input:disabled{cursor:not-allowed}.oui-richtext._bordered-input:hover{border-color:var(--input-border-hover)}.oui-richtext._bordered-input:focus,.oui-richtext._bordered-input:focus-within{box-shadow:var(--input-shadow-focus);border-color:var(--input-border-focus)!important}.oui-richtext._bordered-input[disabled]{background-color:var(--t3-bg);color:var(--s2-fg);cursor:not-allowed}.oui-richtext._bordered-textarea{appearance:none;font:inherit;width:auto;min-width:0;color:var(--input-fg);text-transform:none;vertical-align:baseline;min-height:var(--input-height,2rem);border-radius:var(--input-radius);border:none;border:1px solid var(--input-border);background:var(--input-bg,var(--input-bg-default,var(--t3-bg)));outline:none;max-width:100%;margin:0;padding:.375rem .5rem;font-family:inherit;font-size:1rem;line-height:1.2}.oui-richtext._bordered-textarea::-moz-focus-inner{border-style:none;padding:0}.oui-richtext._bordered-textarea:disabled{cursor:not-allowed}.oui-richtext._bordered-textarea:hover{border-color:var(--input-border-hover)}.oui-richtext._bordered-textarea:focus,.oui-richtext._bordered-textarea:focus-within{box-shadow:var(--input-shadow-focus);border-color:var(--input-border-focus)!important}.oui-richtext._bordered-textarea[disabled]{background-color:var(--t3-bg);color:var(--s2-fg);cursor:not-allowed}.oui-richtext._bordered-textarea-grow{height:var(--input-height,2rem);resize:none;overflow:hidden!important}.oui-richtext._bordered-number{appearance:none;font:inherit;width:auto;min-width:0;color:var(--input-fg);text-transform:none;vertical-align:baseline;min-height:var(--input-height,2rem);border-radius:var(--input-radius);border:none;border:1px solid var(--input-border);background:var(--input-bg,var(--input-bg-default,var(--t3-bg)));outline:none;width:12ch;max-width:100%;margin:0;padding:0 .5rem;font-family:inherit;font-size:1rem;line-height:1}.oui-richtext._bordered-number::-moz-focus-inner{border-style:none;padding:0}.oui-richtext._bordered-number:disabled{cursor:not-allowed}.oui-richtext._bordered-number:hover{border-color:var(--input-border-hover)}.oui-richtext._bordered-number:focus,.oui-richtext._bordered-number:focus-within{box-shadow:var(--input-shadow-focus);border-color:var(--input-border-focus)!important}.oui-richtext._bordered-number[disabled]{background-color:var(--t3-bg);color:var(--s2-fg);cursor:not-allowed}.oui-richtext._bordered-checkbox{appearance:none;font:inherit;width:auto;min-width:0;color:inherit;text-transform:none;vertical-align:baseline;--active:var(--button-bg);--active-inner:var(--button-fg);--border:var(--input-border);--border-hover:var(--button-bg-hover);--background:var(--input-bg);--disabled:#f4f4f5;--disabled-inner:#f4f4f5;border:none;border:1px solid var(--bc,var(--border));background:var(--b,var(--background));border-radius:4px;outline:none;width:1rem;height:1rem;margin:0 0 -.125rem;padding:0;font-family:inherit;font-size:1rem;line-height:1;transition:background .3s,border-color .3s,box-shadow .2s;display:inline-block;position:relative}.oui-richtext._bordered-checkbox::-moz-focus-inner{border-style:none;padding:0}.oui-richtext._bordered-checkbox:disabled{cursor:not-allowed}.oui-richtext._bordered-checkbox:after{content:"";transition:transform var(--d-t,.3s) var(--d-t-e,ease), opacity var(--d-o,.2s);display:block;position:absolute;top:0;left:0}.oui-richtext._bordered-checkbox:checked,.oui-richtext._bordered-checkbox._checkbox_intermediate{--b:var(--active);--bc:var(--active);--d-o:.3s;--d-t:.6s;--d-t-e:cubic-bezier(.2, .85, .32, 1.2)}.oui-richtext._bordered-checkbox:disabled{--b:var(--disabled);cursor:not-allowed;opacity:.9}.oui-richtext._bordered-checkbox:disabled:checked{--b:var(--disabled-inner);--bc:var(--border)}.oui-richtext._bordered-checkbox:disabled+label{cursor:not-allowed}.oui-richtext._bordered-checkbox:hover:not(:checked):not(:disabled){border-color:var(--input-border-hover)}.oui-richtext._bordered-checkbox+label{vertical-align:top;line-height:1rem;display:inline-block}.oui-richtext._bordered-checkbox:focus-visible{box-shadow:var(--input-shadow-focus);border-color:var(--input-border-focus)}.oui-richtext._bordered-checkbox:after{opacity:var(--_checkbox-opacity,0);border:.125rem solid var(--active-inner);width:.3125rem;height:.5625rem;transform:rotate(var(--_checkbox-rotation,20deg));border-top:0;border-left:0;top:.125rem;left:.3125rem}.oui-richtext._bordered-checkbox:checked{--_checkbox-opacity:1;--_checkbox-rotation:43deg}.oui-richtext._bordered-checkbox._checkbox_intermediate{--_checkbox-opacity:1;--_checkbox-rotation:90deg}.oui-richtext._bordered-checkbox._checkbox_intermediate:after{border-bottom:0;width:.375rem;top:.0625rem;left:.25rem}.oui-richtext._bordered-switch{appearance:none;font:inherit;width:auto;min-width:0;color:inherit;text-transform:none;vertical-align:baseline;--active:var(--button-bg);--active-inner:var(--button-fg);--border:var(--input-border);--border-hover:var(--button-bg-hover);--background:var(--input-bg);--disabled:#f4f4f5;--disabled-inner:#f4f4f5;border:none;border:1px solid var(--bc,var(--border));background:var(--b,var(--background));border-radius:999px;outline:none;width:2rem;height:1rem;margin:0 0 -.125rem;padding:0;font-family:inherit;font-size:1rem;line-height:1;transition:background .3s,border-color .3s,box-shadow .2s;display:inline-block;position:relative}.oui-richtext._bordered-switch::-moz-focus-inner{border-style:none;padding:0}.oui-richtext._bordered-switch:after{content:"";transition:transform var(--d-t,.3s) var(--d-t-e,ease), opacity var(--d-o,.2s);display:block;position:absolute;top:0;left:0}.oui-richtext._bordered-switch:checked,.oui-richtext._bordered-switch._checkbox_intermediate{--b:var(--active);--bc:var(--active);--d-o:.3s;--d-t:.6s;--d-t-e:cubic-bezier(.2, .85, .32, 1.2)}.oui-richtext._bordered-switch:disabled{--b:var(--disabled);cursor:not-allowed;opacity:.9}.oui-richtext._bordered-switch:disabled:checked{--b:var(--disabled-inner);--bc:var(--border)}.oui-richtext._bordered-switch:disabled+label{cursor:not-allowed}.oui-richtext._bordered-switch:hover:not(:checked):not(:disabled){border-color:var(--input-border-hover)}.oui-richtext._bordered-switch+label{vertical-align:top;line-height:1rem;display:inline-block}.oui-richtext._bordered-switch:after{background:var(--_checkbox-switch-active-bg,var(--border));width:.75rem;height:.75rem;transform:translateX(var(--_checkbox-switch-x,0));border-radius:50%;top:.0625rem;left:.0625rem}.oui-richtext._bordered-switch:checked{--_checkbox-switch-active-bg:var(--active-inner);--_checkbox-switch-x:.9375rem}.oui-richtext._bordered-switch:disabled{cursor:not-allowed}.oui-richtext._bordered-switch:disabled:not(:checked):after{opacity:.6}.oui-richtext._bordered-switch:focus-visible{box-shadow:var(--input-shadow-focus);border-color:var(--input-border-focus)}.oui-richtext._bordered-radio{appearance:none;font:inherit;width:auto;min-width:0;color:inherit;text-transform:none;vertical-align:baseline;--active:var(--button-bg);--active-inner:var(--button-fg);--border:var(--input-border);--border-hover:var(--button-bg-hover);--background:var(--input-bg);--disabled:#f4f4f5;--disabled-inner:#f4f4f5;border:none;border:1px solid var(--bc,var(--border));background:var(--b,var(--background));border-radius:50%;outline:none;width:1rem;height:1rem;margin:0 0 -.125rem;padding:0;font-family:inherit;font-size:1rem;line-height:1;transition:background .3s,border-color .3s,box-shadow .2s;display:inline-block;position:relative}.oui-richtext._bordered-radio::-moz-focus-inner{border-style:none;padding:0}.oui-richtext._bordered-radio:disabled{cursor:not-allowed}.oui-richtext._bordered-radio:after{content:"";transition:transform var(--d-t,.3s) var(--d-t-e,ease), opacity var(--d-o,.2s);display:block;position:absolute;top:0;left:0}.oui-richtext._bordered-radio:checked,.oui-richtext._bordered-radio._checkbox_intermediate{--b:var(--active);--bc:var(--active);--d-o:.3s;--d-t:.6s;--d-t-e:cubic-bezier(.2, .85, .32, 1.2)}.oui-richtext._bordered-radio:disabled{--b:var(--disabled);cursor:not-allowed;opacity:.9}.oui-richtext._bordered-radio:disabled:checked{--b:var(--disabled-inner);--bc:var(--border)}.oui-richtext._bordered-radio:disabled+label{cursor:not-allowed}.oui-richtext._bordered-radio:hover:not(:checked):not(:disabled){border-color:var(--input-border-hover)}.oui-richtext._bordered-radio+label{vertical-align:top;line-height:1rem;display:inline-block}.oui-richtext._bordered-radio:focus-visible{box-shadow:var(--input-shadow-focus);border-color:var(--input-border-focus)}.oui-richtext._bordered-radio:after{background:var(--active-inner);opacity:0;width:19px;height:19px;transform:scale(var(--s,.7));border-radius:50%}.oui-richtext._bordered-radio:checked{--s:.5}.oui-richtext._bordered-select{appearance:none;font:inherit;width:auto;min-width:0;color:var(--input-fg);text-transform:none;vertical-align:baseline;min-height:var(--input-height,2rem);border-radius:var(--input-radius);border:none;border:1px solid var(--input-border);background:var(--input-bg,var(--input-bg-default,var(--t3-bg)));background:100% no-repeat;background-color:var(--input-bg);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M7 7l3-3 3 3m0 6l-3 3-3-3' stroke='rgba(0,0,0,0.5)' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .25rem top 50%;background-size:1.25rem 1.25rem;outline:none;max-width:100%;margin:0;padding:0 1.75rem 0 .5rem;font-family:inherit;font-size:1rem;line-height:1.875rem}.oui-richtext._bordered-select::-moz-focus-inner{border-style:none;padding:0}.oui-richtext._bordered-select:disabled{cursor:not-allowed}.oui-richtext._bordered-select:hover{border-color:var(--input-border-hover)}.oui-richtext._bordered-select:focus,.oui-richtext._bordered-select:focus-withi