.plugin-color-board{display:flex;flex-wrap:wrap;position:relative;margin-left:1px;width:100%}.plugin-color-board.high-layer{z-index:2}.plugin-color-board.plugin-color-board--center{justify-content:center}.plugin-color-board.plugin-color-board--right{justify-content:flex-end}.color-board__main{position:relative;display:inline-flex}.color-board__box{margin:0 -4px;display:inline-flex;overflow:hidden;max-width:180px}.product-list-single-grid .color-board__box{margin:unset}.color-board__scroll{display:inline-flex;transition:transform .3s}.color-board__col{padding:3px;position:relative;margin-top:10px}.color-board__col.disabled .color-board__item:after{background-color:var(--color-palette-color-text, rgb(var(--color-text)));bottom:0;content:"";height:1px;left:0;margin:auto;position:absolute;right:0;transform:rotate(-45deg);transform-origin:0 0;width:141%}.color-board__col.disabled .color-board__item.active:after{width:148%}.color-board__item{width:30px;height:30px;padding:1px;cursor:pointer;border:1px solid var(--color-palette-color-entry-line, rgb(var(--color-entry-line)));position:relative}.color-board__item .specialIcon{position:absolute;height:16px;width:16px;display:flex;justify-content:center;align-items:center;border-radius:4px 4px 4px 0;top:-8px;right:-7px}.color-board__item .specialIcon svg{width:12px;height:12px}.color-board__item .specialIcon svg path{fill:#fff}.color-board__item.active{border:2px solid var(--color-palette-color-text, rgb(var(--color-text)))!important}.color-board__item img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}.color-board__item--circle{border-radius:50%}.color-board__item--radius{border-radius:6px}.color-board__more{width:30px;height:30px;cursor:pointer}.color-board__more{display:flex;justify-content:center;align-items:center;position:relative}.color-board__more_number{width:30px;height:30px;line-height:30px;cursor:pointer;text-align:center;word-break:keep-all}.color-board__more__item{margin-left:4px;width:4px;height:4px;background-color:var(--color-palette-color-text, rgb(var(--color-text)));border-radius:50%}.color-board__more__item:first-child{margin-left:0}.more__popover__box{position:absolute;top:36px}.more__popover{position:relative;height:100%;margin-top:16px;max-width:204px;padding:12px;background-color:var(--color-palette-color-page-background, rgb(var(--color-background)));border-radius:10px;cursor:default;display:flex;flex-wrap:wrap;box-sizing:border-box;box-shadow:0 0 6px;box-shadow:0 0 8px rgba(0,0,0,.1);z-index:50;width:max-content}.more__popover-more{display:flex;align-items:center}.more__popover-more-text{margin-right:4px}.more__popover-more-text:hover{cursor:pointer;text-decoration:underline}[dir=rtl] .more__popover-more-icon{transform:rotate(180deg)}.color-board__grid{display:flex;flex-wrap:wrap}.more__popover .more__popover-arrow{position:absolute;width:45px;height:15px;right:3px;top:-15px;cursor:default;overflow:hidden}.more__popover-arrow-content{display:block;width:20px;height:20px;transform:rotate(-60deg) skew(-30deg) scaleY(.866);border-top-right-radius:30%;background-color:var(--color-palette-color-page-background, rgb(var(--color-background)));box-shadow:0 0 8px rgba(0,0,0,.1);position:absolute;top:10px;left:15px}@media (min-width: 768px){.plugin-color-board,.color-board__main{max-width:100%}.color-board__scroll{flex-wrap:wrap}}@media (max-width: 768px){.plugin-color-board .color-board__box{max-width:120px;margin:0 -3px}.plugin-color-board .color-board__col{padding:2px}.plugin-color-board .color-board__more{height:26px}.plugin-color-board .color-board__more_arrow{padding-top:4px}.plugin-color-board .color-board__more_arrow svg{width:70%;height:70%}.plugin-color-board .color-board__more_number{line-height:26px;height:26px}.plugin-color-board .color-board__item{width:26px;height:26px}}.color-board__box{touch-action:none}.show-color-item-img.seed-color-img{object-fit:var(--image-fill-type, cover);transition:opacity .4s cubic-bezier(.25,.46,.45,.94)}.card__media_color_board{z-index:2;cursor:pointer!important}.card__media_color_board.card__media_color_board_theme3{z-index:inherit}