@font-face{font-family:Red Hat Text;font-style:normal;font-weight:400 600 700;font-display:swap;src:url(/product-list-with-cart/assets/RedHatText-VariableFont_wght-O0gkyegh.woff2) format("woff2")}:root{--color-white: 0 0% 100%;--color-black: 0 0% 0%;--color-red: 14 86% 42%;--color-green: 159 69% 38%;--color-red-900: 14 86% 31%;--color-rose-900: 14 65% 9%;--color-rose-500: 12 20% 44%;--color-rose-400: 7 20% 60%;--color-rose-300: 14 25% 72%;--color-rose-100: 13 31% 94%;--color-rose-50: 20 50% 98%;--ff-base: "Red Hat Text", sans-serif;--fw-regular: 400;--fw-semi-bold: 600;--fw-bold: 700;--fs-600: 2.5rem;--fs-500: 1.5rem;--fs-400: 1rem;--fs-300: .875rem;--br-100: .25rem;--br-200: .5rem;--br-300: .75rem;--br-900: 999px;--space-1100: 5.5rem;--space-500: 2.5rem;--space-400: 2rem;--space-300: 1.5rem;--space-200: 1rem;--space-150: .75rem;--space-100: .5rem;--space-50: .25rem}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,p,ol,ul,figure,picture{margin:0}input,button,textarea,select{font:inherit}img,svg,picture{max-width:100%;display:block}body{min-inline-size:20rem;min-block-size:100vb}.with-sidebar{display:flex;flex-wrap:wrap;gap:var(--sidebar-gap, 0px)}.with-sidebar>:last-child{flex-basis:var(--sidebar-side-inline-size, auto);flex-grow:1}.with-sidebar>:first-child{flex-basis:0;flex-grow:999999;min-inline-size:var(--sidebar-main-inline-size-min, 50%)}.flow>*+*{margin-block-start:var(--flow-space)}.flow>*+:is(h1,h2,h3){margin-block-start:var(--space-500)}.flow>*+.flow--large,.flow>.flow--large+*{margin-block-start:var(--space-500)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}:root{--color-background-primary: var(--color-rose-50);--color-background-accent: var(--color-white);--color-primary: var(--color-rose-500);--color-accent: var(--color-red);--color-heading: var(--color-rose-900);--color-divider: var(--color-rose-100);--inline-size-app-max: 1216px;--inline-size-app-gutter: var(--space-300);--inline-size-product-list-min: 54%;--inline-size-cart: 384px;--inline-size-overall-score: 140px;--inline-size-add-to-cart-button-max: 160px;--block-size-app-padding: var(--space-300);--block-size-add-to-cart-button: 44px;--gap-product-list-to-cart: var(--space-400);--gap-product-list-row: var(--space-300);--gap-product-list-column: var(--space-300);--text-preset1-fs: var(--fs-600);--text-preset1-fw: var(--fw-bold);--text-preset1-lh: 1.2;--text-preset1-ls: 0px;--text-preset2-fs: var(--fs-500);--text-preset2-fw: var(--fw-bold);--text-preset2-lh: 1.25;--text-preset2-ls: 0px;--text-preset3-fs: var(--fs-400);--text-preset3-fw: var(--fw-semi-bold);--text-preset3-lh: 1.5;--text-preset3-ls: 0px;--text-preset4-fs: var(--fs-300);--text-preset4-fw: var(--fw-regular);--text-preset4-lh: 1.5;--text-preset4-ls: 0px}@media (min-width: 24rem){:root{--inline-size-app-gutter: var(--space-500);--block-size-app-padding: var(--space-400);--gap-product-list-row: var(--space-400)}}@media (min-width: 64rem){:root{--block-size-app-padding: var(--space-1100)}}.text-preset1{font-size:var(--text-preset1-fs);font-weight:var(--text-preset1-fw);line-height:var(--text-preset1-lh);letter-spacing:var(--text-preset1-ls)}.text-preset2{font-size:var(--text-preset2-fs);font-weight:var(--text-preset2-fw);line-height:var(--text-preset2-lh);letter-spacing:var(--text-preset2-ls)}.text-preset3{font-size:var(--text-preset3-fs);font-weight:var(--text-preset3-fw);line-height:var(--text-preset3-lh);letter-spacing:var(--text-preset3-ls)}.text-preset4{font-size:var(--text-preset4-fs);font-weight:var(--text-preset4-fw);line-height:var(--text-preset4-lh);letter-spacing:var(--text-preset4-ls)}.text-preset4-bold{font-size:var(--text-preset4-fs);font-weight:var(--fw-semi-bold);line-height:var(--text-preset4-lh);letter-spacing:var(--text-preset4-ls)}body{color:hsl(var(--color-primary));background:hsl(var(--color-background-primary));font-family:var(--ff-base);font-weight:var(--fw-regular)}#app{inline-size:100%}.product-item__image[data-v-c6980963]{border-radius:var(--br-200)}.product-item.in-cart .product-item__image[data-v-c6980963]{outline:2px solid hsl(var(--color-accent));outline-offset:-2px}.add-to-cart-button__container[data-v-9d1a6261],.change-cart-quantity__container[data-v-9d1a6261]{inline-size:var(--inline-size-add-to-cart-button-max);block-size:var(--block-size-add-to-cart-button)}.add-to-cart-button[data-v-9d1a6261]{inline-size:100%;appearance:none;outline:none;border:1px solid hsl(var(--color-rose-400));background:hsl(var(--color-white));color:hsl(var(--color-heading));cursor:pointer;border-radius:var(--br-900);padding:var(--space-150);display:flex;align-items:center;justify-content:center;gap:var(--space-100)}.change-cart-quantity__container[data-v-9d1a6261]{border-radius:var(--br-900);padding:var(--space-150);display:flex;align-items:center;justify-content:space-between;background:hsl(var(--color-accent));color:hsl(var(--color-background-accent))}.change-cart-quantity__button[data-v-9d1a6261]{background:transparent;color:inherit;cursor:pointer;outline:0;border:0;padding:var(--space-100)}.change-cart-quantity__button-icon[data-v-9d1a6261]{border:1px solid hsl(var(--color-background-accent));border-radius:var(--br-900);aspect-ratio:1 / 1;width:20px;display:flex;align-items:center;justify-content:center}.change-cart-quantity__button[data-v-9d1a6261]:hover,.change-cart-quantity__button[data-v-9d1a6261]:focus-visible{color:hsl(var(--color-accent))}.change-cart-quantity__button:hover .change-cart-quantity__button-icon[data-v-9d1a6261],.change-cart-quantity__button:focus-visible .change-cart-quantity__button-icon[data-v-9d1a6261]{border:1px solid hsl(var(--color-background-accent));background:hsl(var(--color-background-accent));color:hsl(var(--color-accent))}.change-cart-quantity__button:focus-visible .change-cart-quantity__button-icon[data-v-9d1a6261]{outline:1px dashed hsl(var(--color-background-accent));outline-offset:2px}.add-to-cart-button svg[data-v-9d1a6261]{color:hsl(var(--color-accent))}.add-to-cart-button[data-v-9d1a6261]:hover,.add-to-cart-button[data-v-9d1a6261]:focus-visible{border:1px solid hsl(var(--color-accent));color:hsl(var(--color-accent))}.add-to-cart-button[data-v-9d1a6261]:focus-visible{outline:2px dashed hsl(var(--color-accent));outline-offset:2px}.product-item[data-v-eae827d2]{list-style:none;display:grid;gap:calc(var(--space-200) + var(--block-size-add-to-cart-button) / 2)}.product-item__header[data-v-eae827d2]{display:grid;grid-template-areas:"stack";align-items:end;justify-items:center}.product-item__header[data-v-eae827d2]>*{grid-area:stack}.product-item__main[data-v-eae827d2]{display:grid}.product-item__header[data-v-eae827d2]>:last-child{transform:translateY(50%)}.product-item__name[data-v-eae827d2]{color:hsl(var(--color-heading))}.product-item__price[data-v-eae827d2]{color:hsl(var(--color-accent))}.product-list[data-v-49fab306]{--inline-size-item-max: 210px;display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--inline-size-item-max),1fr));column-gap:var(--gap-product-list-column);row-gap:var(--gap-product-list-row)}.product-list__heading[data-v-49fab306]{color:hsl(var(--color-heading));margin-block-end:var(--space-400)}.cart[data-v-564c7143]{background:hsl(var(--color-background-accent));align-self:start;border-radius:var(--br-300);padding:var(--space-300)}.cart__heading[data-v-564c7143]{color:hsl(var(--color-accent));margin-block-end:var(--space-300)}.cart__empty[data-v-564c7143]{display:grid;justify-items:center;gap:var(--space-200);padding-block:var(--space-200)}.cart__items>ul[data-v-564c7143]{padding:0;padding-block-end:var(--space-300)}.cart__item[data-v-564c7143]{list-style:none;display:flex;justify-content:space-between;align-items:center;padding-block-end:var(--space-200);border-block-end:1px solid hsl(var(--color-divider));margin-block-end:var(--space-200)}.cart__item[data-v-564c7143]:last-child{padding-block-end:0;border-block-end:none;margin-block-end:0}.item__values[data-v-564c7143]{display:flex;gap:var(--space-100)}.item__name[data-v-564c7143]{color:hsl(var(--color-heading));margin-block-end:var(--space-100)}.item__quantity[data-v-564c7143]{color:hsl(var(--color-accent))}.item__remove-button[data-v-564c7143]{background:transparent;color:hsl(var(--color-rose-400));cursor:pointer;outline:0;border:0;padding:var(--space-100);margin-inline-end:calc(-1 * var(--space-100))}.item__remove-button-icon[data-v-564c7143]{border:1px solid hsl(var(--color-rose-400));border-radius:var(--br-900);aspect-ratio:1 / 1;width:20px;display:flex;align-items:center;justify-content:center}.item__remove-button[data-v-564c7143]:hover,.item__remove-button[data-v-564c7143]:focus-visible{color:hsl(var(--color-rose-900))}.item__remove-button:hover .item__remove-button-icon[data-v-564c7143],.item__remove-button:focus-visible .item__remove-button-icon[data-v-564c7143]{border:1px solid hsl(var(--color-rose-900))}.item__remove-button:focus-visible .item__remove-button-icon[data-v-564c7143]{outline:1px dashed hsl(var(--color-rose-900));outline-offset:2px}.cart__order-total[data-v-564c7143]{display:flex;justify-content:space-between;padding-block:var(--space-300);border-block-start:1px solid hsl(var(--color-divider));color:hsl(var(--color-heading))}.cart__carbon-neutral[data-v-564c7143]{color:hsl(var(--color-heading));background-color:hsl(var(--color-background-primary));padding:var(--space-200);margin-block-end:var(--space-300);border-radius:var(--br-200);display:flex;align-items:center;justify-content:center;gap:var(--space-100)}.cart__confirm-order-button[data-v-564c7143]{inline-size:100%;block-size:53px;border-radius:var(--br-900);background-color:hsl(var(--color-accent));color:hsl(var(--color-background-accent));border:none}.cart__confirm-order-button[data-v-564c7143]:hover,.cart__confirm-order-button[data-v-564c7143]:focus-visible{background-color:hsl(var(--color-red-900))}.cart__confirm-order-button[data-v-564c7143]:focus-visible{outline:2px dashed hsl(var(--color-red-900));outline-offset:2px}.order-confirmation-dialog[data-v-dc61ee34]{background-color:hsl(var(--color-background-accent));padding:var(--space-300);border-start-end-radius:var(--br-300);border-start-start-radius:var(--br-300);border:0;--dialog-inline-size-max: 592px;--dialog-gutter: var(--space-200);max-inline-size:100%;block-size:calc(100% - 95px);margin:0;top:95px}@media (min-width: 24rem){.order-confirmation-dialog[data-v-dc61ee34]{top:0;block-size:min-content;inline-size:min(var(--dialog-inline-size-max),100% - 2 * var(--dialog-gutter));margin:auto;border-radius:var(--br-300)}}.order-confirmation-dialog__inner[data-v-dc61ee34]{display:grid;gap:var(--space-400)}.order-confirmation-dialog[data-v-dc61ee34]::backdrop{background-color:hsl(var(--color-black) / 50%)}.order-confirmed-icon[data-v-dc61ee34]{margin-block-end:var(--space-300)}.order-confirmation-dialog__heading[data-v-dc61ee34]{color:hsl(var(--color-heading));margin-block-end:var(--space-100)}.order-confirmation-dialog__text[data-v-dc61ee34]{color:hsl(var(--color-primary));font-weight:var(--fw-regular)}.order-confirmation-dialog__start-new-button[data-v-dc61ee34]{inline-size:100%;block-size:53px;border-radius:var(--br-900);background-color:hsl(var(--color-accent));color:hsl(var(--color-background-accent));border:none}.order-confirmation-dialog__start-new-button[data-v-dc61ee34]:hover,.order-confirmation-dialog__start-new-button[data-v-dc61ee34]:focus-visible{background-color:hsl(var(--color-red-900))}.order-confirmation-dialog__start-new-button[data-v-dc61ee34]:focus-visible{outline:2px dashed hsl(var(--color-red-900));outline-offset:2px}.order-confirmation__main[data-v-dc61ee34]{padding:var(--space-300);border-radius:var(--br-200);background-color:hsl(var(--color-background-primary))}.order-confirmation__items>ul[data-v-dc61ee34]{padding:0}.order-confirmation__item[data-v-dc61ee34]{list-style:none;padding-block-end:var(--space-200);border-block-end:1px solid hsl(var(--color-divider));margin-block-end:var(--space-200);display:grid;grid-template-areas:"thumb name name total" "thumb quantity unit total";gap:var(--space-100);grid-template-columns:56px 21px auto auto}.order-confirmation__item[data-v-dc61ee34]:last-child{padding-block-end:0;border-block-end:none;margin-block-end:0}.item__thumbnail[data-v-dc61ee34]{grid-area:thumb;inline-size:48px;block-size:48px;border-radius:var(--br-100);background-color:hsl(var(--color-accent));color:hsl(var(--color-background-accent));display:flex;align-items:center;justify-content:center}.item__name[data-v-dc61ee34]{grid-area:name;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:hsl(var(--color-heading))}.item__quantity[data-v-dc61ee34]{grid-area:quantity;color:hsl(var(--color-accent))}.item__unit-price[data-v-dc61ee34]{grid-area:unit;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:hsl(var(--color-primary))}.item__total-price[data-v-dc61ee34]{grid-area:total;align-self:center;justify-self:end;color:hsl(var(--color-heading))}.order-confirmation__total[data-v-dc61ee34]{display:flex;justify-content:space-between;align-items:center;border-block-start:1px solid hsl(var(--color-divider));padding-block-start:var(--space-300);margin-block-start:var(--space-300);color:hsl(var(--color-heading))}.app__container[data-v-fcf674b3]{margin-block:var(--block-size-app-padding);margin-inline:auto;inline-size:min(100% - 2 * var(--inline-size-app-gutter),var(--inline-size-app-max))}.app__main[data-v-fcf674b3]{--sidebar-gap: var(--gap-product-list-to-cart);--sidebar-main-inline-size-min: var(--inline-size-product-list-min);--sidebar-side-inline-size: var(--inline-size-cart)}