oui-kit
Version:
> *...c'est un "kit" pour Vue.js :)*
2 lines (1 loc) • 41.8 kB
CSS
.oui-button{-moz-appearance:none;appearance:none;-webkit-appearance:none;margin:0;padding:0;font:inherit;line-height:1;font-size:1rem;font-family:inherit;outline:none;border:none;width:auto;min-width:0;color:inherit;text-transform:none;vertical-align:baseline;flex-direction:row;gap:.5rem;display:flex;align-items:center;justify-content:center;display:inline-flex;max-width:100%;pointer-events:initial;vertical-align:middle;user-select:none;-webkit-user-select:none;border-radius:var(--button-radius, var(--input-radius));background:var(--button-bg);border:1px solid var(--button-border, transparent);padding:.5rem}.oui-button::-moz-focus-inner{border-style:none;padding:0}.oui-button:disabled{cursor:not-allowed}:where(.oui-button>*){flex-shrink:0;flex-grow:0}.oui-button>*{display:inline-flex;flex:none}.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_neutral{--button-bg: var(--t3-fg);--button-bg-hover: var(--s2-fg);--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,.oui-button:hover,.oui-button:active{color:var(--button-fg);text-decoration:none;font-weight:600}.oui-button._button_size_small{padding:.25rem;font-size:.8125rem}.oui-button._button_size_large{padding:.75rem;font-size:1.25rem}.oui-button._button_dropdown:after{display:inline-block;margin-left:0;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.oui-input{-moz-appearance:none;appearance:none;-webkit-appearance:none;margin:0;padding:0;font:inherit;line-height:1;font-size:1rem;font-family:inherit;outline:none;border:none;width:auto;min-width:0;color:inherit;text-transform:none;vertical-align:baseline;padding-left:.5rem;padding-right:.5rem;min-height:2rem;border-radius:var(--input-radius);border:1px solid var(--input-border);color:var(--input-fg);background:var(--input-bg);max-width:100%;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)}.oui-input[disabled]{background-color:var(--t3-bg);color:var(--s2-fg);cursor:not-allowed}.oui-textarea{-moz-appearance:none;appearance:none;-webkit-appearance:none;margin:0;padding:0;font:inherit;line-height:1;font-size:1rem;font-family:inherit;outline:none;border:none;width:auto;min-width:0;color:inherit;text-transform:none;vertical-align:baseline;padding:.375rem .5rem;min-height:2rem;border-radius:var(--input-radius);border:1px solid var(--input-border);color:var(--input-fg);background:var(--input-bg);max-width:100%;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)}.oui-textarea[disabled]{background-color:var(--t3-bg);color:var(--s2-fg);cursor:not-allowed}.oui-textarea-grow{overflow:hidden;height:2rem;resize:none}.oui-number{-moz-appearance:none;appearance:none;-webkit-appearance:none;margin:0;padding:0;font:inherit;line-height:1;font-size:1rem;font-family:inherit;outline:none;border:none;width:auto;min-width:0;color:inherit;text-transform:none;vertical-align:baseline;padding-left:.5rem;padding-right:.5rem;min-height:2rem;border-radius:var(--input-radius);border:1px solid var(--input-border);color:var(--input-fg);background:var(--input-bg);max-width:100%;width:12ch}.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)}.oui-number[disabled]{background-color:var(--t3-bg);color:var(--s2-fg);cursor:not-allowed}.oui-checkbox{padding:0;font:inherit;line-height:1;font-size:1rem;font-family:inherit;border:none;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;height:1rem;outline:none;display:inline-block;appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative;margin:0;margin-bottom:-.125rem;border:1px solid var(--bc, var(--border));background:var(--b, var(--background));transition:background .3s,border-color .3s,box-shadow .2s;border-radius:4px;width:1rem}.oui-checkbox::-moz-focus-inner{border-style:none;padding:0}.oui-checkbox:disabled{cursor:not-allowed}.oui-checkbox:after{content:"";display:block;left:0;top:0;position:absolute;transition:transform var(--d-t, .3s) var(--d-t-e, ease),opacity var(--d-o, .2s)}.oui-checkbox:checked{--b: var(--active);--bc: var(--active);--d-o: .3s;--d-t: .6s;--d-t-e: cubic-bezier(.2, .85, .32, 1.2)}.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{line-height:1rem;display:inline-block;vertical-align:top}.oui-checkbox:focus-visible{box-shadow:var(--input-shadow-focus);border-color:var(--input-border-focus)}.oui-checkbox:after{opacity:var(--o, 0);width:.3125rem;height:.5625rem;border:.125rem solid var(--active-inner);border-top:0;border-left:0;left:.3125rem;top:.125rem;transform:rotate(var(--r, 20deg))}.oui-checkbox:checked{--o: 1;--r: 43deg}.oui-checkbox._checkbox_intermediate{--o: 1;--r: 90deg}.oui-checkbox._checkbox_intermediate:after{top:.0625rem;left:.25rem;width:.375rem;border-bottom:0}.oui-switch{padding:0;font:inherit;line-height:1;font-size:1rem;font-family:inherit;border:none;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;width:1rem;outline:none;display:inline-block;appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative;margin:0;margin-bottom:-.125rem;border:1px solid var(--bc, var(--border));background:var(--b, var(--background));transition:background .3s,border-color .3s,box-shadow .2s;height:1rem;width:2rem;border-radius:999px}.oui-switch::-moz-focus-inner{border-style:none;padding:0}.oui-switch:after{content:"";display:block;left:0;top:0;position:absolute;transition:transform var(--d-t, .3s) var(--d-t-e, ease),opacity var(--d-o, .2s)}.oui-switch:checked{--b: var(--active);--bc: var(--active);--d-o: .3s;--d-t: .6s;--d-t-e: cubic-bezier(.2, .85, .32, 1.2)}.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{line-height:1rem;display:inline-block;vertical-align:top}.oui-switch:after{left:.0625rem;top:.0625rem;border-radius:50%;width:.75rem;height:.75rem;background:var(--ab, var(--border));transform:translate(var(--x, 0))}.oui-switch:checked{--ab: var(--active-inner);--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{padding:0;font:inherit;line-height:1;font-size:1rem;font-family:inherit;border:none;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;height:1rem;width:1rem;outline:none;display:inline-block;appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative;margin:0;margin-bottom:-.125rem;border:1px solid var(--bc, var(--border));background:var(--b, var(--background));transition:background .3s,border-color .3s,box-shadow .2s;border-radius:50%}.oui-radio::-moz-focus-inner{border-style:none;padding:0}.oui-radio:disabled{cursor:not-allowed}.oui-radio:after{content:"";display:block;left:0;top:0;position:absolute;transition:transform var(--d-t, .3s) var(--d-t-e, ease),opacity var(--d-o, .2s)}.oui-radio:checked{--b: var(--active);--bc: var(--active);--d-o: .3s;--d-t: .6s;--d-t-e: cubic-bezier(.2, .85, .32, 1.2)}.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{line-height:1rem;display:inline-block;vertical-align:top}.oui-radio:focus-visible{box-shadow:var(--input-shadow-focus);border-color:var(--input-border-focus)}.oui-radio:after{width:19px;height:19px;border-radius:50%;background:var(--active-inner);opacity:0;transform:scale(var(--s, .7))}.oui-radio:checked{--s: .5}.oui-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;margin:0;padding:0;font:inherit;line-height:1;font-size:1rem;font-family:inherit;outline:none;border:none;width:auto;min-width:0;color:inherit;text-transform:none;vertical-align:baseline;padding-left:.5rem;padding-right:.5rem;min-height:2rem;border-radius:var(--input-radius);border:1px solid var(--input-border);color:var(--input-fg);background:var(--input-bg);max-width:100%;padding-right:1.75rem;background:right no-repeat;background-color:var(--input-bg);background-position:right .25rem top 50%;background-size:1.25rem 1.25rem;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");padding-top:0;padding-bottom:0;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)}.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{display:flex;flex-direction:row;padding-left:0;padding-right:0}:where(.oui-input-container>*){flex-shrink:0;flex-grow:0}.oui-input-container input{flex:auto;overflow:hidden;width:auto;padding-left:.5rem;padding-right:.5rem}.oui-input-container button{cursor:pointer;padding-left:.5rem;padding-right:.5rem}.oui-input-container svg{display:flex;flex-shrink:0;flex-grow:0;width:1em;height:1em}.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-form-item{margin-top:.5rem;margin-bottom:.5rem}.oui-form-item label{display:block}.oui-form-item label span{color:#dc2626}.oui-form-item-title{display:block;font-size:.8125rem;font-weight:500;margin-bottom:.25rem}.oui-form-item-title._disabled{color:var(--s2-fg);cursor:not-allowed}.oui-form-item-description{display:block;font-size:.8125rem;font-weight:500;margin-top:.25rem;margin-bottom:.75rem;color:var(--t3-fg)}.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-file{-moz-appearance:none;appearance:none;-webkit-appearance:none;margin:0;padding:0;font:inherit;line-height:1;font-family:inherit;outline:none;border:none;width:auto;min-width:0;color:inherit;text-transform:none;vertical-align:baseline;padding:.375rem .5rem;min-height:2rem;border-radius:var(--input-radius);border:1px solid var(--input-border);color:var(--input-fg);background:var(--input-bg);max-width:100%;color:var(--fg);border-style:dashed;cursor:pointer;width:100%;vertical-align:middle;user-select:none;-webkit-user-select:none;font-size:1rem}.oui-file::-moz-focus-inner{border-style:none;padding:0}.oui-file:disabled{cursor:not-allowed}.oui-file:hover{border-color:var(--input-border-hover)}.oui-file:focus,.oui-file:focus-within{box-shadow:var(--input-shadow-focus);border-color:var(--input-border-focus)}.oui-file[disabled]{background-color:var(--t3-bg);color:var(--s2-fg);cursor:not-allowed}.oui-file>*{display:inline-flex;flex:none}.oui-file svg,.oui-file img{width:1em;height:1em}.oui-file ._content{display:flex;flex-direction:row;gap:.5rem}:where(.oui-file ._content>*){flex-shrink:0;flex-grow: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-group{display:flex;flex-direction:row}:where(.oui-input-group>*){flex-shrink:0;flex-grow: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}.oui-input-group button:not(:first-child),.oui-input-group input:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;border-left:none}.oui-input-group button:focus,.oui-input-group input:focus{z-index:1}.oui-separator{position:relative;background:var(--separator, transparent);flex-shrink:0;flex-grow:0}.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{width:1px;height:100%;cursor:col-resize}.oui-separator._left:after,.oui-separator._right:after{position:absolute;background:var(--separator-handle, transparent);top:0;left:calc(-1 * .5 * var(--separator-handle-size, 5px));width:calc(var(--separator-handle-size, 5px) + 1px);height:100%;content:" ";z-index:100;cursor:col-resize}.oui-separator._top,.oui-separator._bottom{height:1px;width:100%;cursor:row-resize}.oui-separator._top:after,.oui-separator._bottom:after{position:absolute;background:var(--separator-handle, transparent);left:0;top:calc(-1 * .5 * var(--separator-handle-size, 5px));height:calc(var(--separator-handle-size, 5px) + 1px);width:100%;content:" ";z-index:100;cursor:row-resize}.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%;overflow:auto;overflow-x:auto;overflow-y:auto;overscroll-behavior:none auto}.oui-tableview{display:flex;flex-direction:column;width:100%;overflow:hidden;border-collapse:collapse;position:relative}:where(.oui-tableview>*){flex-shrink:0;flex-grow:0}.oui-tableview .oui-separator{position:absolute}.oui-tableview ._tableview_row{display:grid;grid-template-columns:var(--tableview-columns);min-width:100%;width:max-content}.oui-tableview ._tableview_cell{margin:0;padding:.25rem .5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oui-tableview ._tableview_cell:first-child{padding-left:0}.oui-tableview ._tableview_cell:last-child{padding-right:0}.oui-tableview ._tableview_header ._tableview_row{font-weight:600;border-bottom:2px solid var(--s2-fg)}.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)}.oui-notice{position:absolute;left:0;top:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--s2-fg);background:inherit;overflow:auto}.oui-notice._notice_cover{position:fixed;left:0;top:0;right:0;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);height:var(--visible-height, 100%);will-change:transform;isolation:isolate}.oui-notice-body{display:flex;flex-direction:column;max-width:min(40ch,75%)}:where(.oui-notice-body>*){flex-shrink:0;flex-grow: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{line-height:1.45;white-space:pre-line}.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-password{display:flex;flex-direction:column;display:inline-flex}:where(.oui-password>*){flex-shrink:0;flex-grow:0}.oui-password input{width:100%}.oui-password-strength{position:relative;width:100%;height:.3125rem;margin-top:.5rem;background:#ccc;border-radius:2px}.oui-password-strength:after{position:absolute;top:0;left:0;height:100%;content:" ";border-radius:2px;transition:all .1s linear}.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-resizeable{flex-shrink:0;flex-grow:0}.oui-stars{display:flex;flex-direction:row;display:inline-flex}:where(.oui-stars>*){flex-shrink:0;flex-grow:0}.oui-stars svg{width:1em;height:1em}.oui-stars:hover ._hover{color:#facc15}.oui-stars ._active{color:#eab308}.oui-table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}.oui-table th,.oui-table td{margin:0;padding:.25rem .5rem}.oui-table th:first-child,.oui-table td:first-child{padding-left:0}.oui-table th:last-child,.oui-table td:last-child{padding-right:0}.oui-table th{font-weight:600}.oui-table tbody td,.oui-table tbody th{vertical-align:top;border-bottom:1px solid var(--s2-fg);border-right:1px solid var(--t3-bg)}.oui-table tbody td:last-child,.oui-table tbody th:last-child{border-right:none}.oui-table tbody tr._selectable:hover:not(._active){background:var(--t3-bg)}.oui-table tbody tr._active{background:var(--s2-bg)}.oui-table thead th{border-bottom:2px solid var(--s2-fg)}.oui-table thead ._sortable{cursor:pointer;-webkit-user-select:none;user-select:none;padding-right:1rem;position:relative}.oui-table thead ._active{color:var(--p1-fg)}.oui-table thead ._asc:after{content:"▴"}.oui-table thead ._desc:after{content:"▾"}.oui-tabs{display:flex;flex-direction:column;border-radius:.25rem}:where(.oui-tabs>*){flex-shrink:0;flex-grow:0}.oui-tabs>._nav{flex-direction:row;position:relative;background:var(--p1-bg);border-radius:.25rem;padding:.25rem;gap:.25rem;display:flex;justify-content:space-evenly;width:100%}:where(.oui-tabs>._nav>*){flex-shrink:0;flex-grow:0}.oui-tabs>._nav ._pill{position:absolute;height:calc(100% - 16px);transition:left .25s,width .25s;border-radius:.25rem;background:var(--p1-fg)}.oui-tabs>._nav button{flex:auto;overflow:hidden;padding:.25rem .5rem;cursor:pointer;position:relative;z-index:1;white-space:nowrap;font-weight:400;color:var(--t3-fg)}.oui-tabs>._nav button:hover{color:var(--p1-fg)}.oui-tabs>._nav ._active{color:var(--bg);font-weight:700}.oui-tabs>._nav ._active:hover{color:var(--bg)}.oui-tabs svg{width:1em;height:1em}:where(.oui-text){--text-font-weight-bold: 600;--text-list-indent: 2rem;--text-paragraph-spacing: 1rem;--text-table-cell-padding: .5rem}:where(.oui-text),:where(.oui-text) *{user-select:text;-webkit-user-select:text}:where(.oui-text) h1,:where(.oui-text) h2,:where(.oui-text) h3,:where(.oui-text) h4,:where(.oui-text) h5,:where(.oui-text) h6{color:inherit;font-weight:var(--text-font-weight-bold);line-height:1.2;margin-top:var(--text-paragraph-spacing);margin-bottom:var(--text-paragraph-spacing)}:where(.oui-text) h1{font-size:2rem}:where(.oui-text) h2{font-size:1.6rem}:where(.oui-text) h3{font-size:1.4rem}:where(.oui-text) h4{font-size:1.2rem}:where(.oui-text) h5{font-size:1rem}:where(.oui-text) h6{font-size:.8rem}:where(.oui-text) p,:where(.oui-text) .p,:where(.oui-text) ol,:where(.oui-text) ul,:where(.oui-text) hr{margin-top:var(--text-paragraph-spacing);margin-bottom:var(--text-paragraph-spacing)}:where(.oui-text) hr{height:0;color:inherit}:where(.oui-text) a,:where(.oui-text) ins,:where(.oui-text) u{text-decoration-skip:ink edges}:where(.oui-text) a{color:var(--link-fg)}:where(.oui-text) a:hover{color:var(--link-fg-hover);text-decoration:underline}:where(.oui-text) a:active{color:var(--link-fg-active)}:where(.oui-text) abbr[title]{border-bottom:1px dotted;cursor:help;text-decoration:none}:where(.oui-text) kbd,:where(.oui-text) tt,:where(.oui-text) *:not(pre)>code{font-size:.85rem;font-family:var(--font-mono, monospace);background-color:var(--s2-bg);color:inherit;padding:0 .125rem;margin:0;border-radius:.125rem}:where(.oui-text) pre{font-size:.85rem;font-family:var(--font-mono, monospace);background-color:var(--s2-bg);color:inherit;padding:.5rem .75rem;border-radius:.25rem}:where(.oui-text) pre code{color:inherit;padding:0;background:none;font-size:.85rem}:where(.oui-text) b,:where(.oui-text) strong{font-weight:var(--text-font-weight-bold)}:where(.oui-text) i,:where(.oui-text) em{font-style:italic}:where(.oui-text) sup{vertical-align:baseline;font-feature-settings:"sups";font-size:1em}:where(.oui-text) sub{vertical-align:baseline;font-feature-settings:"subs";font-size:1em}:where(.oui-text) small{font-size:80%}:where(.oui-text) mark{color:var(--mark-fg);background:var(--mark-bg, #ff0);padding-top:0;padding-right:.125rem;padding-left:.125rem;padding-bottom:.0625rem;border-radius:.125rem}:where(.oui-text) blockquote{margin:0;border-left:2px solid var(--p1-500);padding-left:var(--text-paragraph-spacing)}:where(.oui-text) ul,:where(.oui-text) ol{margin:0;padding:0;list-style-position:outside;margin-left:2rem}:where(.oui-text) ul li,:where(.oui-text) ol li{margin:0}:where(.oui-text) ul ul,:where(.oui-text) ol ul,:where(.oui-text) ul ol,:where(.oui-text) ol ol{margin-left:1.25rem}:where(.oui-text) ul{list-style:disc}:where(.oui-text) ul ul{list-style-type:circle}:where(.oui-text) ol{list-style:decimal}:where(.oui-text) ol ol{list-style-type:lower-alpha}:where(.oui-text) dl dt{font-weight:var(--text-font-weight-bold)}:where(.oui-text) dl dd{margin-left:var(--text-paragraph-spacing)}:where(.oui-text)>:first-child{margin-top:0}:where(.oui-text)>:last-child{margin-bottom:0}:where(.oui-text) img,:where(.oui-text) video,:where(.oui-text) figure{display:block;margin-top:var(--text-paragraph-spacing);margin-bottom:var(--text-paragraph-spacing)}:where(.oui-text) img>*,:where(.oui-text) video>*,:where(.oui-text) figure>*{margin-top:0;margin-bottom:0}:where(.oui-text) table.table th,:where(.oui-text) table.table td{border-bottom-width:1px;border-bottom-color:var(--s2-fg);margin:0}:where(.oui-text) table.table th:first-child,:where(.oui-text) table.table td:first-child{padding-left:0}:where(.oui-text) table.table th:last-child,:where(.oui-text) table.table td:last-child{padding-right:0}:where(.oui-text) table.table tr:last-child{border-bottom-width:0}:where(.oui-text) table.table tr th{font-weight:var(--text-font-weight-bold);vertical-align:bottom;padding-right:var(--text-table-cell-padding);padding-bottom:var(--text-table-cell-padding);padding-left:var(--text-table-cell-padding);border-bottom-color:var(--s2-fg)}:where(.oui-text) table.table tr td{vertical-align:top;padding:var(--text-table-cell-padding)}.oui-wait{height:1rem;width:1rem;aspect-ratio:1;border-radius:50%;border:2px solid var(--fg, black);animation:l20-1 .8s infinite linear alternate,l20-2 1.6s infinite linear}@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-float{z-index:400;position:absolute;cursor:default;padding:0;color:var(--float-color);box-shadow:var(--float-shadow);background:var(--float-background);border:var(--float-border)}.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: rgba(15,15,15,.2) 0 9px 24px;pointer-events:none;padding:.25rem .5rem;border-radius:.25rem;white-space:pre-line;z-index:100;min-width:1.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: rgba(15,15,15,.2) 0 9px 24px;min-width:12.5rem;border-radius:.25rem}.oui-float._menu{--float-background: var(--menu-background);--float-border: var(--menu-border);--float-shadow: var(--menu-shadow);padding:.5rem;border-radius:.25rem;white-space:nowrap}.oui-float ._float_arrow,.oui-float ._float_arrow:before{position:absolute;width:.75rem;height:.75rem;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-menu{--menu-bg: var(--n0-50);--menu-border: 1px solid var(--n0-300);--menu-radius: .25rem;--item-fg: var(--n0-950);--item-bg: none;--item-hover-fg: var(--fg, HighlightText);--item-hover-bg: var(--p1-200, Highlight);--item-separator: var(--n0-300);display:flex;flex-direction:column;cursor:default;max-width:20rem;min-width:10rem;padding:.25rem;background:var(--menu-bg);border:var(--menu-border);border-radius:var(--menu-radius);box-shadow:var(--menu-shadow, 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.06));list-style:none;z-index:400;font-family:inherit;font-size:10pt;font-weight:500;-webkit-user-select:none;user-select:none}.dark .oui-menu{--menu-bg: var(--n0-900);--menu-border: 1px solid var(--n0-600);--menu-radius: .25rem;--item-fg: var(--fg);--item-bg: none;--item-hover-fg: var(--fg);--item-hover-bg: var(--p1-800);--item-separator: var(--n0-600)}:where(.oui-menu>*){flex-shrink:0;flex-grow:0}.oui-menu ._menu_item{color:var(--item-fg);background:var(--item-bg);list-style:none;border-radius:.125rem;white-space:nowrap;position:relative;display:flex;padding:.25rem .5rem}.oui-menu ._menu_item:hover,.oui-menu ._menu_item._menu__active,.oui-menu ._menu_item:active{color:var(--item-hover-fg);background:var(--item-hover-bg)}.oui-menu ._menu_disabled{opacity:.6;pointer-events:none}.oui-menu ._menu_checked_possible,.oui-menu ._menu_checked{padding-left:1.75rem}.oui-menu ._menu_checked:before{position:absolute;left:.5rem;content:"✔︎"}.oui-menu ._menu_separator{display:flex;height:.0625rem;max-height:.0625rem;min-height:1px;border:none;padding:0;margin-top:.25rem;margin-bottom:.25rem;background:var(--item-separator)}html.oui-mobile.virtual-keyboard{--safe-bottom: 0}html.oui-mobile{height:var(--visible-height, 100%)}html.oui-mobile body{position:relative}html.oui-mobile,html.oui-mobile body,html.oui-mobile ._keyboard_aware_height,html.oui-mobile .oui-modal{transition:height .4s cubic-bezier(.38,.7,.125,1)}html.oui-mobile{-webkit-overflow-scrolling:none;overscroll-behavior:none}html.oui-mobile,html.oui-mobile *{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}html.oui-mobile input:focus,html.oui-mobile textarea:focus,html.oui-mobile [contenteditable]:focus{animation:iosPreventScrollingBugIssues .01s}@keyframes iosPreventScrollingBugIssues{0%{opacity:0}to{opacity:1}}:root{--modal-radius: .5rem;--modal-separator: transparent;--modal-bg: var(--dialog-bg, var(--s2-bg));--modal-speed: .4s;--modal-blur: 2px;--modal-backdrop: rgba(0,0,0,.5)}.oui-modal{display:flex;align-items:center;justify-content:center;overflow:hidden;position:fixed;left:0;right:0;top:0;height:var(--visible-height, 100%);z-index:200;background:var(--modal-backdrop);cursor:default;will-change:transform;isolation:isolate;backdrop-filter:blur(var(--modal-blur));-webkit-backdrop-filter:blur(var(--modal-blur))}.oui-modal ._modal_overlay{display:flex;overflow:hidden;position:absolute;bottom:0;left:0;right:0;top:0}.oui-modal ._modal_container{width:Min(52ch,90vw)}.oui-modal._modal_size_small ._modal_container{width:Min(36ch,90vw)}.oui-modal._modal_size_large ._modal_container{width:Min(80ch,90vw);height:Min(50rem,90vh)}.oui-modal ._modal_container{z-index:300;will-change:transform;opacity:1;overflow:hidden;display:flex;flex-direction:column;position:relative;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;background:var(--modal-bg);border:1px solid var(--modal-separator);border-radius:var(--modal-radius);max-height:75vh;transform:translateZ(0)}:where(.oui-modal ._modal_container>*){flex-shrink:0;flex-grow:0}@media screen and (max-width: 888px){:has(._modal_sheet) .oui-modal ._modal_container{border:inherit;border-radius:inherit;position:absolute;top:0;bottom:0;max-height:inherit;width:100%;height:initial;margin-top:2.75rem;border-top-left-radius:var(--modal-radius);border-top-right-radius:var(--modal-radius);padding-bottom:env(safe-area-inset-bottom,0)}.virtual-keyboard :has(._modal_sheet) .oui-modal ._modal_container{padding-bottom:0}.virtual-keyboard :has(._modal_sheet) .oui-modal ._modal_container ._modal_footer{transition:border var(--modal-speed);--modal-separator: var(--t3-bg)}}:has(._modal_force_sheet) .oui-modal ._modal_container{border:inherit;border-radius:inherit;position:absolute;top:0;bottom:0;max-height:inherit;width:100%;height:initial;margin-top:2.75rem;border-top-left-radius:var(--modal-radius);border-top-right-radius:var(--modal-radius);padding-bottom:env(safe-area-inset-bottom,0)}.virtual-keyboard :has(._modal_force_sheet) .oui-modal ._modal_container{padding-bottom:0}.virtual-keyboard :has(._modal_force_sheet) .oui-modal ._modal_container ._modal_footer{transition:border var(--modal-speed);--modal-separator: var(--t3-bg)}.oui-modal ._modal_title{display:flex;flex-direction:column;font-weight:600;padding-right:2.5rem;padding-bottom:1rem}:where(.oui-modal ._modal_title>*){flex-shrink:0;flex-grow:0}.oui-modal ._modal_header{display:flex;flex-direction:column;border-bottom:1px solid var(--modal-separator, #e4e4e7);padding:1rem;padding-bottom:0;min-height:3rem}:where(.oui-modal ._modal_header>*){flex-shrink:0;flex-grow:0}.oui-modal ._modal_close{position:absolute;top:.125rem;right:.125rem;background:transparent;border-radius:var(--modal-radius);font-size:1rem;cursor:pointer;color:inherit;padding:.75rem;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.oui-modal ._modal_close:hover{color:var(--primary-color)}.oui-modal ._modal_footer{border-top:1px solid var(--modal-separator, #e4e4e7);text-align:right;padding:1rem}.oui-modal ._modal_body{flex:auto;overflow:hidden;position:static;overflow:auto;overflow-x:hidden;overflow-y:auto;contain:content;margin:0;min-height:2rem;padding:1rem;position:relative;display:block}.oui-modal ._modal_header+._modal_body{padding-top:0}.oui-modal._modal_has_footer ._modal_body{padding-bottom:.25rem}.oui-modal-transition-enter-active,.oui-modal-transition-leave-active{transition-property:all;transition-duration:var(--modal-speed);transition-timing-function:ease}.oui-modal-transition-enter-active ._modal_container,.oui-modal-transition-leave-active ._modal_container{transition-property:opacity transform;transition-duration:var(--modal-speed);transition-timing-function:ease}.oui-modal-transition-enter-active{animation:oui-blur-in var(--modal-speed)}.oui-modal-transition-leave-active{animation:oui-blur-out var(--modal-speed)}.oui-modal-transition-enter-from,.oui-modal-transition-leave-to{background-color:#0000}.oui-modal-transition-enter-from ._modal_container,.oui-modal-transition-leave-to ._modal_container{opacity:0;transform:translate3d(0,50%,0)}.oui-dialog input{width:100%}@keyframes oui-blur-in{0%{backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);background-color:#0000}to{backdrop-filter:blur(var(--modal-blur));-webkit-backdrop-filter:blur(var(--modal-blur));background:var(--modal-backdrop)}}@keyframes oui-blur-out{0%{backdrop-filter:blur(var(--modal-blur));-webkit-backdrop-filter:blur(var(--modal-blur));background:var(--modal-backdrop)}to{backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);background-color:#0000}}.oui-notification{--notification-color: var(--light-text-color, #fff);--notification-background: #383838;--notification-border: none;--notification-shadow: 0 0 3px 1px rgba(255,255,255,.25);--notification-shadow-hover: 0 0 0 3px rgba(66,153,225,.5);--notification-text: #fff;--notification-error-background: #570000;--notification-error-text: #fdd1d1;--notification-error-shadow: 0 0 3px 1px rgba(253,209,209,.5);--notification-warn-background: #422b00;--notification-warn-text: #ffd280;--notification-warn-shadow: 0 0 3px 1px rgba(255,210,128,.5)}.oui-notification button{border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:inherit;font-weight:400}.oui-notification-container{display:grid;display:-ms-grid;position:fixed;top:env(safe-area-inset-top,0);right:env(safe-area-inset-right,0);isolation:isolate;padding:1rem;gap:.5rem;pointer-events:none;width:23.75rem;max-width:100%;z-index:-z-index-notification}@media screen and (max-width: 888px){.oui-notification-container{width:100%}}.oui-notification{pointer-events:initial;width:100%;padding:.75rem;background:var(--notification-background);color:var(--notification-text);box-shadow:var(--notification-shadow);border-radius:.5rem;gap:.5rem;cursor:default;display:flex;flex-direction:row}.oui-notification-error{--notification-background: var(--notification-error-background);--notification-text: var(--notification-error-text);--notification-shadow: var(--notification-error-shadow)}.oui-notification-warn{--notification-background: var(--notification-warn-background);--notification-text: var(--notification-warn-text);--notification-shadow: var(--notification-warn-shadow)}.oui-notification._has_action{cursor:pointer}.oui-notification._has_action:hover{--notification-shadow: var(--notification-shadow-hover)}:where(.oui-notification>*){flex-shrink:0;flex-grow:0}.oui-notification-body{position:relative;display:flex;flex-direction:column;flex:auto;overflow:hidden;gap:.5rem;margin-top:.125rem;margin-bottom:.125rem}:where(.oui-notification-body>*){flex-shrink:0;flex-grow:0}.oui-notification-icon{display:flex;padding:0;margin:0;padding-left:.125rem;padding-right:.25rem}.oui-notification-icon svg{padding:0;margin:0;width:1.5rem;height:1.5rem}.oui-notification-header{display:flex;flex-direction:row;gap:1rem}:where(.oui-notification-header>*){flex-shrink:0;flex-grow:0}.oui-notification-title{font-weight:600;flex:auto;overflow:hidden}.oui-notification-close{position:absolute;right:0;top:0;cursor:pointer;opacity:.5}.oui-notification-close button{padding:0;border:none}.oui-notification-close svg{width:1em;height:1em}.oui-notification-close:hover{opacity:1}.oui-notification-message{white-space:pre-line}.oui-notification-feedback{display:flex;justify-content:right;margin-top:.5rem;gap:.5rem}.oui-notification-feedback button{border:.0625rem solid var(--notification-text);border-radius:.25rem;padding:.25rem .5rem;font-weight:500}.oui-notification-feedback button:hover{background-color:#fff3}.oui-notification-enter-active,.oui-notification-leave-active{transition:all .5s ease-in-out;opacity:1}.oui-notification-enter-from,.oui-notification-leave-to{transform:translate(90%);opacity:0}.oui-object{margin:0;padding:1rem;font-family:var(--font-mono, monospace);font-size:.75rem;line-height:1.4;cursor:default;overflow:auto;background-color:var(--n0-50, #fff);border-radius:.25rem;-webkit-user-select:text;user-select:text}.oui-object>*{width:100%;display:inline-block}.oui-object .value{white-space:nowrap;-webkit-user-select:text;user-select:text}.oui-object .array>.value,.oui-object .object>.value{display:flex;flex-direction:column;margin-left:2rem}.oui-object .array[aria-expanded=false]>.count,.oui-object .object[aria-expanded=false]>.count{margin-right:.5rem}.oui-object .indicator{font-size:.8rem;padding-right:.3rem;-webkit-user-select:none;user-select:none;vertical-align:text-bottom}.oui-object>*>.preview{font-style:italic}.oui-object .value>.array,.oui-object .value>.object{position:relative;left:-.8rem}.oui-object .null>.value,.oui-object .undefined>.value{color:#80868a}.oui-object .boolean>.value,.oui-object .true>.value,.oui-object .false>.value{color:#1a1aa6}.oui-object .number>.value{color:#1a1aa6}.oui-object .string>.value{color:#c80200}.oui-object .quotes{color:#c80200}.oui-object .indicator{color:#5f6367}.oui-object .key{color:#881180}.oui-object .separator{color:#202124}.oui-object .count{color:#5f6367}.oui-object .preview{color:#202124}@media (prefers-color-scheme: dark){.oui-object{background-color:#202124}.oui-object .null>.value{color:#80868a}.oui-object .true>.value,.oui-object .false>.value{color:#9980ff}.oui-object .number>.value{color:#9980ff}.oui-object .string>.value{color:#36d4c7}.oui-object .quotes{color:#36d4c7}.oui-object .indicator{color:#9aa0a6}.oui-object .key{color:#5db0d7}.oui-object .separator{color:#e8eaed}.oui-object .count{color:#9aa0a6}.oui-object .preview{color:#e8eaed}}