.preferences-drawer__body{flex-direction:column;display:flex;overflow-y:hidden}.icon-btn[data-v-8c2be069]{padding:calc(var(--spacing) * 1);border-radius:var(--radius-DEFAULT);--un-border-style:none;cursor:pointer;background-color:#0000;border-style:none}.icon-btn[data-v-8c2be069]:hover{background-color:color-mix(in srgb, var(--colors-gray-100) var(--un-bg-opacity), transparent) }@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){.icon-btn[data-v-8c2be069]:hover{background-color:color-mix(in oklab, var(--colors-gray-100) var(--un-bg-opacity), transparent) }}.dark .icon-btn[data-v-8c2be069]:hover{background-color:color-mix(in srgb, var(--colors-dark-300) var(--un-bg-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){.dark .icon-btn[data-v-8c2be069]:hover{background-color:color-mix(in oklab, var(--colors-dark-300) var(--un-bg-opacity), transparent) }}.tab-item[data-v-8c2be069]{padding-block:calc(var(--spacing) * 1.5);text-align:center;border-radius:var(--el-border-radius-base);cursor:pointer;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to;transition-timing-function:var(--un-ease,var(--default-transition-timingFunction));transition-duration:var(--un-duration,var(--default-transition-duration));flex:1;font-size:13px}.tab-item-active[data-v-8c2be069]{color:color-mix(in oklab, var(--el-color-primary) var(--un-text-opacity), transparent) ;--un-font-weight:500;background-color:color-mix(in srgb, var(--colors-white) var(--un-bg-opacity), transparent) ;--un-shadow:0 1px 3px 0 var(--un-shadow-color,#0000001a),0 1px 2px -1px var(--un-shadow-color,#0000001a);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);font-weight:500}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){.tab-item-active[data-v-8c2be069]{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent) }}.dark .tab-item-active[data-v-8c2be069]{background-color:color-mix(in srgb, var(--colors-dark-600) var(--un-bg-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){.dark .tab-item-active[data-v-8c2be069]{background-color:color-mix(in oklab, var(--colors-dark-600) var(--un-bg-opacity), transparent) }}@property --un-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-shadow-color{syntax:"*";inherits:false}@property --un-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-inset-shadow-color{syntax:"*";inherits:false}@property --un-ring-color{syntax:"*";inherits:false}@property --un-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-inset-ring-color{syntax:"*";inherits:false}@property --un-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-ring-inset{syntax:"*";inherits:false}@property --un-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --un-ring-offset-color{syntax:"*";inherits:false}@property --un-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}.tab-item-inactive[data-v-8c2be069]{color:color-mix(in srgb, var(--colors-gray-600) var(--un-text-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){.tab-item-inactive[data-v-8c2be069]{color:color-mix(in oklab, var(--colors-gray-600) var(--un-text-opacity), transparent) }}.dark .tab-item-inactive[data-v-8c2be069]{color:color-mix(in srgb, var(--colors-gray-400) var(--un-text-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){.dark .tab-item-inactive[data-v-8c2be069]{color:color-mix(in oklab, var(--colors-gray-400) var(--un-text-opacity), transparent) }}.tab-item-inactive[data-v-8c2be069]:hover{color:color-mix(in srgb, var(--colors-gray-800) var(--un-text-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){.tab-item-inactive[data-v-8c2be069]:hover{color:color-mix(in oklab, var(--colors-gray-800) var(--un-text-opacity), transparent) }}.dark .tab-item-inactive[data-v-8c2be069]:hover{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){.dark .tab-item-inactive[data-v-8c2be069]:hover{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent) }}.tab-content[data-v-8c2be069]{gap:calc(var(--spacing) * 4);flex-direction:column;display:flex}