.tab-menu{display:flex;cursor:pointer;overflow-x:auto}.tab{cursor:pointer;white-space:nowrap;padding:10px 24px;border:none;background:none;font-size:16px;border-bottom:3px solid #ccc;color:rgba(var(--color-foreground),.7)}.tab.active{border-bottom:3px solid rgb(var(--color-primary));font-weight:700;color:rgb(var(--color-foreground))}.tab-content{display:none;border-top:none}.tab-content.active{display:block}.colors-accordion{background-color:#f5f5f5}.accordion-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px}.accordion-header .h6{color:rgba(var(--color-primary))}.color-options{display:flex;padding-left:24px;padding-bottom:24px;gap:24px;margin:0;flex-wrap:wrap;overflow:auto;height:400px}.fixed-popover{position:fixed;background-color:#0003;padding:3px 4px 1px;border-radius:100%;box-shadow:0 2px 6px #0003;z-index:9999;pointer-events:none;opacity:0}.fixed-popover img{width:180px;height:180px;border-radius:100%;object-fit:cover}.catalog-item-minimized-container{display:flex;justify-content:center;flex-wrap:nowrap;gap:4px;border-radius:8px;overflow:hidden;padding:8px;background-color:rgba(var(--color-foreground),.04);font-size:14px;height:fit-content}.catalog-item-minimized{display:flex;flex-direction:column;align-items:center;gap:4px}.catalog-item-minimized__img{aspect-ratio:1/1;border-radius:100%}.text-error{color:#eb5757;font-size:12px;margin:0}.catalog-item-minimized__body{display:flex;flex-direction:column;align-items:center;text-align:center}.catalog-item-minimized__body{display:flex;flex-direction:column;justify-content:start;align-items:start;padding-inline:8px;padding-bottom:8px;width:100%;gap:4px}.catalog-item-minimized__body .row-container{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.catalog-item-minimized__body .row-container .row{width:max-content;display:flex;flex-direction:row;justify-content:start;align-items:center;gap:4px}.text-secondary{color:rgba(var(--color-foreground),.7)}.minimized-close{border-radius:100%;cursor:pointer;font-size:24px;opacity:1}.minimized-close:hover{opacity:.7}.color-swatch-container{flex:0 1 13%;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.color-swatch{position:relative;cursor:pointer}.remove-icon{position:absolute;top:16px;right:0;width:18px;height:18px;background-color:rgb(var(--color-primary));border-radius:50%;text-align:center;font-size:14px;line-height:16px;cursor:pointer;color:rgb(var(--color-primary-text))}.swatch-circle,.color-swatch img{width:80px;height:80px;border-radius:50%;object-fit:cover}.color-swatch input[type=checkbox]{visibility:hidden}.color-swatch input:checked+img{outline:3px solid rgba(var(--color-primary))}#color-swatch-name p,#color-swatch-name span{margin:0;line-height:14px;font-size:13px}#color-swatch-name .percent{color:#eb5757}#color-swatch-name .code{color:#828282;display:inline-block}.expand-input-wrapper{position:relative;display:inline-block}.custom-color-textarea{position:absolute;top:0;left:0;width:240px;height:80px;padding:8px;display:none;resize:vertical;z-index:10;border-radius:4px;border:1px solid rgba(230,229,229,.5);outline:none}.custom-color-input{margin-top:4px;width:100%;border-radius:4px;border:1px solid rgba(230,229,229,.5);outline:none;transition-property:border}.custom-color-input :hover,.custom-color-input :focus{border:1px solid rgba(230,229,229,.8)}
/*# sourceMappingURL=/cdn/shop/t/19/assets/custom-colors.css.map */