.custom-variant-picker{margin-bottom:1.5rem;font-family:Archivo,sans-serif}.custom-variant-picker .product-form__input--pill{display:flex;flex-wrap:wrap;gap:1.2rem;margin:.5rem 0 1.5rem}.custom-variant-picker label{display:inline-block;border:1px solid rgb(125,125,125);border-radius:999px;background-color:#fff;color:#4d4d4d;padding:.7rem 1.3rem;font-size:1.4rem;cursor:pointer;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.custom-variant-picker label:hover{background-color:#000;color:#fff;border-color:#000}.custom-variant-picker input[type=radio]{display:none}.custom-variant-picker input[type=radio]:checked+label{background-color:#000;color:#fff;border-color:#000}.custom-variant-picker .form__label{font-size:1.2rem;font-family:Archivo,sans-serif;margin-bottom:.5rem;color:#4d4d4d;text-align:left}.custom-variant-picker .select{position:relative;width:100%;max-width:300px;margin:0 auto 0 0}.custom-variant-picker select{width:100%;max-width:300px;padding:16px 18px 16px 15px;font-size:1.4rem;font-family:Archivo,sans-serif;color:#4d4d4d;-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' focusable='false' class='icon icon-caret' viewBox='0 0 10 6'%3E%3Cpath fill='currentColor' d='M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 1 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:9px;text-align:left;cursor:pointer;outline:none;box-shadow:none}.custom-variant-picker select:focus{border-color:#7d7d7d;outline:none;box-shadow:none}.custom-variant-picker select option{font-size:1.5rem;font-family:Archivo,sans-serif;color:#4d4d4d;outline:none;box-shadow:none}.custom-variant-picker select:hover,.custom-variant-picker select:focus{outline:none;box-shadow:none;border-color:#7d7d7d}@media screen and (max-width: 600px){.custom-variant-picker select{width:100%}.custom-variant-picker .product-form__input--pill{justify-content:center;gap:.8rem}}.custom-variant-picker .form__label{cursor:default}.hidden{display:none}.model-container{display:block;margin-top:1rem;opacity:1;transition:opacity .3s ease}
/*# sourceMappingURL=/cdn/shop/t/50/assets/component-case-variant-picker.css.map */