.expand-header .colors[data-v-248e6251]{width:88px;position:relative;height:100%;margin-left:28px;transition:all .23s ease}.expand-header .colors .color[data-v-248e6251]{width:22px;height:22px;border-radius:50%;position:absolute;top:50%;transition:all .23s ease;margin-top:-11px}.expand-header .colors .color[data-v-248e6251]:first-child{opacity:1;transform:translateX(0);z-index:3}.expand-header .colors .color[data-v-248e6251]:nth-child(2){opacity:.72;transform:translateX(-4.4px);z-index:2}.expand-header .colors .color[data-v-248e6251]:nth-child(3){opacity:.44;transform:translateX(-8.8px);z-index:1}.expand-header .colors .color[data-v-248e6251]:nth-child(4){opacity:.16;transform:translateX(-13.2px);z-index:0}.q-expansion-item__container .q-item:hover .expand-header .colors[data-v-248e6251]{margin-left:38.56px}.q-expansion-item__container .q-item:hover .expand-header .colors .color[data-v-248e6251]:first-child{opacity:1;transform:translateX(0)}.q-expansion-item__container .q-item:hover .expand-header .colors .color[data-v-248e6251]:nth-child(2){opacity:.75;transform:translateX(-7.92px)}.q-expansion-item__container .q-item:hover .expand-header .colors .color[data-v-248e6251]:nth-child(3){opacity:.5;transform:translateX(-15.84px)}.q-expansion-item__container .q-item:hover .expand-header .colors .color[data-v-248e6251]:nth-child(4){opacity:.25;transform:translateX(-23.76px)}header.theme-header[data-v-248e6251]{line-height:1.5}section>ul.theme-list li[data-v-248e6251]{list-style:none;margin:0;border-radius:7px;height:36px;line-height:36px;cursor:pointer;transition:all .2s ease;font-size:.8rem;transition:all .24s ease}section>ul.theme-list li[data-v-248e6251]:hover{background-color:#fff}section>ul.theme-list li.selected[data-v-248e6251]{background-color:rgba(25,118,210,.1);color:#1976d2;font-weight:700}section>ul.theme-list li[data-v-248e6251]{padding:relative}section>ul.theme-list li .colors[data-v-248e6251]{width:216px;position:absolute;height:100%;right:20px;top:0;z-index:2}section>ul.theme-list li .colors .color[data-v-248e6251]{width:22px;height:22px;border-radius:50%;position:absolute;top:50%;margin-top:-11px;transition:all .2s ease}section>ul.theme-list li .colors .color[data-v-248e6251]:first-child{opacity:1;right:0;z-index:7}section>ul.theme-list li .colors .color[data-v-248e6251]:nth-child(2){opacity:.7;right:5.5px;z-index:6}section>ul.theme-list li .colors .color[data-v-248e6251]:nth-child(3){opacity:.4;right:11px;z-index:5}section>ul.theme-list li .colors .color[data-v-248e6251]:nth-child(4){opacity:.1;right:16.5px;z-index:4}section>ul.theme-list li .colors .color[data-v-248e6251]:nth-child(5){opacity:0;right:22px;z-index:3}section>ul.theme-list li .colors .color[data-v-248e6251]:nth-child(6){opacity:0;right:27.5px;z-index:2}section>ul.theme-list li .colors .color[data-v-248e6251]:nth-child(7){opacity:0;right:33px;z-index:1}section>ul.theme-list li .colors .color[data-v-248e6251]:nth-child(8){opacity:0;right:38.5px;z-index:0}section>ul.theme-list li .colors .color[data-v-248e6251]:nth-child(9){opacity:0;right:44px;z-index:-1}section>ul.theme-list li:hover span[data-v-248e6251]{opacity:.1}section>ul.theme-list li:hover .colors .color[data-v-248e6251]:first-child{opacity:1;right:0}section>ul.theme-list li:hover .colors .color[data-v-248e6251]:nth-child(2){opacity:.99;right:27px}section>ul.theme-list li:hover .colors .color[data-v-248e6251]:nth-child(3){opacity:.98;right:54px}section>ul.theme-list li:hover .colors .color[data-v-248e6251]:nth-child(4){opacity:.97;right:81px}section>ul.theme-list li:hover .colors .color[data-v-248e6251]:nth-child(5){opacity:.96;right:108px}section>ul.theme-list li:hover .colors .color[data-v-248e6251]:nth-child(6){opacity:.95;right:135px}section>ul.theme-list li:hover .colors .color[data-v-248e6251]:nth-child(7){opacity:.94;right:162px}section>ul.theme-list li:hover .colors .color[data-v-248e6251]:nth-child(8){opacity:.93;right:189px}section>ul.theme-list li:hover .colors .color[data-v-248e6251]:nth-child(9){opacity:.92;right:216px}body.body--dark section>ul.theme-list li[data-v-248e6251]{color:#aaa}body.body--dark section>ul.theme-list li[data-v-248e6251]:hover{background-color:#494949;color:#ddd}body.body--dark section>ul.theme-list li.selected[data-v-248e6251]{background-color:rgba(25,118,210,.5);color:#ddd}