@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-content:"";--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-y-reverse:0;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.settings-drawer{min-height:100vh;padding:calc(var(--spacing,.25rem)*0)}.settings-drawer-layout{height:100vh;display:flex}.settings-drawer-sidebar{border-right-style:var(--tw-border-style);border-right-width:1px;border-color:var(--border-default);background-color:var(--el-100);flex-shrink:0;width:320px;height:100%}@supports (color:color-mix(in lab, red, red)){.settings-drawer-sidebar{background-color:color-mix(in oklab,var(--el-100)30%,transparent)}}.settings-drawer-sidebar{flex-direction:column;display:flex}.settings-drawer-header{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--border-default)}.settings-drawer-nav{gap:calc(var(--spacing,.25rem)*1);padding:calc(var(--spacing,.25rem)*3);margin:calc(var(--spacing,.25rem)*0);flex-direction:column;list-style-type:none;display:flex}.settings-drawer-nav-item{align-items:center;gap:calc(var(--spacing,.25rem)*3);width:100%;padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*3);text-align:left;color:var(--el-500);border-radius:3px;display:flex}@media (hover:hover){.settings-drawer-nav-item:hover{background-color:var(--el-100);color:var(--el-800)}}.settings-drawer-nav-item{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));cursor:pointer;border-style:var(--tw-border-style);border-width:2px;border-color:#0000}.settings-drawer-nav-item.is-active{background-color:var(--el-100)}@supports (color:color-mix(in lab, red, red)){.settings-drawer-nav-item.is-active{background-color:color-mix(in oklab,var(--el-100)75%,transparent)}}.settings-drawer-nav-item.is-active{color:var(--accent-primary);border-style:var(--tw-border-style);border-width:2px;border-color:var(--accent-primary)}@supports (color:color-mix(in lab, red, red)){.settings-drawer-nav-item.is-active{border-color:color-mix(in oklab,var(--accent-primary)30%,transparent)}}.settings-drawer-nav-text{flex-direction:column;display:flex}.settings-drawer-nav-label{--tw-font-weight:var(--font-weight-semibold,600);font-size:14px;font-weight:var(--font-weight-semibold,600)}.settings-drawer-nav-desc{color:var(--el-500);font-size:12px}.settings-drawer-nav-item.is-active .settings-drawer-nav-desc{color:var(--accent-primary)}@supports (color:color-mix(in lab, red, red)){.settings-drawer-nav-item.is-active .settings-drawer-nav-desc{color:color-mix(in oklab,var(--accent-primary)70%,transparent)}}.settings-drawer-footer{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--border-default);padding:calc(var(--spacing,.25rem)*4);margin-top:auto}.settings-drawer-content{padding:calc(var(--spacing,.25rem)*8);flex:1;position:relative;overflow-y:auto}.settings-drawer-actions{top:calc(var(--spacing,.25rem)*3);right:calc(var(--spacing,.25rem)*14);position:fixed}.settings-grid-block{margin-bottom:calc(var(--spacing,.25rem)*8)}.settings-grid-title{margin-bottom:calc(var(--spacing,.25rem)*6);border-radius:var(--radius-sm,.25rem);border-style:var(--tw-border-style);background-color:var(--el-0);padding-inline:calc(var(--spacing,.25rem)*1.5);padding-block:calc(var(--spacing,.25rem)*.5);--tw-font-weight:var(--font-weight-semibold,600);font-size:12px;font-weight:var(--font-weight-semibold,600);--tw-tracking:var(--tracking-wide,.025em);letter-spacing:var(--tracking-wide,.025em);color:var(--el-500);text-transform:uppercase;border-width:1px;display:inline-flex}.settings-grid-title:after{content:var(--tw-content);content:var(--tw-content);inset-inline:calc(var(--spacing,.25rem)*0);content:var(--tw-content);z-index:calc(1*-1);content:var(--tw-content);content:var(--tw-content);content:var(--tw-content);--tw-translate-y:calc(var(--spacing,.25rem)*2.5);width:100%;height:1px;translate:var(--tw-translate-x)var(--tw-translate-y);content:var(--tw-content);background-color:var(--border-default);--tw-content:"";content:var(--tw-content);position:absolute}.settings-section-title{margin-bottom:calc(var(--spacing,.25rem)*2);font-family:var(--font-heading);font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75/1.25)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--el-800)}.settings-section-description{margin-bottom:calc(var(--spacing,.25rem)*6);color:var(--el-500);font-size:14px}.settings-grid{gap:calc(var(--spacing,.25rem)*5);grid-template-columns:repeat(1,minmax(0,1fr));display:grid}@media (min-width:48rem){.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.settings-placeholder{color:var(--el-500);border-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-width:1px;border-color:var(--border-default);padding:calc(var(--spacing,.25rem)*8);text-align:center;border-radius:3px;font-size:14px}:where(.settings-form>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing,.25rem)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing,.25rem)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.settings-field>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing,.25rem)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing,.25rem)*2)*calc(1 - var(--tw-space-y-reverse)))}.settings-field-inline{justify-content:space-between;align-items:center;gap:calc(var(--spacing,.25rem)*3);display:flex}.settings-field-inline>label{color:var(--el-800);flex-shrink:0;font-size:14px}:where(.settings-field-compact>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing,.25rem)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing,.25rem)*1)*calc(1 - var(--tw-space-y-reverse)))}.settings-field-compact>label{color:var(--el-500);font-size:12px}.settings-grid-compact{gap:calc(var(--spacing,.25rem)*3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.settings-textarea{border-radius:var(--radius-md,.375rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--el-150);background-color:var(--el-0);width:100%;min-height:120px;padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*2);font-family:var(--font-mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);--tw-ring-offset-color:var(--el-0);font-size:14px;display:flex}.settings-textarea::placeholder{color:var(--el-500)}.settings-textarea:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--accent-primary);--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-outline-style:none;outline-style:none}.settings-textarea:disabled{cursor:not-allowed;opacity:.5}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
