@layer base{:is(button,[type=submit],[type=reset],[type=button],a.button){--_hov:color-mix(in srgb, var(--primary), white 25%);white-space:nowrap;background-color:var(--primary);color:var(--primary-foreground);transition:background-color var(--transition-fast), opacity var(--transition-fast), transform var(--transition-fast);border:1px solid #0003;border-color:#ffffff26 #0003 #0003 #ffffff26;border-radius:.375rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:500;line-height:1.5;text-decoration:none;display:inline-flex}::file-selector-button{--_hov:color-mix(in srgb, var(--primary), white 25%);white-space:nowrap;background-color:var(--primary);color:var(--primary-foreground);transition:background-color var(--transition-fast), opacity var(--transition-fast), transform var(--transition-fast);border:1px solid #0003;border-color:#ffffff26 #0003 #0003 #ffffff26;border-radius:.375rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:500;line-height:1.5;text-decoration:none;display:inline-flex}:is(button,[type=submit],[type=reset],[type=button],a.button):not(:disabled){cursor:pointer}:is(button,[type=submit],[type=reset],[type=button],a.button):not(:disabled):hover{background-color:var(--_hov)}:is(button,[type=submit],[type=reset],[type=button],a.button):not(:disabled):active{transform:translate(1px,1px)}:is(button,[type=submit],[type=reset],[type=button],a.button)[data-variant=secondary]{--_hov:color-mix(in srgb, var(--secondary), black 10%);background-color:var(--secondary);color:var(--secondary-foreground);border-color:#ffffff80 #0000001a #0000001a #ffffff80}:is(button,[type=submit],[type=reset],[type=button],a.button)[data-variant=danger]{--_hov:color-mix(in srgb, var(--danger), black 15%);background-color:var(--danger);color:var(--danger-foreground)}:is(button,[type=submit],[type=reset],[type=button],a.button):is(.outline,.ghost){--_hov:var(--accent);color:var(--i12);background-color:#0000}:is(button,[type=submit],[type=reset],[type=button],a.button):is(.outline,.ghost)[data-variant=danger]{--_hov:color-mix(in srgb, var(--danger), transparent 90%);color:var(--danger)}:is(button,[type=submit],[type=reset],[type=button],a.button):is(.outline,.ghost)[data-variant=secondary]{--_hov:color-mix(in srgb, var(--secondary), transparent 80%);color:var(--secondary-foreground)}:is(button,[type=submit],[type=reset],[type=button],a.button).outline{border-color:var(--border)}:is(button,[type=submit],[type=reset],[type=button],a.button).outline[data-variant=danger]{border-color:var(--danger)}:is(button,[type=submit],[type=reset],[type=button],a.button).outline[data-variant=secondary]{border-color:var(--secondary)}:is(button,[type=submit],[type=reset],[type=button],a.button).ghost{border-color:#0000}:is(button,[type=submit],[type=reset],[type=button],a.button).small{padding:.25rem .75rem;font-size:.6rem}:is(button,[type=submit],[type=reset],[type=button],a.button).large{height:3rem;padding:0 1.5rem;font-size:1rem}:is(button,[type=submit],[type=reset],[type=button],a.button).icon{width:2.5rem;padding:0}:is(button,[type=submit],[type=reset],[type=button],a.button).icon.small{width:2rem}:is(button,[type=submit],[type=reset],[type=button],a.button).icon.large{width:3rem}::file-selector-button{color:var(--i12);border:1px solid var(--border);background-color:#0000}::file-selector-button:hover{background-color:var(--accent)}label{font-size:.75rem;font-weight:500;display:block}label:has(input:where([type=checkbox],[type=radio])){align-items:center;gap:0 .5rem;font-weight:400;display:inline-flex}:where(input:not([type=checkbox],[type=radio],[type=range],[type=file],[type=color]),textarea,select){background-color:var(--i1);width:100%;color:var(--i12);border:1px solid var(--input);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:.375rem;margin-block-start:.25rem;padding:.5rem .75rem;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.75rem;line-height:1.5}:where(input:not([type=checkbox],[type=radio],[type=range],[type=file],[type=color]),textarea,select)::placeholder{color:var(--muted-foreground)}:where(input:not([type=checkbox],[type=radio],[type=range],[type=file],[type=color]),textarea,select):focus{border-color:var(--ring);box-shadow:0 0 0 2px rgb(from var(--ring) r g b / .2);z-index:1;outline:none}:where(input:not([type=checkbox],[type=radio],[type=range],[type=file],[type=color]),textarea,select):disabled{background-color:var(--muted)}:where(input:not([type=checkbox],[type=radio],[type=range],[type=file],[type=color]),textarea,select):is([aria-invalid=true],:user-invalid){border-color:var(--danger)}:where(input:not([type=checkbox],[type=radio],[type=range],[type=file],[type=color]),textarea,select):is([aria-invalid=true],:user-invalid):focus{box-shadow:0 0 0 2px rgb(from var(--danger) r g b / .2)}textarea{resize:vertical;height:auto;min-height:5rem;padding:.75rem}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;padding-inline-end:1.5rem}input:where([type=checkbox],[type=radio]){appearance:none;background-color:var(--i1);border:1px solid var(--input);width:1rem;height:1rem;transition:background-color var(--transition-fast), border-color var(--transition-fast);margin:0;position:relative}input:where([type=checkbox],[type=radio]):checked{background-color:var(--primary);border-color:var(--primary)}input:where([type=checkbox],[type=radio]):checked:after{content:"";background-color:var(--primary-foreground);position:absolute;inset:0;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}input[type=checkbox]{border-radius:.25rem}input[type=checkbox]:checked:after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='4'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='4'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E")}input[type=checkbox][role=switch]{--switch-height:calc(.5rem * 3);--switch-inset:2px;--switch-thumb:calc(var(--switch-height) - var(--switch-inset) * 3);width:calc(var(--switch-height) * 2);height:var(--switch-height);background-color:var(--input);border-radius:9999px}input[type=checkbox][role=switch]:before{content:"";top:50%;left:var(--switch-inset);width:var(--switch-thumb);height:var(--switch-thumb);background-color:var(--i1);transition:transform var(--transition);box-shadow:var(--shadow-small);border-radius:9999px;position:absolute;transform:translateY(-50%)}input[type=checkbox][role=switch]:checked{background-color:var(--primary)}input[type=checkbox][role=switch]:checked:after{content:none}input[type=checkbox][role=switch]:checked:before{transform:translateY(-50%) translateX(var(--switch-height))}input[type=radio]{border-radius:9999px}input[type=radio]:checked:after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='4' fill='currentColor'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='4' fill='currentColor'/%3E%3C/svg%3E")}:where(input:where([type=checkbox],[type=radio],[type=range]),select):not(:disabled),label:has(input:where([type=checkbox],[type=radio]):not(:disabled)){cursor:pointer}input[type=range]{appearance:none;background:var(--muted);border-radius:9999px;width:100%;height:.5rem}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--primary);width:1.25rem;height:1.25rem;transition:transform var(--transition-fast);border-radius:9999px}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}input[type=range]::-moz-range-thumb{background:var(--primary);border:none;border-radius:9999px;width:1.25rem;height:1.25rem}fieldset{border:1px solid var(--border);border-radius:.375rem;margin-block-end:1rem;padding:1rem}legend{padding:0 .5rem;font-size:.75rem;font-weight:500}label{color:var(--i12);font-variant:small-caps}}@layer components{menu.buttons{padding-inline-start:0;list-style-type:none;display:inline-flex}menu.buttons>li:first-child>*{border-start-start-radius:.375rem;border-end-start-radius:.375rem}menu.buttons>li:last-child>*{border-start-end-radius:.375rem;border-end-end-radius:.375rem}menu.buttons>li>*{border-radius:0}menu.buttons>li:not(:last-child)>*{border-inline-end:1px solid rgb(from var(--primary-foreground) r g b / .2)}fieldset.group{border:none;align-items:stretch;padding:0;display:flex}fieldset.group>:is(input,textarea,select){flex:1;margin-block-start:0}fieldset.group>:is(input,textarea,select):not(:focus):not(:last-child){border-inline-end-color:#0000}fieldset.group>:is(input,textarea,select,button){border-radius:0}fieldset.group>:is(input,textarea,select,button):first-child{border-radius:.375rem 0 0 .375rem}fieldset.group>:is(input,textarea,select,button):last-child{border-radius:0 .375rem .375rem 0}fieldset.group>legend{float:inline-start;color:var(--muted-foreground);background-color:var(--muted);border:1px solid var(--input);border-inline-end:none;border-radius:.375rem 0 0 .375rem;align-items:center;padding:0 .75rem;font-weight:400;line-height:1.5;display:inline-flex}[data-field]{flex-wrap:wrap;margin-block-end:1rem}[data-field] [data-hint],[data-field] .error{color:var(--muted-foreground);flex-basis:100%;min-inline-size:100%;margin-block-start:.25rem;font-size:.6rem;font-weight:400;display:block}[data-field] .error{display:none}[data-field]:is([aria-invalid=true],:has([aria-invalid=true])) .error{color:var(--danger);display:block}}
