.pac-choose-theme-color__content[data-v-e4346546]{grid-template-columns:repeat(var(--76e826e2), 1fr);gap:8px 10px;display:grid}.pac-choose-theme-color__content__item[data-v-e4346546]{width:var(--ee219b3a);height:var(--ee219b3a);cursor:pointer;border-radius:50%;position:relative}.pac-choose-theme-color__content__item__preview[data-v-e4346546]{width:var(--ee219b3a);height:var(--ee219b3a);border:1px solid #d1d0d2;border-radius:50%;overflow:hidden}.pac-choose-theme-color__content__item__preview__transparent[data-v-e4346546]{object-fit:cover;width:100%;height:100%}.pac-choose-theme-color__content__item[data-v-e4346546]:before{content:"";width:var(--73ef5630);height:var(--73ef5630);--border-width:calc((var(--73ef5630) - var(--82880aca)) / 2);border:var(--border-width) solid var(--primary-background-light);z-index:1;opacity:0;border-radius:50%;transition:opacity .3s;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pac-choose-theme-color__content__item[data-v-e4346546]:after{content:"";box-sizing:content-box;--border-width:calc((var(--ee219b3a) - var(--73ef5630)) / 2);border:var(--border-width) solid var(--stroke-active);z-index:1;opacity:0;border-radius:50%;transition:opacity .3s;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.pac-choose-theme-color__content__item[data-v-e4346546]:hover:before,.pac-choose-theme-color__content__item[data-v-e4346546]:hover:after,.pac-choose-theme-color__content__item--active[data-v-e4346546]:before,.pac-choose-theme-color__content__item--active[data-v-e4346546]:after{opacity:1}.pac-choose-theme-color__content__custom[data-v-e4346546]{width:var(--ee219b3a);height:var(--ee219b3a);cursor:pointer;background:conic-gradient(from 90deg,#e02020 0deg,#fa6400 60.1901deg,#f7b500 120.204deg,#6dd400 180.185deg,#0091ff 239.641deg,#6236ff 299.952deg,#b620e0 360deg);border-radius:50%;position:relative}.pac-choose-theme-color__content__custom[data-v-e4346546]:hover{border:none;background:var(--primary-color)!important}.pac-choose-theme-color__content__custom:hover .pac-choose-theme-color__content__custom__background[data-v-e4346546]{background:#fff!important}.pac-choose-theme-color__content__custom__background[data-v-e4346546]{width:var(--73ef5630);height:var(--73ef5630);z-index:1;background:#fff;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pac-choose-theme-color__content__custom__preview[data-v-e4346546]{width:var(--82880aca);height:var(--82880aca);box-sizing:content-box;z-index:1;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pac-choose-theme-color__content__custom__header[data-v-e4346546]{color:var(--one-level-text-color)}.pac-choose-theme-color__content__custom__header__title[data-v-e4346546]{margin-bottom:12px}.pac-choose-theme-color__content__custom__header__divider[data-v-e4346546]{background:#dcdcdc;width:100%;height:1px;margin:12px 0}.pac-choose-theme-color__content__custom__header__recent[data-v-e4346546]{gap:7px;display:flex}.pac-choose-theme-color__content__custom__icon[data-v-e4346546]{width:var(--a47eb906);height:var(--a47eb906);box-sizing:content-box;z-index:1;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pac-choose-theme-color__content__custom__icon i[data-v-e4346546]{font-size:var(--0607946d)}.pac-choose-theme-color .pac-color-item[data-v-e4346546]{width:var(--ee219b3a);height:var(--ee219b3a);cursor:pointer;border-radius:50%;position:relative}.pac-choose-theme-color .pac-color-item-preview[data-v-e4346546]{width:var(--ee219b3a);height:var(--ee219b3a);border:1px solid #d1d0d2;border-radius:50%}.pac-choose-theme-color .pac-color-item[data-v-e4346546]:before{content:"";width:var(--73ef5630);height:var(--73ef5630);--border-width:calc((var(--73ef5630) - var(--82880aca)) / 2);border:var(--border-width) solid var(--primary-background-light);z-index:1;opacity:0;border-radius:50%;transition:opacity .3s;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pac-choose-theme-color .pac-color-item[data-v-e4346546]:after{content:"";box-sizing:content-box;--border-width:calc((var(--ee219b3a) - var(--73ef5630)) / 2);border:var(--border-width) solid var(--stroke-active);z-index:1;opacity:0;border-radius:50%;transition:opacity .3s;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.pac-choose-theme-color .pac-color-item[data-v-e4346546]:hover:before,.pac-choose-theme-color .pac-color-item[data-v-e4346546]:hover:after,.pac-choose-theme-color .pac-color-item-active[data-v-e4346546]:before,.pac-choose-theme-color .pac-color-item-active[data-v-e4346546]:after{opacity:1}.pac-choose-theme-color .recommend-color-box[data-v-e4346546]{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pac-choose-theme-color[data-v-e4346546] .p-popover__trigger{flex-shrink:0;display:flex}.pac-choose-theme-color .color-picker-box[data-v-e4346546],.pac-choose-theme-color .color-picker-box .color-picker[data-v-e4346546]{cursor:pointer;border-radius:24px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:relative}.pac-choose-theme-color .color-picker-box .color-picker.add-btn[data-v-e4346546]{background:0 0}.pac-choose-theme-color .color-picker-box .color-picker.add-btn i[data-v-e4346546]{color:var(--one-level-text-color);font-size:14px;font-weight:600}.pac-choose-theme-color .color-picker-box .color-picker[data-v-e4346546]:before{content:"";background-image:conic-gradient(#3929ff,#396beb,#5dff52,#ffdb1e,#ff7676,#ff2828,#5181ff,#3929ff);border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0;mask:radial-gradient(#0000 9px,#fff 10px)}.pac-choose-theme-color .color-picker-box .color-picker>div[data-v-e4346546]{border-radius:100%;justify-content:center;align-items:center;width:16px;height:16px;margin:4px;display:flex}.pac-choose-theme-color .color-item[data-v-e4346546]{cursor:pointer;border-radius:50%;flex-shrink:0;width:24px;height:24px;position:relative}.pac-choose-theme-color .color-item[data-v-e4346546]:before,.pac-choose-theme-color .color-item[data-v-e4346546]:after{content:"";opacity:0;pointer-events:none;border-radius:50%;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0}.pac-choose-theme-color .color-item[data-v-e4346546]:before{border:2px solid var(--primary-background-light);margin:2px}.pac-choose-theme-color .color-item[data-v-e4346546]:after{border:2px solid var(--stroke-active)}.pac-choose-theme-color .color-item[data-v-e4346546]:hover:before,.pac-choose-theme-color .color-item[data-v-e4346546]:hover:after{opacity:1}.pac-choose-theme-color .color-item div[data-v-e4346546]{border:1px solid #cbcbcb;border-radius:100%;width:100%;height:100%;display:inline-block}.pac-choose-theme-color .color-item .opacity-color[data-v-e4346546]{background-image:url(https://cdn.pacdora.com/_pacui/image/transparent.jpeg);background-size:contain;border:1px solid #cbcbcb}.pac-choose-theme-color .color-item.active[data-v-e4346546]:before,.pac-choose-theme-color .color-item.active[data-v-e4346546]:after{opacity:1;transition:none}.pac-choose-theme-color__upload-popover{z-index:998}.pac-choose-theme-color__upload-popover .color-picker-root{width:248px}.pac-choose-theme-color__popover{z-index:998}.pac-choose-theme-color__popover.p-popover-topRight{transform:translate(-5%)translateY(-100%)}.pac-choose-theme-color__popover.p-popover-topRight .p-popover__arrow{left:22px}.pac-choose-theme-color__popover .p-popover__inner{padding:12px}.pac-choose-theme-color__popover .p-popover__inner .color-panel{height:102px!important}