:root{--sizes--font: 1.1rem;--sizes--font--mobile: 1.3rem;--sizes--image--option: 40px;--sizes--image--option--mobile: 75px;--sizes--image--select: 24px;--sizes--image--select--mobile: 30px}.image-select{position:relative}.image-select:not(.open) .image-select-toggle{border-radius:.375rem}.image-select.open-down .image-select-menu{top:100%;bottom:auto;border-top:0;border-bottom-left-radius:.75rem;border-bottom-right-radius:0;border-top-left-radius:0;border-top-right-radius:0}.image-select.open-down .image-select-toggle{border-bottom-left-radius:0;border-bottom-right-radius:0}.image-select.open-up .image-select-menu{bottom:100%;top:auto;border-top:1px solid #ced4da;border-bottom:0;border-top-left-radius:.75rem;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.image-select.open-up .image-select-toggle{border-top-left-radius:0;border-top-right-radius:0}.image-select-menu{background:#fff;border:1px solid #ced4da;display:none;max-height:250px;overflow-y:auto;position:absolute;width:100%;z-index:1000}.image-select-native{height:100%;opacity:0;pointer-events:none;position:absolute;width:100%}.image-select-option{align-items:center;cursor:pointer;display:flex;font-size:var(--sizes--font);gap:.5rem;padding:.25rem .5rem}.image-select-option:hover{background:#f8f9fa}.image-select-option img{height:var(--sizes--image--option);object-fit:cover;width:var(--sizes--image--option)}.image-select.open .image-select-menu{display:block}.image-select-option.selected{background:#f8f9fa;font-weight:700}.image-select-toggle{align-items:center;-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:16px 12px;border:1px solid #ced4da;border-radius:.375rem;color:#212529;display:flex;font-size:var(--sizes--font);padding:.375rem 2.25rem .375rem .75rem;text-align:left;width:100%}.image-select-toggle:focus{box-shadow:none;outline:none}.image-select-toggle img{height:var(--sizes--image--select);margin-right:.5rem;object-fit:cover;width:var(--sizes--image--select)}.image-select-toggle .toggle-label{color:#6c757d;display:none;font-size:.85rem;margin-left:auto;opacity:0;pointer-events:none;transition:opacity .5s ease;white-space:nowrap}.image-select:has(.image-select-native:valid) .image-select-toggle .toggle-label{opacity:1}.input-group .image-select{flex:1 1 auto;width:1%}.input-group .image-select:not(:last-child) .image-select-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.input-group .image-select:not(:first-child) .image-select-toggle{border-top-left-radius:0;border-bottom-left-radius:0}@media(max-width:991.98px){body{overscroll-behavior:none}.image-select-close{color:#dc3545;background-color:currentColor;display:inline-block;height:1.3rem;margin-left:auto;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;pointer-events:none;width:1.3rem}.image-select.open .image-select-menu{box-shadow:0 -10px 30px #00000026}.image-select-menu{border-radius:.75rem .75rem 0 0;bottom:0;left:0;max-height:60vh;overscroll-behavior:contain;position:fixed;right:0;top:auto}.image-select-option{align-items:center;display:flex;font-size:var(--sizes--font--mobile);gap:.75rem;padding:.75rem}.image-select-option.selected{background:#f1f3f5;border-left:3px solid #0d6efd;font-weight:500}.image-select-option img{flex-shrink:0;height:var(--sizes--image--option--mobile);object-fit:cover;width:var(--sizes--image--option--mobile)}.image-select-text{flex:1}.image-select-toggle{font-size:var(--sizes--font--mobile)}.image-select-toggle img{height:var(--sizes--image--select--mobile);width:var(--sizes--image--select--mobile)}.image-select .toggle-text{flex:1 1 auto;margin-right:5px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(min-width:992px){.image-select-close{display:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/dropdown.css.map */