.variant-options{display:flex;flex:0 0 100%;flex-direction:column;position:relative}.variant-options .option-group{margin-bottom:24px}.variant-options .option-group h3{margin-bottom:8px}.variant-options .variant-options-container{align-content:flex-start;align-items:flex-start;display:flex;flex-wrap:wrap;gap:6px}.variant-options .variant-options-container .variant{align-items:center;background:#fff;border:1px solid #ddddde;border-radius:100px;cursor:pointer;display:flex;flex:0 0 auto;gap:6px;justify-content:center}.variant-options .variant-options-container .variant:hover{background:#f3f3f3}.variant-options .variant-options-container .variant:not(.media){padding:6px 14px}.variant-options .variant-options-container .variant.media{background:transparent;border-color:transparent}.variant-options .variant-options-container .variant.media span.media{border-bottom:3px solid transparent;display:block;height:31px;width:24px}.variant-options .variant-options-container .variant.media img{border-radius:50%;height:24px;width:24px}.variant-options .variant-options-container .variant.selected.media span.media{border-color:#fbc805}.variant-options .variant-options-container .variant.selected:not(.media){background:#fbc8051a;border:1px solid #fbc805;padding:6px 30px 6px 14px;position:relative}.variant-options .variant-options-container .variant.selected:not(.media) p{margin-right:6px}.variant-options .variant-options-container .variant.selected:not(.media):after{content:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%2307041E' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13.333 4.667 6 12 2.667 8.667'/%3E%3C/svg%3E");height:16px;position:absolute;right:14px;width:16px}