@import"https://fonts.googleapis.com/css2?family=Radio+Canada+Big:ital,wght@0,400..700;1,400..700&family=Radio+Canada:ital,wght@0,300..700;1,300..700&display=swap";:root{--background:#181b21;--tint:#8884dd}body,html{color:var(--p-neutral-50);margin:0;padding:0}.radio-canada-font{font-family:Radio Canada,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100;font-weight:400}.radio-canada-big-font{font-family:Radio Canada Big,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:400}h2{color:var(--p-neutral-500);font-size:18px}.total-price{color:var(--p-neutral-50);font-size:48px;font-weight:700;margin-bottom:48px;margin-top:4px}.items-list{display:flex;flex-direction:column;width:100%}.item{align-items:center;display:flex;margin-bottom:15px}.item-image{border-radius:8px;height:48px;margin-right:16px;width:48px}.item-details{flex:1}.item-name{color:var(--p-neutral-50);font-size:16px;font-weight:700}.item-quantity{color:var(--p-neutral-50);font-size:14px}.item-price{font-size:16px;font-weight:700}.item-unit-price{color:var(--p-neutral-50);font-size:14px}.summary{display:flex;flex-direction:column;margin-top:10px}hr{border:0;border-top:1px solid var(--p-neutral-700);margin:8px 0}.summary-container{flex:1;padding-left:64px}.summary-line,.total-line{align-items:center;display:flex;font-size:16px;justify-content:space-between;margin:6px 0}.summary-line.tax,.total-line.tax{color:var(--p-neutral-500)}.total-amount{font-size:20px}.total-line{font-weight:700}.content{display:flex;flex-direction:column;height:100vh}.items-container{background:var(--background);display:flex;height:100%;margin:0 auto;width:100%}.items-container-wrapper{display:flex;flex-direction:column;max-width:600px;padding:64px;width:100%}.checkout-container{justify-content:center}.checkout-container-wrapper{height:100%;max-width:600px;overflow-x:hidden;overflow-y:auto;padding:48px;width:100%}@media (min-width:768px){.content{flex-direction:row}.items-container{justify-content:end;width:50vw}.checkout-container{justify-content:start;width:50vw}}a{color:var(--p-neutral-500);font-size:12px;font-weight:700;text-decoration:none}.footer{display:flex;gap:12px;padding-top:48px}
