#content .deliveryinfo h2 {
margin-bottom: 0.4em;
}
#content .deliveryinfo p {
margin: 0 0 0.6em;
}
#content .deliverycountdown {
visibility: hidden;
}
#content .deliverycountdown.ready {
visibility: visible;
}
#content .deliverycountdown strong {
color: var(--hdred);
font-variant-numeric: tabular-nums;
white-space: nowrap;
}
#content .deliverycutoff {
color: var(--text-soft);
}
#content .deliveryfree {
display: flex;
align-items: center;
gap: 0.5em;
padding: 0.6em 0.8em;
background: var(--blue-tint-cold);
border-left: 3px solid var(--brightblue);
}
#content .deliveryfree .icon {
fill: var(--brightblue);
width: 1.2em;
height: 1.2em;
flex-shrink: 0;
}
#content .deliveryfree--earned {
border-left-color: var(--agri);
}
#content .deliveryfree--earned .icon {
fill: var(--agri);
}
#content .deliverynext strong {
color: var(--hdred);
}
#content .deliverypallet p {
margin: 0;
}
#content .deliverypallet p + p {
margin-top: 0.4em;
}
#content .deliveryoos strong {
color: var(--hdred);
}
#content .deliverypallet {
display: flex;
align-items: flex-start;
gap: 0.5em;
padding: 0.6em 0.8em;
margin-top: 0.6em;
background: var(--blue-tint-cold);
border-left: 3px solid var(--brightblue);
}
#content .deliverypallet[hidden] {
display: none;
}
#content .deliveryinfo--pallet .deliveryparcel,
#content .deliveryinfo:not(.deliveryinfo--pallet) .deliverypalletwhen {
display: none;
}
#content .deliveryinfo p.deliveryestimate {
font-size: 0.85em;
color: var(--text-soft);
}
#content .deliverypallet .icon {
fill: var(--brightblue);
width: 1.2em;
height: 1.2em;
flex-shrink: 0;
}
#content #stocknotification {
padding: 0.6em 0.8em;
margin-top: 0.6em;
background: var(--blue-tint-cold);
border-left: 3px solid var(--hdred);
}
#content #stocknotification p {
margin: 0 0 0.6em;
padding: 0;
}
#content #stocknotification .sntitle {
font-weight: bold;
color: var(--hdred);
}
#content #stocknotification .icon {
width: 1.2em;
height: 1.2em;
flex-shrink: 0;
}
#content #stocknotification .sntitle .icon {
fill: var(--hdred);
vertical-align: -0.2em;
margin-right: 0.3em;
}
#content #stocknotification .snequivalent {
display: flex;
align-items: center;
gap: 0.75em;
margin: 0 0 0.75em;
padding: 0.5em;
background: var(--panel-bg);
border: 1px solid var(--rule);
border-radius: 4px;
color: inherit;
text-decoration: none;
}
#content #stocknotification .snequivalent:hover,
#content #stocknotification .snequivalent:focus-visible {
border-color: var(--brightblue);
}
#content #stocknotification .snequivalentimg {
flex: 0 0 64px;
height: 64px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
#content #stocknotification .snequivalenttext {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
gap: 0.15em;
line-height: 1.3;
}
#content #stocknotification .snequivalentlabel,
#content #stocknotification .snequivalentprice {
font-size: 0.85em;
color: var(--text-soft);
}
#content #stocknotification .snequivalentamount {
color: var(--text);
font-size: 1.15em;
}
#content #stocknotification .snequivalentname {
color: var(--brightblue);
}
#content #stocknotification .snequivalent:hover .snequivalentname,
#content #stocknotification .snequivalent:focus-visible .snequivalentname {
text-decoration: underline;
}
#content #stocknotification .snequivalent.d-none,
#content #stocknotification .snequivalentimg.d-none {
display: none;
}
#content #stocknotification .snrow {
display: flex;
align-items: center;
gap: 0.5em;
}
#content #stocknotification .snrow .pl-input {
flex: 1;
min-width: 0;
}
#content #stocknotification .snrow button {
flex-shrink: 0;
align-self: stretch;
margin: 0;
}
#content #stocknotification .snerror {
margin: 0.6em 0 0;
color: var(--hdred);
}
#content #stocknotification.stocknotification--done {
border-left-color: var(--agri);
}
#content #stocknotification.stocknotification--done .sntitle {
display: none !important;
}
#content #stocknotification .snsuccess {
margin: 0;
}
#content #stocknotification .snsuccess .icon {
fill: var(--agri);
}