.grid-cart-item-wrapper{display:grid;gap:1rem;margin-bottom:1rem}.grid-cart-item{container-type:inline-size}.grid-cart-item>div{display:grid;gap:1rem;grid-template-columns:40px 1fr;border:1px solid #387bbf;background-color:oklch(from #387bbf .95 calc(c * 0.1) h);padding:.5rem;border-radius:.5rem;grid-template-areas:"image image" "name name" "qty-controls qty-controls" "delete-button price"}.grid-cart-item>div .grid-cart-item__image{grid-area:image;justify-self:center}.grid-cart-item>div .grid-cart-item__image img{border-radius:.5rem}.grid-cart-item>div .grid-cart-item__name{grid-area:name;text-align:center;font-size:1.1em}.grid-cart-item>div .grid-cart-item__controls{grid-area:qty-controls}.grid-cart-item>div .grid-cart-item__delete-button{grid-area:delete-button}.grid-cart-item>div .grid-cart-item__price{grid-area:price;align-self:end;text-align:right;font-size:inherit}.grid-cart-item>div .grid-cart-item__price .price-each{font-size:.7em}@container(min-width:350px){.grid-cart-item>div{grid-template-columns:40px auto 100px;grid-template-rows:auto 1fr 55px;grid-template-areas:"image image image" "name name name" "delete-button qty-controls price"}}@container(min-width:640px){.grid-cart-item>div{grid-template-columns:120px 1fr 100px;grid-template-rows:1fr 60px;grid-template-areas:"image name delete-button" "image qty-controls price"}.grid-cart-item>div .grid-cart-item__name{text-align:left}.grid-cart-item>div .grid-cart-item__delete-button{align-self:flex-start}}@container(max-width:640px){.grid-cart-item.grid-cart-item--summary-mode{background-color:red}.grid-cart-item.grid-cart-item--summary-mode>div{grid-template-rows:1fr 60px;grid-template-columns:60px auto auto;grid-template-areas:"name name name" "image price price"}.grid-cart-item.grid-cart-item--summary-mode>div .grid-cart-item__controls,.grid-cart-item.grid-cart-item--summary-mode>div .grid-cart-item__details{display:none}.grid-cart-item.grid-cart-item--summary-mode>div .grid-cart-item__name{font-size:auto}}.grid-cart-item__quantity-button{background-color:#387bbf;background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBzdHlsZT0iZmlsbDojZjdmYmZmIiBkPSJNMjU2IDgwYzAtMTcuNy0xNC4zLTMyLTMyLTMycy0zMiAxNC4zLTMyIDMybDAgMTQ0TDQ4IDIyNGMtMTcuNyAwLTMyIDE0LjMtMzIgMzJzMTQuMyAzMiAzMiAzMmwxNDQgMCAwIDE0NGMwIDE3LjcgMTQuMyAzMiAzMiAzMnMzMi0xNC4zIDMyLTMybDAtMTQ0IDE0NCAwYzE3LjcgMCAzMi0xNC4zIDMyLTMycy0xNC4zLTMyLTMyLTMybC0xNDQgMCAwLTE0NHoiLz48L3N2Zz4=');background-position:center center;background-repeat:no-repeat;background-size:50%;transition:background 200ms ease-in-out;overflow:hidden;cursor:pointer;width:42px}.grid-cart-item__quantity-button.minus{background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBzdHlsZT0iZmlsbDojZjdmYmZmIiBkPSJNNDMyIDI1NmMwIDE3LjctMTQuMyAzMi0zMiAzMkw0OCAyODhjLTE3LjcgMC0zMi0xNC4zLTMyLTMyczE0LjMtMzIgMzItMzJsMzUyIDBjMTcuNyAwIDMyIDE0LjMgMzIgMzJ6Ii8+PC9zdmc+')}.grid-cart-item__delete-button{background-position:center center;background-repeat:no-repeat;background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBzdHlsZT0iZmlsbDojY2M0YjM3IiBkPSJNMTM1LjIgMTcuN0MxNDAuNiA2LjggMTUxLjcgMCAxNjMuOCAwTDI4NC4yIDBjMTIuMSAwIDIzLjIgNi44IDI4LjYgMTcuN0wzMjAgMzJsOTYgMGMxNy43IDAgMzIgMTQuMyAzMiAzMnMtMTQuMyAzMi0zMiAzMkwzMiA5NkMxNC4zIDk2IDAgODEuNyAwIDY0UzE0LjMgMzIgMzIgMzJsOTYgMCA3LjItMTQuM3pNMzIgMTI4bDM4NCAwIDAgMzIwYzAgMzUuMy0yOC43IDY0LTY0IDY0TDk2IDUxMmMtMzUuMyAwLTY0LTI4LjctNjQtNjRsMC0zMjB6bTk2IDY0Yy04LjggMC0xNiA3LjItMTYgMTZsMCAyMjRjMCA4LjggNy4yIDE2IDE2IDE2czE2LTcuMiAxNi0xNmwwLTIyNGMwLTguOC03LjItMTYtMTYtMTZ6bTk2IDBjLTguOCAwLTE2IDcuMi0xNiAxNmwwIDIyNGMwIDguOCA3LjIgMTYgMTYgMTZzMTYtNy4yIDE2LTE2bDAtMjI0YzAtOC44LTcuMi0xNi0xNi0xNnptOTYgMGMtOC44IDAtMTYgNy4yLTE2IDE2bDAgMjI0YzAgOC44IDcuMiAxNiAxNiAxNnMxNi03LjIgMTYtMTZsMC0yMjRjMC04LjgtNy4yLTE2LTE2LTE2eiIvPjwvc3ZnPg==');background-size:50%;aspect-ratio:1;width:100%;cursor:pointer;width:40px;height:40px;justify-self:end;align-self:flex-end}.grid-cart-item__controls{align-self:end;margin:0 auto;height:40px}.grid-cart-item__controls .grid-cart-item__quantity{display:grid;grid-template-columns:auto 1fr auto;border:1px solid #0a0a0a;border-radius:.5rem;height:40px;overflow:clip;max-width:150px}.grid-cart-item__controls .grid-cart-item__quantity input{appearance:textfield;border-width:0 1px 0 1px;padding-left:8px;min-width:20px}.grid-cart-total-area{border:1px solid #387bbf;background-color:oklch(from #387bbf .95 calc(c * 0.1) h);padding:.5rem;margin-bottom:1rem;border-radius:.5rem}.grid-cart-total-area .small-description{font-size:.7em}.grid-cart-mini-items{display:grid;gap:1rem;margin-bottom:1rem}.grid-cart-block{border:1px solid #387bbf;background-color:oklch(from #387bbf .95 calc(c * 0.1) h);padding:.5rem;margin-bottom:1rem;border-radius:.5rem}.cart-total{font-weight:bold}.grid-cart-total-area__totals{display:grid;gap:.5rem}.grid-cart-total-area__total{display:grid;gap:.5rem;grid-template-columns:1fr auto}.grid-checkout-steps-wrapper{container-type:inline-size}.grid-checkout-steps-wrapper .grid-checkout-steps{display:flex;justify-content:space-around;list-style:none;padding:0;position:relative;flex-direction:row;gap:1rem;flex-wrap:wrap}@container(min-width:$checkout-steps-justify-content-width){.grid-checkout-steps-wrapper>div .grid-checkout-steps{justify-content:space-between}}.grid-checkout-steps-progress{height:.625rem;background-color:#e6e6e6;margin-top:.25rem;margin-bottom:1rem}.grid-checkout-steps-progress span{display:block;height:.625rem;background-color:#387bbf;transition:width 900ms linear;width:0}.grid-checkout-steps__step{justify-content:center;display:grid;gap:1px;color:var(--checkout-steps-word-color,#898b88);min-width:fit-content}.grid-checkout-steps__step .grid-checkout-steps__count{transition:all 300ms ease-in-out;border-radius:100%;aspect-ratio:1;width:60px;margin-bottom:.5rem;background-color:var(--checkout-steps-number-bg,#e6e6e6);color:var(--checkout-steps-number-color,#898b88);display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin-left:auto;margin-right:auto}.grid-checkout-steps__step .grid-checkout-steps__count .checkmark{display:none}.foundation .grid-checkout-steps__step.completed .grid-checkout-steps__name{color:#898b88}.foundation .grid-checkout-steps__step.completed .grid-checkout-steps__count{--checkout-steps-number-bg:#3adb76;color:#0a0a0a}.foundation .grid-checkout-steps__step.completed .grid-checkout-steps__count>span{display:none}.foundation .grid-checkout-steps__step.completed .grid-checkout-steps__count .checkmark{width:100%;aspect-ratio:1;border-radius:50%;display:block;stroke-width:2;stroke:#fefefe;stroke-miterlimit:10;animation:checkscale .3s ease-in-out .9s both}.foundation .grid-checkout-steps__step.completed .grid-checkout-steps__count .checkmark__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:checkstroke .3s cubic-bezier(0.65,0,0.45,1) .8s forwards}.foundation .grid-checkout-steps-progress span{transition:width 900ms linear;width:var(--cart-progress,0)}.foundation .grid-checkout-steps__step.active{--checkout-steps-word-color:#387bbf;--checkout-steps-number-bg:#387bbf;--checkout-steps-number-color:#fefefe}.grid-cart-order-complete{display:flex;gap:0 1rem;flex-direction:row;flex-wrap:wrap}.grid-cart-order-complete>div{flex:1 1 0;min-width:fit-content}.address-book{font-size:1rem;cursor:pointer;border:2px solid rgba(0,0,0,0.1);padding:.25rem;height:100%}.address-book .description{font-weight:bold}.address-book:has(input[type="radio"]:checked){border:2px solid #387bbf}.address-book:hover{background-color:rgba(10,10,10,0.03)}.address-book input{float:right;width:auto}#result-message{margin-top:1rem;display:none}#loading{margin-top:1rem;display:none}#loading .spinner svg{animation:spin 2s infinite linear}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.please-wait{display:flex;justify-content:flex-start;align-content:center;align-items:center}.please-wait div:first-child{margin-right:.25rem}@keyframes checkstroke{100%{stroke-dashoffset:0}}@keyframes checkscale{0%,100%{transform:none}50%{transform:scale3d(1.1,1.1,1)}}
