:root{--color-white:#fff;--color-black:#000}.stock-by-locations .modal .modal-content{bottom:unset;height:100dvh;left:unset;max-width:600px;min-width:unset;overflow:hidden;padding:64px 64px 36px;right:0;top:0;transform:unset;width:100%}@media(max-width:767px){.stock-by-locations .modal .modal-content{padding:64px 24px 6px}}.stock-by-locations .modal .modal-content .modal-close{display:none}.stock-by-locations__open-btn{align-items:center;border:1px solid #03407c;border-radius:5px;color:#444;display:flex;font-size:1.4rem;gap:20px;justify-content:space-between;padding:12px;transition:all .3s ease}.stock-by-locations__open-btn:hover{border-color:#000;color:#000}.stock-by-locations__open-btn svg{min-width:6px;width:6px}.stock-by-locations__modal{display:flex;flex-direction:column;gap:24px;max-height:calc(100dvh - 100px);width:100%}@media(max-width:767px){.stock-by-locations__modal{max-height:calc(100dvh - 70px)}}.stock-by-locations__modal-header{align-items:center;display:flex;gap:24px;justify-content:space-between;width:100%}.stock-by-locations__modal-title{color:#2a4b8e;font-size:2.4rem;font-weight:700;line-height:2.8rem;margin:0}.stock-by-locations__modal-filters{display:flex;flex-direction:column;gap:8px;width:100%}.stock-by-locations__modal-filters-select{position:relative}.stock-by-locations__modal-filters-select svg{bottom:0;margin:auto 0;position:absolute;right:12px;top:0}.stock-by-locations__modal-filters input,.stock-by-locations__modal-filters select{apperance:none;-moz-appearance:none;-webkit-appearance:none;background-color:#fff;border:1px solid #03407c;border-radius:5px;color:#444;height:40px;margin:0;padding:12px;transition:all .3s ease;width:100%}.stock-by-locations__modal-filters input:active,.stock-by-locations__modal-filters input:focus,.stock-by-locations__modal-filters input:hover,.stock-by-locations__modal-filters select:active,.stock-by-locations__modal-filters select:focus,.stock-by-locations__modal-filters select:hover{border-color:#000;color:#000}.stock-by-locations__modal-text{color:#2a4b8e;font-size:1rem;font-weight:700;line-height:1.6rem;margin:0}.stock-by-locations__modal-location-list{display:grid;flex-grow:1;gap:4px;grid-template-columns:1fr;overflow-y:auto;padding-right:6px;width:100%}.stock-by-locations__modal-location-list::-webkit-scrollbar{border-radius:8px;width:5px}.stock-by-locations__modal-location-list::-webkit-scrollbar-track{background-color:#f9f9f9;border-radius:8px}.stock-by-locations__modal-location-list::-webkit-scrollbar-thumb{background-color:#2a4b8e;border-radius:8px}.stock-by-locations__modal-location-list::-webkit-scrollbar-thumb:hover{background-color:#000}.stock-by-locations__modal-location{align-items:center;background-color:#f9f9f9;border-radius:8px;display:grid;gap:24px;grid-template-columns:1fr auto;padding:8px 16px}.stock-by-locations__modal-location.no-stock{height:52px}.stock-by-locations__modal-location-info{display:flex;flex-direction:column;gap:4px}.stock-by-locations__modal-location-name{color:#000;font-size:1.4rem;font-weight:700;line-height:1.6rem;margin:0}.stock-by-locations__modal-location-address{color:#444;font-size:1rem;line-height:1.6rem;margin:0}.stock-by-locations__modal-location-quantity{color:#000;font-size:1.4rem;font-weight:700;line-height:1.6rem;margin:0}.stock-by-locations__modal-location-quantity.green{color:#2da51b}.stock-by-locations__modal-location-quantity.yellow{color:#ffc400}.stock-by-locations__modal-location-quantity.red{color:#d0021b}