.container[data-v-492c84a7]{display:flex;align-items:center;justify-content:center;height:96vh}.container .card[data-v-492c84a7]{width:50em;display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-radius:var(--size-400);box-shadow:0 0 10px 0 var(--clr-neutral-100);overflow:hidden}@media (max-width: 375px){.container .card[data-v-492c84a7]{width:94vw;grid-template-columns:1fr}}.container .card .product-image[data-v-492c84a7]{background-image:url(/product-preview-card-component/assets/images/image-product-desktop-46292547.jpg);background-position:top left;background-size:contain;background-repeat:no-repeat}@media (max-width: 375px){.container .card .product-image[data-v-492c84a7]{background-position:center;background-size:cover;max-height:18em}}.container .card .product-image img[data-v-492c84a7]{visibility:hidden}.container .card .product-info[data-v-492c84a7]{padding:var(--size-700)}.container .card .product-info>div[data-v-492c84a7]{margin-bottom:var(--size-900)}@media (max-width: 375px){.container .card .product-info>div[data-v-492c84a7]{margin-bottom:var(--size-100)}}.container .card .product-info span.product-category[data-v-492c84a7]{letter-spacing:2px;text-transform:uppercase}.container .card .product-info .product-title[data-v-492c84a7]{line-height:1}.container .card .product-info .price-wrapper[data-v-492c84a7]{display:flex;align-items:center}.container .card .product-info .price-wrapper .old-price[data-v-492c84a7]{margin-left:var(--size-400)}.container .card .product-info button.add-to-cart[data-v-492c84a7]{width:100%;background-color:var(--clr-primary-400);color:var(--clr-primary-100);border:0;border-radius:var(--size-100);padding:var(--size-400);display:inline-flex;align-items:center;justify-content:center}.container .card .product-info button.add-to-cart span[data-v-492c84a7]{margin-left:var(--size-400)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;font:inherit}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}html,body{height:100%}body{text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture,svg{max-width:100%;display:block}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--clr-primary-100: hsl(0, 0%, 100%);--clr-primary-400: hsl(158, 36%, 37%);--clr-primary-600: hsl(30, 38%, 92%);--clr-neutral-100: hsl(0, 0%, 100%);--clr-neutral-700: hsl(212, 21%, 14%);--clr-neutral-900: hsl(228, 12%, 48%);--ff-primary: "Montserrat", sans-serif;--ff-secondary: "Fraunces", serif;--ff-body: var(--ff-primary);--ff-heading: var(--ff-secondary);--fw-regular: 500;--fw-bold: 700;--fs-400: .875rem;--fs-500: .9375rem;--fs-600: 1rem;--fs-700: 1.25rem;--fs-800: 1.5rem;--fs-900: 2rem;--size-100: .5rem;--size-200: .875rem;--size-300: .9375rem;--size-400: 1rem;--size-500: 1.25rem;--size-600: 1.5rem;--size-700: 2rem;--size-800: 2.5rem;--size-900: 3rem;--fs-body: var(--fs-400)}.bg-primary-100{background-color:var(--clr-primary-100)}.bg-primary-400{background-color:var(--clr-primary-400)}.bg-primary-600{background-color:var(--clr-primary-600)}.bg-neutral-100{background-color:var(--clr-neutral-100)}.bg-neutral-700{background-color:var(--clr-neutral-700)}.bg-neutral-900{background-color:var(--clr-neutral-900)}.text-primary-100{color:var(--clr-primary-100)}.text-primary-400{color:var(--clr-primary-400)}.text-primary-600{color:var(--clr-primary-600)}.text-neutral-100{color:var(--clr-neutral-100)}.text-neutral-700{color:var(--clr-neutral-700)}.text-neutral-900{color:var(--clr-neutral-900)}.text-line-through{text-decoration:line-through}.fw-regular{font-weight:var(--fw-regular)}.fw-bold{font-weight:var(--fw-bold)}.fs-body{font-size:var(--fs-body)}.ff-primary{font-family:var(--ff-primary)}.ff-heading{font-family:var(--ff-heading)}.fs-500{font-size:var(--fs-500)}.fs-600{font-size:var(--fs-600)}.fs-700{font-size:var(--fs-700)}.fs-800{font-size:var(--fs-800)}.fs-900{font-size:var(--fs-900)}body{font-family:var(--ff-body);font-size:var(--fs-body);color:var(--clr-neutral-700);background-color:var(--clr-primary-600)}