.payment{position:relative;min-height:125rem;& h1{margin:5rem 0 0;font-size:1.75rem;line-height:2rem}& p{font-size:.875rem;margin-top:.75rem;line-height:1.25rem;margin-bottom:2.5rem}& form,& table{z-index:1}& form{gap:1.5rem;flex:1 1;& fieldset{border:none;padding:0;font-size:.875rem;line-height:1.25rem;position:relative;& legend{color:var(--color-white);font-size:1.75rem;font-weight:500;line-height:2.125rem;padding-top:5rem}}& table{width:100%;border-collapse:collapse;& td,& th{&:not(.text-center){text-align:left}}& caption{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}}& tbody{& tr{& th{font-weight:400;border-radius:1rem 0 0 1rem}& td,& th{padding:1.5rem;background:var(--color-neutral-800)}& td{&:last-of-type{width:50%;text-align:right;border-radius:0 1rem 1rem 0}&:has(.field-price){text-align:right}}}&:not(:last-of-type):after{height:1rem;content:"";display:block}}& footer{display:flex;padding:1.5rem 0;justify-content:flex-end}& .product-label{display:flex;justify-items:center;align-items:center;& img,svg{margin-right:.5rem}& span{line-height:1.5rem}}& .field-price,& .field-quantity{color:var(--color-white);width:2rem;border:none;height:1.5rem;text-align:center;background:transparent;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;&::-webkit-inner-spin-button,&::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}}& .field-price{box-sizing:content-box}& button.update-quantity{cursor:pointer;width:1.5rem;height:1.5rem;margin:0;padding:0;background:transparent;color:var(--color-primary)}& .number-field{display:inline-flex;white-space:no-wrap;justify-content:center}}& table.list{width:100%;margin-bottom:5rem;border-collapse:collapse;& caption{font-size:1.75rem;text-align:left;font-weight:500;line-height:2rem;margin-bottom:1.5rem;& .caption-small{display:block;font-size:.875rem;margin-top:.75rem;font-weight:400;line-height:1.25rem;max-width:50rem}}& thead tr{border-bottom:1px solid var(--color-neutral-300);& th{font-weight:500;font-size:1.125rem;padding:.5rem 0;white-space:nowrap}}& tbody tr{border-bottom:1px solid var(--color-neutral-400);& td,& th{padding:.5rem 0;font-size:.875rem;font-weight:400;line-height:1.5rem;&:not(.text-center){text-align:left}&:has(svg){padding-bottom:0}svg{color:var(--color-primary)}}}& tfoot{& td{padding:1.5rem 0;font-size:.875rem;font-weight:400;color:var(--color-neutral-200)}}}& .summation{margin:1rem 0 0;border-top:1px solid var(--color-neutral-200);&>span{width:100%;display:block;white-space:nowrap;padding-top:1rem;&.total{color:var(--color-white);font-size:1rem;font-weight:500;padding-top:0;white-space:nowrap;text-align:right}}}& .info-box{width:100%;color:var(--color-white);background:var(--color-secondary-bg);margin:-2.5rem 0 0;padding:.5rem .75rem;display:flex;align-items:center;font-size:.75rem;& img{margin-right:.5rem}}.price-table{border-collapse:collapse;& caption{font-size:1.75rem;font-weight:500;text-align:left;margin-top:2.5rem;padding-bottom:.75rem;white-space:nowrap}& thead{& th{height:2.875rem;text-align:left;border-bottom:1px solid #4a4a4a}}& tbody{& td{height:2.875rem;border-bottom:1px solid #4a4a4a}}& tfoot td{color:var(--color-neutral-200);padding:.5rem 0;font-size:.75rem;line-height:1rem;white-space:nowrap}}& table{& tbody th,& td{font-size:.875rem}}}.comparison-table{border-collapse:collapse;& caption{font-size:1.75rem;font-weight:500;text-align:left;padding-bottom:.75rem}& thead{& tr{& th{font-weight:500;&[colspan]{height:2.75rem;font-size:1rem;line-height:1.5rem}&[rowspan]{vertical-align:bottom;height:100%;&>span{display:flex;height:3.5rem;font-size:1.125rem;align-items:center;justify-content:flex-start}}}&:last-of-type{& th{height:3.5rem;font-size:1rem;font-weight:400;position:relative;&>span{display:flex;flex-flow:row wrap;font-size:.875rem;line-height:1.25rem;justify-content:center;& strong{flex:1 1;min-width:100%}}&:first-child,&:nth-child(2){&:after,&:before{top:0;width:10px;height:calc(100% + 1px);content:"";display:none;position:absolute;background:inherit}}&:first-child{background:var(--color-neutral-800);border-bottom:1px solid var(--color-neutral-900);&:before{left:-.5rem;display:block;border-top-left-radius:.5rem}}&:nth-child(2){background:var(--color-neutral-800);border-bottom:1px solid var(--color-neutral-900);border-top-right-radius:.5rem;&:after{right:0;display:block;border-top-right-radius:.5rem}}}}}}& tbody{& tr{& th{font-size:.875rem;font-weight:500;text-align:left;padding-right:.5rem}& td{height:2.875rem;position:relative;border-bottom:1px solid transparent;&:after,&:before{top:0;width:10px;height:calc(100% + 1px);content:"";display:none;position:absolute;background:inherit}>svg{color:var(--color-primary)}&:nth-child(n+3){text-align:center;border-bottom-color:var(--color-neutral-800);&:after{display:none}}&:nth-child(2){padding-right:.5rem}&:nth-child(3){position:relative;background:var(--color-neutral-800);border-bottom-color:var(--color-neutral-900);&:before{left:-.5rem;display:block}}&:nth-child(4){position:relative;background:var(--color-neutral-800);padding-right:.5rem;border-bottom-color:var(--color-neutral-900);&:after{right:0;display:block}}&:nth-child(5){padding:0 .5rem;&:before{left:0;display:block;background:var(--color-neutral-900)}}}&:last-of-type{& td{border-bottom-color:transparent;&:nth-child(3):before{height:100%;border-bottom-left-radius:.5rem}&:nth-child(4){border-bottom-right-radius:.5rem;&:after{height:100%;border-bottom-right-radius:.5rem}}}}}}& tfoot td{color:var(--color-neutral-200);padding:.5rem 0;font-size:.75rem;line-height:1rem}}