@salla.sa/twilight-components 2.14.576 → 2.14.577

package/dist/collection/components/salla-bullet-delivery/salla-bullet-delivery.css

@@ -1,12 +1,13 @@
-/*!twlt*/@supports (interpolate-size: allow-keywords) and (block-size: calc-size(auto, size)) {
-  .s-bullet-delivery .s-bullet-delivery-modal .s-modal-body, .s-bullet-delivery-inner {
+/*!twlt*/@charset "UTF-8";
+@supports (interpolate-size: allow-keywords) and (block-size: calc-size(auto, size)) {
+  .s-bullet-delivery .s-bullet-delivery-modal .s-modal-body, .s-bullet-delivery-inner{
     interpolate-size: allow-keywords;
   }
-  .s-bullet-delivery .s-bullet-delivery-modal .s-modal-body {
+  .s-bullet-delivery .s-bullet-delivery-modal .s-modal-body{
     overflow: clip;
     transition: block-size 500ms ease;
   }
-  .s-bullet-delivery-inner {
+  .s-bullet-delivery-inner{
     overflow: clip;
     transition: block-size 500ms ease;
     block-size: calc-size(auto, size);
@@ -18,13 +19,43 @@
   overflow: visible !important;
 }
 
+.s-bullet-delivery-form-actions.s-bullet-delivery-form-actions--single {
+  padding-bottom: 0;
+  flex-direction: column;
+  gap: 0;
+}
+
+.s-bullet-delivery-addresses-list.s-scrollbar::-webkit-scrollbar-track,
+.s-bullet-delivery-branches-list.s-scrollbar::-webkit-scrollbar-track {
+  background-color: transparent;
+}
+
+.s-bullet-delivery-back-to-list-link {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 2px;
+  width: 100%;
+  margin-top: 12px;
+  background: none;
+  border: none;
+  color: var(--color-primary, #004956);
+  font-size: 14px;
+  font-weight: 500;
+  cursor: pointer;
+  padding: 0;
+}
+.s-bullet-delivery-back-to-list-link i {
+  font-size: 12px;
+}
+
 .first-letter-cap::first-letter {
   text-transform: uppercase;
 }
 
 .s-bullet-delivery-map-container {
   width: 100%;
-  height: 450px;
+  height: 320px;
   border-radius: 8px;
   overflow: hidden;
   margin-bottom: 12px;
@@ -39,45 +70,38 @@
   display: flex;
   flex-direction: column;
   gap: 20px;
-  padding: 0 24px;
+  animation: s-bullet-delivery-fade-in 200ms ease;
 }
 
 .s-bullet-delivery-address-confirm-card {
   display: flex;
-  align-items: flex-start;
+  align-items: center;
   gap: 12px;
+  border: 1px solid #eee;
+  border-radius: 6px;
+  padding: 12px;
 }
 
-.s-bullet-delivery-address-confirm-edit {
-  border: 1px solid #eee;
-  border-radius: 8px;
-  padding: 6px 12px;
-  font-size: 12px;
-  font-weight: 500;
-  line-height: 1;
-  color: #333;
-  background: white;
-  cursor: pointer;
-  white-space: nowrap;
-  height: 32px;
-  flex-shrink: 0;
-  align-self: center;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
+/* mini-map.svg no longer self-clips/shadows (its id-based mask/filter broke when
+   the icon repeats on one page, e.g. one per saved-address row) — do it in CSS
+   instead so every usage of the icon stays correct regardless of how many are
+   on the page at once. */
+.s-bullet-delivery-address-map-icon {
+  overflow: hidden;
+  border-radius: 9px;
 }
 
 .s-bullet-delivery-address-confirm-details {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
-  gap: 4px;
   flex: 1;
   min-width: 0;
 }
 
 .s-bullet-delivery-address-confirm-label {
   font-size: 12px;
+  line-height: 16px;
   color: #666;
 }
 
@@ -89,28 +113,6 @@
   word-break: break-word;
 }
 
-.s-bullet-delivery-address-confirm-tag {
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  border: 1px solid #eee;
-  border-radius: 140px;
-  padding: 4px 8px;
-  font-size: 12px;
-  color: #333;
-  margin-top: 4px;
-}
-
-.s-bullet-delivery-address-confirm-tag-icon {
-  width: 9px;
-  display: inline-flex;
-  flex-shrink: 0;
-}
-.s-bullet-delivery-address-confirm-tag-icon svg {
-  width: 100%;
-  height: 100%;
-}
-
 .s-bullet-delivery-address-confirm-description {
   display: flex;
   flex-direction: column;
@@ -135,6 +137,7 @@
   border-radius: 8px;
   padding: 10px 12px;
   font-size: 14px;
+  margin-bottom: 16px;
 }
 
 .s-bullet-delivery-login-prompt {
@@ -208,7 +211,7 @@
   background: #efebe9;
   border-color: #6d4c41;
 }
-.sr-only {
+.sr-only{
   position: absolute;
   width: 1px;
   height: 1px;
@@ -219,70 +222,70 @@
   white-space: nowrap;
   border-width: 0;
 }
-.visible {
+.visible{
   visibility: visible;
 }
-.static {
+.static{
   position: static;
 }
-.mb-1 {
+.mb-1{
   margin-bottom: 0.25rem;
 }
-.inline {
+.inline{
   display: inline;
 }
-.flex {
+.flex{
   display: flex;
 }
-.inline-flex {
+.inline-flex{
   display: inline-flex;
 }
-.resize {
+.resize{
   resize: both;
 }
-.flex-col {
+.flex-col{
   flex-direction: column;
 }
-.items-center {
+.items-center{
   align-items: center;
 }
-.gap-1 {
+.gap-1{
   gap: 0.25rem;
 }
-.text-start {
+.text-start{
   text-align: start;
 }
-.\!text-blue-600 {
+.\!text-blue-600{
   --tw-text-opacity: 1 !important;
   color: rgb(37 99 235 / var(--tw-text-opacity, 1)) !important;
 }
-.text-red-500 {
+.text-red-500{
   --tw-text-opacity: 1;
   color: rgb(239 68 68 / var(--tw-text-opacity, 1));
 }
-.underline {
+.underline{
   text-decoration-line: underline;
 }
-.shadow {
+.shadow{
   --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-.outline {
+.outline{
   outline-style: solid;
 }
-.filter {
+.filter{
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
-.transition {
+.transition{
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
-.s-hidden {
+.s-hidden{
   display: none;
 }
-.form-input {
+.form-input{
   height: 2.5rem;
   width: 100%;
   border-radius: 0.375rem;
@@ -292,26 +295,26 @@
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 300ms;
 }
-.form-input:focus {
+.form-input:focus{
   border-color: var(--color-primary);
   --tw-ring-color: transparent;
 }
-.form-input:is(.dark *) {
+.form-input:is(.dark *){
   --tw-border-opacity: 1;
   border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
   --tw-bg-opacity: 1;
   background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
 }
-.form-input:focus:is(.dark *) {
+.form-input:focus:is(.dark *){
   border-color: var(--color-primary);
 }
-@media (min-width: 640px) {
-  .form-input {
+@media (min-width: 640px){
+  .form-input{
     font-size: 0.875rem;
     line-height: 1.25rem;
   }
 }
-.\!btn {
+.\!btn{
   display: inline-flex;
   flex: 1 1 0%;
   align-items: center;
@@ -329,10 +332,10 @@
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 300ms;
 }
-.\!btn:hover {
+.\!btn:hover{
   opacity: 0.8;
 }
-.btn {
+.btn{
   display: inline-flex;
   flex: 1 1 0%;
   align-items: center;
@@ -350,23 +353,23 @@
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 300ms;
 }
-.btn:hover {
+.btn:hover{
   opacity: 0.8;
 }
-.spinner-loader.reverse {
+.spinner-loader.reverse{
   border-right-color: #9f7171 !important;
   background-color: #f98181;
 }
-.s-hidden {
+.s-hidden{
   display: none;
 }
-.s-scrollbar::-webkit-scrollbar {
+.s-scrollbar::-webkit-scrollbar{
   width: 5px;
 }
-.s-scrollbar::-webkit-scrollbar-track {
+.s-scrollbar::-webkit-scrollbar-track{
   background-color: #eee;
 }
-.s-scrollbar::-webkit-scrollbar-thumb {
+.s-scrollbar::-webkit-scrollbar-thumb{
   background-color: var(--color-primary);
   border-radius: 10px;
   -webkit-border-radius: 10px;
@@ -374,45 +377,45 @@
   -ms-border-radius: 10px;
   -o-border-radius: 10px;
 }
-.s-bullet-delivery .s-bullet-delivery-modal .s-modal-body {
+.s-bullet-delivery .s-bullet-delivery-modal .s-modal-body{
   padding: 0px;
 }
-@media (min-width: 768px) {
-  .s-bullet-delivery .s-bullet-delivery-modal .s-modal-body {
+@media (min-width: 768px){
+  .s-bullet-delivery .s-bullet-delivery-modal .s-modal-body{
     max-height: 70dvh;
     overflow-y: auto;
   }
 }
-.s-bullet-delivery .s-bullet-delivery-modal .s-modal-body:has(.s-searchable-dropdown--open) {
+.s-bullet-delivery .s-bullet-delivery-modal .s-modal-body:has(.s-searchable-dropdown--open){
   overflow: visible !important;
 }
-.s-bullet-delivery-inner {
+.s-bullet-delivery-inner{
   min-block-size: 0;
 }
-.s-bullet-delivery-header {
+.s-bullet-delivery-header{
   margin-bottom: 1.5rem;
   text-align: start;
 }
-.s-bullet-delivery-title {
+.s-bullet-delivery-title{
   display: block;
   font-size: 1.25rem;
   line-height: 1.75rem;
   font-weight: 700;
   color: var(--color-primary-dark);
 }
-.s-bullet-delivery-subtitle {
+.s-bullet-delivery-subtitle{
   margin-top: 0.25rem;
   display: block;
   font-size: 0.875rem;
   line-height: 1.25rem;
   color: var(--color-primary-dark);
 }
-.s-bullet-delivery-tabs {
+.s-bullet-delivery-tabs{
   margin-bottom: 1.5rem;
   display: flex;
   gap: 0.5rem;
 }
-.s-bullet-delivery-tab {
+.s-bullet-delivery-tab{
   display: flex;
   flex: 1 1 0%;
   cursor: pointer;
@@ -436,18 +439,18 @@
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 200ms;
 }
-.s-bullet-delivery-tab:hover {
+.s-bullet-delivery-tab:hover{
   background-color: color-mix(in srgb,var(--color-primary) 5%,transparent);
 }
-.s-bullet-delivery-tab--active {
+.s-bullet-delivery-tab--active{
   border-color: var(--color-primary-dark);
 }
-.s-bullet-delivery-tab svg {
+.s-bullet-delivery-tab svg{
   height: 0.875rem;
   width: 0.875rem;
   color: var(--color-primary-dark);
 }
-.s-bullet-delivery-tab-icon {
+.s-bullet-delivery-tab-icon{
   display: flex;
   height: 2rem;
   width: 2rem;
@@ -458,7 +461,7 @@
   --tw-bg-opacity: 1;
   background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
 }
-.s-bullet-delivery-allocation-out-of-coverage {
+.s-bullet-delivery-allocation-out-of-coverage{
   margin-bottom: 1rem;
   display: flex;
   width: 100%;
@@ -474,20 +477,20 @@
   --tw-text-opacity: 1;
   color: rgb(127 29 29 / var(--tw-text-opacity, 1));
 }
-.s-bullet-delivery-allocation-out-of-coverage:where([dir="ltr"], [dir="ltr"] *) {
+.s-bullet-delivery-allocation-out-of-coverage:where([dir="ltr"], [dir="ltr"] *){
   border-left-width: 4px;
   border-left-color: rgb(239 68 68 / 0.5);
 }
-.s-bullet-delivery-allocation-out-of-coverage:where([dir="rtl"], [dir="rtl"] *) {
+.s-bullet-delivery-allocation-out-of-coverage:where([dir="rtl"], [dir="rtl"] *){
   border-right-width: 4px;
   border-right-color: rgb(239 68 68 / 0.5);
 }
-.s-bullet-delivery-allocation-out-of-coverage-text {
+.s-bullet-delivery-allocation-out-of-coverage-text{
   font-size: 0.875rem;
   line-height: 1.25rem;
   line-height: 1.4;
 }
-.s-bullet-delivery-allocation-out-of-coverage-icon {
+.s-bullet-delivery-allocation-out-of-coverage-icon{
   display: inline-flex;
   flex-shrink: 0;
   align-items: center;
@@ -495,19 +498,15 @@
   --tw-text-opacity: 1;
   color: rgb(127 29 29 / var(--tw-text-opacity, 1));
 }
-.s-bullet-delivery-allocation-out-of-coverage-icon svg {
-  height: 1.25rem;
-  width: 1.25rem;
-}
-.s-bullet-delivery-content {
+.s-bullet-delivery-content{
   margin-bottom: 1.5rem;
   display: grid;
   gap: 1rem;
 }
-.s-bullet-delivery-content--active {
+.s-bullet-delivery-content--active{
   animation: s-bullet-delivery-fade-in 220ms ease-out;
 }
-.s-bullet-delivery-label {
+.s-bullet-delivery-label{
   margin-bottom: 0.5rem;
   display: block;
   font-size: 0.875rem;
@@ -516,7 +515,7 @@
   --tw-text-opacity: 1;
   color: rgb(55 65 81 / var(--tw-text-opacity, 1));
 }
-.s-bullet-delivery-error {
+.s-bullet-delivery-error{
   margin-top: 0.25rem;
   display: block;
   font-size: 0.875rem;
@@ -524,31 +523,31 @@
   --tw-text-opacity: 1;
   color: rgb(239 68 68 / var(--tw-text-opacity, 1));
 }
-.s-bullet-delivery-footer {
+.s-bullet-delivery-footer{
   display: grid;
   gap: 0.75rem;
   text-align: center;
 }
-.s-bullet-delivery-placeholder {
+.s-bullet-delivery-placeholder{
   margin-top: 1rem;
   margin-bottom: 1rem;
 }
-.s-bullet-delivery-placeholder.s-placeholder-wrapper {
+.s-bullet-delivery-placeholder.s-placeholder-wrapper{
   margin-top: 1rem !important;
   margin-bottom: 1rem !important;
 }
-.s-bullet-delivery-label-content {
+.s-bullet-delivery-label-content{
   display: inline-flex;
   align-items: center;
   gap: 0.5rem;
 }
-.s-bullet-delivery-select-loader {
+.s-bullet-delivery-select-loader{
   display: inline-flex;
   align-items: center;
   --tw-text-opacity: 1;
   color: rgb(156 163 175 / var(--tw-text-opacity, 1));
 }
-.s-bullet-delivery-search-row {
+.s-bullet-delivery-search-row{
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -557,40 +556,40 @@
   padding-left: 1px;
   padding-right: 1px;
 }
-.s-bullet-delivery-search-row .s-bullet-delivery-search {
+.s-bullet-delivery-search-row .s-bullet-delivery-search{
   min-width: 0px;
   flex: 1 1 0%;
 }
-.s-bullet-delivery-search-row .s-bullet-delivery-location-btn {
+.s-bullet-delivery-search-row .s-bullet-delivery-location-btn{
   width: auto;
   flex-shrink: 0;
 }
-.s-bullet-delivery-field-row {
+.s-bullet-delivery-field-row{
   margin-bottom: 1rem;
   display: flex;
   gap: 1rem;
 }
-.s-bullet-delivery-field-row .s-bullet-delivery-field {
+.s-bullet-delivery-field-row .s-bullet-delivery-field{
   margin-bottom: 0px;
   flex: 1 1 0%;
 }
-.s-bullet-delivery-saved-addresses-empty {
+.s-bullet-delivery-saved-addresses-empty{
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   text-align: center;
 }
-.s-bullet-delivery-saved-addresses-empty-icon {
+.s-bullet-delivery-saved-addresses-empty-icon{
   margin-bottom: 0.75rem;
   --tw-text-opacity: 1;
   color: rgb(75 85 99 / var(--tw-text-opacity, 1));
 }
-.s-bullet-delivery-saved-addresses-empty-icon svg {
+.s-bullet-delivery-saved-addresses-empty-icon svg{
   height: 2rem;
   width: 2rem;
 }
-.s-bullet-delivery-saved-addresses-empty-title {
+.s-bullet-delivery-saved-addresses-empty-title{
   margin-bottom: 0.5rem;
   font-size: 1.125rem;
   line-height: 1.75rem;
@@ -598,7 +597,7 @@
   --tw-text-opacity: 1;
   color: rgb(31 41 55 / var(--tw-text-opacity, 1));
 }
-.s-bullet-delivery-saved-addresses-empty-desc {
+.s-bullet-delivery-saved-addresses-empty-desc{
   margin-bottom: 1.5rem;
   max-width: 24rem;
   font-size: 0.875rem;
@@ -606,7 +605,7 @@
   --tw-text-opacity: 1;
   color: rgb(107 114 128 / var(--tw-text-opacity, 1));
 }
-.s-bullet-delivery-addresses-list {
+.s-bullet-delivery-addresses-list{
   display: flex;
   max-height: 260px;
   flex-direction: column;
@@ -616,12 +615,12 @@
   --tw-border-opacity: 1;
   border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
 }
-@media (min-width: 768px) {
-  .s-bullet-delivery-addresses-list {
+@media (min-width: 768px){
+  .s-bullet-delivery-addresses-list{
     max-height: 220px;
   }
 }
-.s-bullet-delivery-address-item {
+.s-bullet-delivery-address-item{
   display: flex;
   cursor: pointer;
   flex-direction: row;
@@ -638,18 +637,18 @@
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
-.s-bullet-delivery-address-item:not(.s-bullet-delivery-address-item--disabled):hover {
+.s-bullet-delivery-address-item:not(.s-bullet-delivery-address-item--disabled):hover{
   background-color: rgb(249 250 251 / 0.5);
 }
-.s-bullet-delivery-address-item--selected {
+.s-bullet-delivery-address-item--selected{
   --tw-bg-opacity: 1;
   background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
 }
-.s-bullet-delivery-address-item--disabled {
+.s-bullet-delivery-address-item--disabled{
   cursor: not-allowed;
   opacity: 0.6;
 }
-.s-bullet-delivery-address-item--skeleton {
+.s-bullet-delivery-address-item--skeleton{
   display: flex;
   cursor: default;
   align-items: center;
@@ -666,10 +665,10 @@
   padding-top: 1rem;
   padding-bottom: 1rem;
 }
-.s-bullet-delivery-address-item--skeleton .s-bullet-delivery-address-lines {
+.s-bullet-delivery-address-item--skeleton .s-bullet-delivery-address-lines{
   gap: 0.5rem;
 }
-.s-bullet-delivery-address-content {
+.s-bullet-delivery-address-content{
   display: flex;
   min-width: 0px;
   flex: 1 1 0%;
@@ -677,12 +676,12 @@
   justify-content: center;
   text-align: start;
 }
-.s-bullet-delivery-address-lines {
+.s-bullet-delivery-address-lines{
   display: flex;
   flex-direction: column;
   gap: 0.125rem;
 }
-.s-bullet-delivery-address-line1 {
+.s-bullet-delivery-address-line1{
   display: block;
   font-size: 1rem;
   line-height: 1.5rem;
@@ -691,7 +690,7 @@
   --tw-text-opacity: 1;
   color: rgb(17 24 39 / var(--tw-text-opacity, 1));
 }
-.s-bullet-delivery-address-line2 {
+.s-bullet-delivery-address-line2{
   display: block;
   font-size: 0.875rem;
   line-height: 1.25rem;
@@ -699,29 +698,29 @@
   --tw-text-opacity: 1;
   color: rgb(75 85 99 / var(--tw-text-opacity, 1));
 }
-.s-bullet-delivery-address-map-icon {
+.s-bullet-delivery-address-map-icon{
   display: grid;
   height: 2.5rem;
   width: 2.5rem;
   place-content: center;
 }
-.s-bullet-delivery-address-map-icon svg {
+.s-bullet-delivery-address-map-icon svg{
   height: 100%;
   width: 100%;
 }
-.s-bullet-delivery-skel-radio {
+.s-bullet-delivery-skel-radio{
   flex-shrink: 0;
   border-radius: 9999px;
 }
-.s-bullet-delivery-skel-map {
+.s-bullet-delivery-skel-map{
   flex-shrink: 0;
   border-radius: 0.75rem;
 }
-.s-bullet-delivery-search {
+.s-bullet-delivery-search{
   position: relative;
   flex: 1 1 0%;
 }
-.s-bullet-delivery-search-icon {
+.s-bullet-delivery-search-icon{
   pointer-events: none;
   position: absolute;
   top: 0px;
@@ -731,18 +730,18 @@
   align-items: center;
   padding-left: 0.75rem;
 }
-.s-bullet-delivery-search-icon:where([dir="rtl"], [dir="rtl"] *) {
+.s-bullet-delivery-search-icon:where([dir="rtl"], [dir="rtl"] *){
   left: auto;
   right: 0px;
   padding-left: 0px;
   padding-right: 0.75rem;
 }
-.s-bullet-delivery-search-icon svg {
+.s-bullet-delivery-search-icon svg{
   height: 0.875rem;
   width: 0.875rem;
   stroke: var(--color-primary);
 }
-.s-bullet-delivery-branch-search-wrap {
+.s-bullet-delivery-branch-search-wrap{
   display: flex;
   min-height: 40px;
   min-width: 0px;
@@ -755,14 +754,14 @@
   --tw-border-opacity: 1;
   border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
 }
-.s-bullet-delivery-branch-search-wrap:focus-within {
+.s-bullet-delivery-branch-search-wrap:focus-within{
   border-color: var(--color-primary-dark);
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
   --tw-ring-color: var(--color-primary-dark);
 }
-.s-bullet-delivery-branch-search-icon {
+.s-bullet-delivery-branch-search-icon{
   pointer-events: none;
   position: static;
   display: flex;
@@ -773,11 +772,11 @@
   --tw-text-opacity: 1;
   color: rgb(156 163 175 / var(--tw-text-opacity, 1));
 }
-.s-bullet-delivery-branch-search-icon svg {
+.s-bullet-delivery-branch-search-icon svg{
   height: 1.25rem;
   width: 1.25rem;
 }
-.s-bullet-delivery-branch-search-input {
+.s-bullet-delivery-branch-search-input{
   min-height: 40px;
   min-width: 0px;
   flex: 1 1 0%;
@@ -795,18 +794,18 @@
   --tw-shadow-colored: 0 0 #0000;
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-.s-bullet-delivery-branch-search-input::placeholder {
+.s-bullet-delivery-branch-search-input::placeholder{
   --tw-text-opacity: 1;
   color: rgb(107 114 128 / var(--tw-text-opacity, 1));
 }
-.s-bullet-delivery-branch-search-input:focus {
+.s-bullet-delivery-branch-search-input:focus{
   outline: 2px solid transparent;
   outline-offset: 2px;
   border: none;
   box-shadow: none;
   --tw-ring-shadow: none;
 }
-.s-bullet-delivery-location-btn {
+.s-bullet-delivery-location-btn{
   display: flex;
   flex-shrink: 0;
   cursor: pointer;
@@ -827,34 +826,34 @@
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
-.s-bullet-delivery-location-btn:hover {
+.s-bullet-delivery-location-btn:hover{
   --tw-bg-opacity: 1;
   background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
 }
-.s-bullet-delivery-location-btn:disabled {
+.s-bullet-delivery-location-btn:disabled{
   cursor: not-allowed;
   opacity: 0.5;
 }
-.s-bullet-delivery-location-btn--full {
+.s-bullet-delivery-location-btn--full{
   min-height: 40px;
 }
-.s-bullet-delivery-location-btn--loading {
+.s-bullet-delivery-location-btn--loading{
   --tw-bg-opacity: 1;
   background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
 }
-.s-bullet-delivery-location-icon {
+.s-bullet-delivery-location-icon{
   height: 0.875rem;
   width: 0.875rem;
   flex-shrink: 0;
 }
-.s-bullet-delivery-location-icon svg {
+.s-bullet-delivery-location-icon svg{
   height: 100%;
   width: 100%;
 }
-.s-bullet-delivery-branches-wrap {
+.s-bullet-delivery-branches-wrap{
   overflow: hidden;
 }
-.s-bullet-delivery-branches-list {
+.s-bullet-delivery-branches-list{
   max-height: min(260px, 32svh);
   overflow-y: auto;
   border-radius: 0.5rem;
@@ -862,25 +861,25 @@
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
 }
-@media (min-width: 768px) {
-  .s-bullet-delivery-branches-list {
+@media (min-width: 768px){
+  .s-bullet-delivery-branches-list{
     max-height: 220px;
   }
 }
-.s-bullet-delivery-branches-loading {
+.s-bullet-delivery-branches-loading{
   overflow: hidden;
   border-radius: 0.5rem;
   border-width: 1px;
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
 }
-.s-bullet-delivery-branch-info {
+.s-bullet-delivery-branch-info{
   display: flex;
   max-width: 6.25rem;
   flex-direction: column;
   gap: 0.125rem;
 }
-.s-bullet-delivery-branch-name {
+.s-bullet-delivery-branch-name{
   overflow: hidden;
   display: -webkit-box;
   -webkit-box-orient: vertical;
@@ -893,7 +892,7 @@
   --tw-text-opacity: 1;
   color: rgb(24 24 27 / var(--tw-text-opacity, 1));
 }
-.s-bullet-delivery-branch-prep {
+.s-bullet-delivery-branch-prep{
   text-align: start;
   font-size: 0.875rem;
   line-height: 1.25rem;
@@ -901,20 +900,20 @@
   --tw-text-opacity: 1;
   color: rgb(107 114 128 / var(--tw-text-opacity, 1));
 }
-.s-bullet-delivery-branch-time {
+.s-bullet-delivery-branch-time{
   font-size: 0.875rem;
   line-height: 1.25rem;
   font-weight: 400;
   --tw-text-opacity: 1;
   color: rgb(107 114 128 / var(--tw-text-opacity, 1));
 }
-.s-bullet-delivery-branch-time:where([dir="ltr"], [dir="ltr"] *) {
+.s-bullet-delivery-branch-time:where([dir="ltr"], [dir="ltr"] *){
   text-align: end;
 }
-.s-bullet-delivery-branch-time:where([dir="rtl"], [dir="rtl"] *) {
+.s-bullet-delivery-branch-time:where([dir="rtl"], [dir="rtl"] *){
   text-align: start;
 }
-.s-bullet-delivery-branch-map-link {
+.s-bullet-delivery-branch-map-link{
   display: flex;
   flex-shrink: 0;
   align-items: center;
@@ -931,33 +930,33 @@
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
-.s-bullet-delivery-branch-map-link:hover {
+.s-bullet-delivery-branch-map-link:hover{
   --tw-bg-opacity: 1;
   background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
 }
-.s-bullet-delivery-branch-item > .s-bullet-delivery-branch-map-link {
+.s-bullet-delivery-branch-item > .s-bullet-delivery-branch-map-link{
   position: relative;
   z-index: 10;
   pointer-events: auto;
 }
-.s-bullet-delivery-branch-map-link-icon {
+.s-bullet-delivery-branch-map-link-icon{
   display: flex;
   height: 0.875rem;
   width: 0.875rem;
   align-items: center;
   justify-content: center;
 }
-.s-bullet-delivery-branch-map-link-icon svg {
+.s-bullet-delivery-branch-map-link-icon svg{
   height: 100%;
   width: 100%;
 }
-.s-bullet-delivery-branch-skeleton-title {
+.s-bullet-delivery-branch-skeleton-title{
   max-width: 100%;
 }
-.s-bullet-delivery-branch-skeleton-time {
+.s-bullet-delivery-branch-skeleton-time{
   justify-self: end;
 }
-.s-bullet-delivery-branch-item {
+.s-bullet-delivery-branch-item{
   display: grid;
   min-width: 0px;
   cursor: pointer;
@@ -976,21 +975,21 @@
   transition-duration: 150ms;
   grid-template-columns: auto auto auto 1fr auto;
 }
-.s-bullet-delivery-branch-item:last-child {
+.s-bullet-delivery-branch-item:last-child{
   border-bottom-width: 0px;
 }
-.s-bullet-delivery-branch-item:hover:not(.s-bullet-delivery-branch-item--disabled) {
+.s-bullet-delivery-branch-item:hover:not(.s-bullet-delivery-branch-item--disabled){
   --tw-bg-opacity: 1;
   background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
 }
-.s-bullet-delivery-branch-item--selected {
+.s-bullet-delivery-branch-item--selected{
   background-color: color-mix(in srgb,var(--color-primary) 5%,transparent);
 }
-.s-bullet-delivery-branch-item--disabled {
+.s-bullet-delivery-branch-item--disabled{
   cursor: not-allowed;
   opacity: 0.5;
 }
-.s-bullet-delivery-branch-icon {
+.s-bullet-delivery-branch-icon{
   display: grid;
   place-content: center;
   border-radius: 0.75rem;
@@ -1000,16 +999,16 @@
   padding: 0.625rem;
   color: var(--color-primary-dark);
 }
-.s-bullet-delivery-branch-icon span {
+.s-bullet-delivery-branch-icon span{
   display: block;
   height: 0.875rem;
   width: 0.875rem;
 }
-.s-bullet-delivery-branch-icon span svg {
+.s-bullet-delivery-branch-icon span svg{
   height: 100%;
   width: 100%;
 }
-.s-bullet-delivery-branch-skeleton {
+.s-bullet-delivery-branch-skeleton{
   display: grid;
   min-width: 0px;
   align-items: center;
@@ -1025,38 +1024,38 @@
   padding-bottom: 0.75rem;
   grid-template-columns: auto auto auto 1fr auto;
 }
-.s-bullet-delivery-branch-skeleton:last-child {
+.s-bullet-delivery-branch-skeleton:last-child{
   border-bottom-width: 0px;
 }
-.s-bullet-delivery-branch-skeleton-radio {
+.s-bullet-delivery-branch-skeleton-radio{
   flex-shrink: 0;
 }
-.s-bullet-delivery-branch-skeleton-icon {
+.s-bullet-delivery-branch-skeleton-icon{
   flex-shrink: 0;
   border-radius: 0.75rem;
 }
-.s-bullet-delivery-branch-skeleton-icon salla-skeleton {
+.s-bullet-delivery-branch-skeleton-icon salla-skeleton{
   display: block;
 }
-.s-bullet-delivery-branch-skeleton-map {
+.s-bullet-delivery-branch-skeleton-map{
   flex-shrink: 0;
   border-radius: 0.75rem;
 }
-.s-bullet-delivery-branch-skeleton-map salla-skeleton {
+.s-bullet-delivery-branch-skeleton-map salla-skeleton{
   display: block;
 }
-.s-bullet-delivery-branch-skeleton-content {
+.s-bullet-delivery-branch-skeleton-content{
   display: flex;
   min-width: 0px;
   flex-direction: column;
   gap: 0.5rem;
   overflow: hidden;
 }
-.s-bullet-delivery-branch-skeleton-content salla-skeleton {
+.s-bullet-delivery-branch-skeleton-content salla-skeleton{
   min-width: 0px;
   max-width: 100%;
 }
-.s-bullet-delivery-radio {
+.s-bullet-delivery-radio{
   margin-top: 2px;
   height: 1rem;
   width: 1rem;
@@ -1073,33 +1072,33 @@
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
-.s-bullet-delivery-radio:checked {
+.s-bullet-delivery-radio:checked{
   border-color: var(--color-primary-dark);
   background: radial-gradient(circle,#fff 0,#fff 22%,var(--color-primary) 22%);
 }
-.s-bullet-delivery-radio:focus {
+.s-bullet-delivery-radio:focus{
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
-.s-bullet-delivery-radio:focus-visible {
+.s-bullet-delivery-radio:focus-visible{
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
   --tw-ring-color: var(--color-primary-dark);
   --tw-ring-offset-width: 2px;
 }
-.s-bullet-delivery-skeleton {
+.s-bullet-delivery-skeleton{
   box-sizing: border-box;
   min-width: 0px;
   max-width: 100%;
   overflow: hidden;
   padding: 1.25rem;
 }
-.s-bullet-delivery-skeleton salla-skeleton {
+.s-bullet-delivery-skeleton salla-skeleton{
   min-width: 0px;
   max-width: 100%;
 }
-.s-bullet-delivery-skeleton-header {
+.s-bullet-delivery-skeleton-header{
   margin-bottom: 1.5rem;
   display: flex;
   min-width: 0px;
@@ -1108,15 +1107,15 @@
   align-items: flex-start;
   gap: 0.75rem;
 }
-.s-bullet-delivery-skeleton-title {
+.s-bullet-delivery-skeleton-title{
   display: block;
   max-width: 100%;
 }
-.s-bullet-delivery-skeleton-subtitle {
+.s-bullet-delivery-skeleton-subtitle{
   display: block;
   max-width: 100%;
 }
-.s-bullet-delivery-skeleton-tabs {
+.s-bullet-delivery-skeleton-tabs{
   margin-bottom: 1.5rem;
   display: grid;
   min-width: 0px;
@@ -1124,10 +1123,10 @@
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 0.5rem;
 }
-.s-bullet-delivery-skeleton-tabs--single {
+.s-bullet-delivery-skeleton-tabs--single{
   grid-template-columns: repeat(1, minmax(0, 1fr));
 }
-.s-bullet-delivery-skeleton-tab {
+.s-bullet-delivery-skeleton-tab{
   display: flex;
   align-items: center;
   gap: 1rem;
@@ -1143,30 +1142,30 @@
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 300ms;
 }
-.s-bullet-delivery-skeleton-tab-icon {
+.s-bullet-delivery-skeleton-tab-icon{
   display: block;
   max-width: 100%;
 }
-.s-bullet-delivery-skeleton-tab-label {
+.s-bullet-delivery-skeleton-tab-label{
   display: block;
   max-width: 100%;
 }
-.s-bullet-delivery-skeleton-field-label {
+.s-bullet-delivery-skeleton-field-label{
   display: block;
   max-width: 100%;
 }
-.s-bullet-delivery-skeleton-field-control {
+.s-bullet-delivery-skeleton-field-control{
   display: block;
   max-width: 100%;
 }
-.s-bullet-delivery-skeleton-content {
+.s-bullet-delivery-skeleton-content{
   margin-bottom: 1.5rem;
   display: grid;
   min-width: 0px;
   max-width: 100%;
   gap: 1rem;
 }
-.s-bullet-delivery-skeleton-field {
+.s-bullet-delivery-skeleton-field{
   display: flex;
   min-width: 0px;
   max-width: 100%;
@@ -1174,18 +1173,18 @@
   align-items: flex-start;
   gap: 0.5rem;
 }
-.s-bullet-delivery-skeleton-footer {
+.s-bullet-delivery-skeleton-footer{
   min-width: 0px;
   max-width: 100%;
 }
-.s-bullet-delivery-add-address-header {
+.s-bullet-delivery-add-address-header{
   margin-bottom: 1.5rem;
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 0.75rem;
 }
-.s-bullet-delivery-add-address-title {
+.s-bullet-delivery-add-address-title{
   display: flex;
   width: 100%;
   flex: 1 1 0%;
@@ -1200,19 +1199,23 @@
   font-weight: 700;
   color: var(--color-primary);
 }
-.s-bullet-delivery-add-address svg {
-  height: 1.5rem;
-  width: 1.5rem;
+.s-bullet-delivery-add-address svg{
+  height: 2.5rem;
+  width: 2.5rem;
   fill: currentColor;
 }
-.s-bullet-delivery-add-address-form {
+.s-bullet-delivery-allocation-out-of-coverage-icon svg{
+  height: 1.25rem;
+  width: 1.25rem;
+}
+.s-bullet-delivery-add-address-form{
   display: grid;
   gap: 1rem;
 }
-.s-bullet-delivery-add-address-submit {
+.s-bullet-delivery-add-address-submit{
   width: 100%;
 }
-.s-bullet-delivery-form-actions {
+.s-bullet-delivery-form-actions{
   display: flex;
   gap: 0.75rem;
   border-top-width: 1px;
@@ -1220,20 +1223,20 @@
   border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
   padding-top: 1rem;
 }
-.s-bullet-delivery-form-actions salla-button {
+.s-bullet-delivery-form-actions salla-button{
   flex: 1 1 0%;
 }
-.s-bullet-delivery-form-actions--single {
+.s-bullet-delivery-form-actions--single{
   border-top-width: 1px;
   --tw-border-opacity: 1;
   border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
   padding-top: 1.25rem;
 }
-.s-bullet-delivery-form-actions--single salla-button {
+.s-bullet-delivery-form-actions--single salla-button{
   width: 100%;
   flex: 1 1 0%;
 }
-.s-bullet-delivery-market-warning-overlay {
+.s-bullet-delivery-market-warning-overlay{
   position: fixed;
   inset: 0px;
   z-index: 60;
@@ -1242,7 +1245,7 @@
   justify-content: center;
   background-color: rgb(0 0 0 / 0.5);
 }
-.s-bullet-delivery-market-warning {
+.s-bullet-delivery-market-warning{
   margin-left: 1rem;
   margin-right: 1rem;
   width: 100%;
@@ -1255,7 +1258,7 @@
   --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-.s-bullet-delivery-market-warning-title {
+.s-bullet-delivery-market-warning-title{
   margin-bottom: 0.75rem;
   font-size: 1.125rem;
   line-height: 1.75rem;
@@ -1263,21 +1266,21 @@
   --tw-text-opacity: 1;
   color: rgb(17 24 39 / var(--tw-text-opacity, 1));
 }
-.s-bullet-delivery-market-warning-message {
+.s-bullet-delivery-market-warning-message{
   margin-bottom: 1.5rem;
   font-size: 0.875rem;
   line-height: 1.25rem;
   --tw-text-opacity: 1;
   color: rgb(75 85 99 / var(--tw-text-opacity, 1));
 }
-.s-bullet-delivery-market-warning-actions {
+.s-bullet-delivery-market-warning-actions{
   display: flex;
   gap: 0.75rem;
 }
-.s-bullet-delivery-market-warning-actions salla-button {
+.s-bullet-delivery-market-warning-actions salla-button{
   flex: 1 1 0%;
 }
-.s-bullet-delivery-cart-view {
+.s-bullet-delivery-cart-view{
   margin-bottom: 1rem;
   display: flex;
   align-items: center;
@@ -1289,33 +1292,33 @@
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
   padding: 1rem;
 }
-.s-bullet-delivery-cart-view-info {
+.s-bullet-delivery-cart-view-info{
   display: flex;
   min-width: 0px;
   flex: 1 1 0%;
   align-items: center;
   gap: 0.75rem;
 }
-.s-bullet-delivery-cart-view-text {
+.s-bullet-delivery-cart-view-text{
   display: flex;
   flex-direction: column;
   text-align: start;
 }
-.s-bullet-delivery-cart-view-title {
+.s-bullet-delivery-cart-view-title{
   font-size: 1rem;
   line-height: 1.5rem;
   font-weight: 600;
   --tw-text-opacity: 1;
   color: rgb(17 24 39 / var(--tw-text-opacity, 1));
 }
-.s-bullet-delivery-cart-view-subtitle {
+.s-bullet-delivery-cart-view-subtitle{
   font-size: 0.875rem;
   line-height: 1.25rem;
   --tw-text-opacity: 1;
   color: rgb(107 114 128 / var(--tw-text-opacity, 1));
   margin-block-start: 0.125rem;
 }
-.s-bullet-delivery-cart-view-icon {
+.s-bullet-delivery-cart-view-icon{
   display: flex;
   height: 3.5rem;
   width: 3.5rem;
@@ -1327,12 +1330,12 @@
   background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
   color: var(--color-primary-dark);
 }
-.s-bullet-delivery-cart-view-icon svg {
+.s-bullet-delivery-cart-view-icon svg{
   height: 1.25rem;
   width: 1.25rem;
   stroke: currentColor;
 }
-.s-bullet-delivery-cart-view-button {
+.s-bullet-delivery-cart-view-button{
   flex-shrink: 0;
   align-self: center;
 }