.variant-bar{padding:14px var(--padding-x)}.variant-bar__grid{display:grid;height:100%;grid-template-columns:1fr auto;gap:25px}.variant-bar__close{margin:auto;margin-right:0;display:block}.variant-content__grid{display:grid;grid-template-columns:1fr auto;align-items:center}.variant-content .variant-size,.variant-content .variant-color,.variant-content__variants,.variant-content__right{display:flex;align-items:center}.variant-content .btn-solid{padding:10px 60px;letter-spacing:.05em;line-height:1.3em;font-size:14px;margin-left:140px}.variant-content .variant-size{position:relative;padding-right:6px}.variant-content .variant-size::after{content:" ";position:absolute;height:35px;top:50%;transform:translateY(-50%);width:1px;background:#000;right:0}.variant-content .variant-size>h4{margin-right:16px}.variant-content .variant-size .sizes-list>li{margin-right:16px}.variant-content .variant-color{padding-left:22px}.variant-content .variant-color__image{height:25px;width:25px;border-radius:50%;overflow:hidden;border:solid 1px #000;margin-right:15px}.variant-content .variant-color__image img{height:100%;width:100%;object-fit:cover}/*# sourceMappingURL=component-variant-bar.css.map */