.checkout-candy {
    background: linear-gradient(180deg, #f3fbff 0 18%, #bee6f2 18% 27%, #00a9a2 27% 72%, #067c79 72% 100%);
    box-shadow: inset 0 5px 0 #ffffff70, 0 9px 0 #075955, 0 16px 24px #184a4538;
}
.checkout-candy .checkoutBelt { left: 116px; width: 72px; }
.checkout-candy .checkoutNameTag { display: none; }
.candyCheckoutShelf {
    position: absolute; left: 10px; top: 10px; width: 100px; height: 116px;
    border: 4px solid #d6eef2; border-radius: 7px;
    background: #183e51; box-shadow: 0 4px 0 #0b5962, inset 0 0 0 2px #558392;
    cursor: pointer;
}
.candyRackRows {
    position: absolute; inset: 7px 3px 31px;
    background: repeating-linear-gradient(to top, #eec551 0 5px, #47788a 5px 9px, transparent 9px 33px);
}
.candyCheckoutProducts { position: absolute; inset: 7px 4px 34px; pointer-events: none; }
.candyCheckoutProducts .shelfProducts { position: absolute; inset: 0; width: auto; height: auto; transform: none; }
.candyCheckoutProducts .shelfProduct { width: 17px; height: 25px; }
.candyCheckoutProducts .productVisual { width: 17px; height: 25px; }
.candyCheckoutStock {
    position: absolute; left: -2px; bottom: -2px; width: 96px; min-height: 34px;
    padding: 3px; border: 2px solid #d3eaf5; border-radius: 5px;
    background: #fff; color: #0758b8; font: 700 10px/12px Arial, sans-serif;
    white-space: normal; overflow-wrap: anywhere; cursor: pointer;
}
.candyCheckoutStock:hover { background: #eafaff; }
.candyCheckoutStock:focus-visible { outline: 3px solid #ffcc33; }
.candyCheckoutAccess { display: none; }
.market.is-editing .candyCheckoutAccess {
    display: block; position: absolute; left: 12px; bottom: -14px; width: 94px; height: 6px;
    border-radius: 3px; background: #17d763; box-shadow: 0 0 0 3px #08752e55;
}
.market.is-editing .candyCheckoutStock { cursor: grab; pointer-events: none; }