.cart-page{padding:0 var(--side-padding);max-width:1000px;margin:0 auto}.cart-page form{margin:60px 0 0 0}.cart-page form ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:20px}.cart-page form ul li{display:grid;grid-template-columns:2fr 4fr 2fr;grid-gap:30px;padding:10px 0;border-radius:var(--border-radius-small);transition:all .5s ease-in-out}.cart-page form ul li:hover{background:var(--light-grey);padding:12px 2px}.cart-page form .image{border-radius:var(--border-radius-small);border:1px solid var(--black);overflow:hidden}.cart-page form .image img{display:block;width:100%}.cart-page form .artist{display:inline-block;text-transform:uppercase;border-bottom:2px solid var(--black);padding:0 0 4px 0;margin:0 0 10px 0}.cart-page form .item-title{font-size:28px;margin:0 0 10px 0;transition:all .2s ease-in-out}.cart-page form .controls{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;font-size:18px}.cart-page form .controls .total{text-align:center}.cart-page form .controls .quantity{display:flex;justify-content:center}.cart-page form .controls .quantity input[type=number]{width:50px;text-align:center;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;background:0 0;outline:0;border-top:0;border-right:0;border-left:0;border-bottom:1px solid var(--black);position:relative;font-size:18px}.cart-page form .controls .quantity input::-webkit-inner-spin-button,.cart-page form .controls .quantity input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cart-page form .controls .quantity input[type=number]{-moz-appearance:textfield}.cart-page form .controls .remove{text-align:center}.cart-page form .controls .remove a{padding:10px;font-size:28px}.cart-page form .controls .remove a:hover{text-decoration:underline;color:var(--accent)}.cart-page form details{width:100%}.cart-page form details div{margin:12px 0 0 0}.cart-page form input[name=update]{border:1px solid var(--grey);background:0 0;padding:8px 16px;border-radius:50px;font-size:16px;display:inline-block;margin:30px 0 30px 0;cursor:pointer;transition:all .2s ease-in-out}.cart-page form input[name=update]:hover{border:1px solid var(--accent);color:var(--accent)}.cart-page form .buttons{display:flex;flex-direction:column;gap:30px;margin:80px 0 0 0}.cart-page form .buttons svg{transform:rotate(-90deg);fill:var(--black);margin-right:6px}.cart-page form .buttons input[name=checkout]{background:var(--black);color:var(--white);padding:10px 20%;border-radius:50px;border:0;outline:0;display:block;font-size:24px;cursor:pointer;transition:all .2s ease-in-out}.cart-page form .buttons input[name=checkout]:hover{background:var(--accent)}.cart-page form .cart-totals .top{display:grid;grid-template-columns:auto 1fr;align-items:flex-start;grid-gap:40px}.cart-page form .cart-totals .top .totals{border-bottom:1px solid var(--black);font-size:24px;padding:0 0 8px 0}.cart-page form .cart-totals .top .totals h3{width:100%;display:flex;flex-direction:row;justify-content:space-between;gap:40px}.cart-page form .cart-totals .top .notes p{margin:0 0 10px 0}.cart-page form .cart-totals .top .notes textarea{width:100%;padding:10px;border-radius:var(--border-radius-small);background:0 0;min-height:100px}.cart-page .cart-empty h2{font-size:32px;margin:60px 0 0 0}.cart-page .cart-empty .buttons{margin:60px 0 0 0}.cart-page .cart-empty svg{transform:rotate(-90deg);fill:var(--black);margin-right:6px}