/* VariationColors Show — frontend styles */
.vcs-widget{display:block;width:100%;box-sizing:border-box}
.vcs-title{display:block;width:100%;box-sizing:border-box;line-height:1.5}
.vcs-title--top{margin-bottom:8px}
.vcs-title--bottom{margin-top:8px}
.vcs-items{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;width:100%;box-sizing:border-box}
.vcs-item{position:relative;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;box-sizing:border-box;border-style:solid;border-width:0;border-color:#e5e7eb;background:transparent;color:inherit;line-height:1.4;outline:none;overflow:visible}
.vcs-item--visual{width:24px;height:24px;min-width:1px;min-height:1px;padding:0}
.vcs-color,.vcs-image{display:block;width:100%;height:100%;min-width:0;min-height:0;box-sizing:border-box}
.vcs-color{background:var(--vcs-color,#d1d5db)}
.vcs-image{background-image:var(--vcs-image);background-position:center;background-repeat:no-repeat;background-size:cover}
.vcs-item--visual .vcs-color,.vcs-item--visual .vcs-image{overflow:hidden}
.vcs-item--text{min-width:0;width:auto;height:auto;overflow:visible}
.vcs-widget--full-text .vcs-items{width:100%}
.vcs-item--comma:not(:last-child)::after{content:var(--vcs-text-separator,"،");margin-inline-start:4px;margin-inline-end:4px;color:inherit}
.vcs-tooltip{position:absolute;left:50%;bottom:calc(100% + 9px);z-index:99999;display:block;width:max-content;max-width:240px;padding:6px 9px;border-radius:5px;background:#111;color:#fff;font-size:12px;font-weight:400;line-height:1.4;white-space:nowrap;text-align:center;pointer-events:none;opacity:0;visibility:hidden;transform:translate(-50%,4px);transition:opacity .16s ease,transform .16s ease,visibility .16s ease;box-shadow:0 5px 18px rgba(0,0,0,.16)}
.vcs-tooltip::after{content:"";position:absolute;left:50%;top:100%;width:0;height:0;border-style:solid;border-width:5px 5px 0 5px;border-color:#111 transparent transparent transparent;transform:translateX(-50%)}
.vcs-item:hover .vcs-tooltip,.vcs-item:focus .vcs-tooltip{opacity:1;visibility:visible;transform:translate(-50%,0)}
@media(max-width:767px){.vcs-tooltip{max-width:180px;white-space:normal}}