.drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;width:100%;height:100svh;height:-webkit-fill-available;transform:translate(100%);transition:all .5s ease-in-out;display:flex}.drawer.active{transform:translate(0)}.drawer.active .backdrop{opacity:.2}.drawer .backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(.25turn,transparent,#000000);opacity:0;transition:all .3s ease-in-out;transition-delay:.2s}.drawer .drawer-wrapper{position:relative;max-width:435px;width:100%;margin-left:auto;background-color:#fff;border-left:solid 1px #eeeeee;padding:10px 1.5rem;display:flex;flex-direction:column}.drawer .drawer-wrapper .drawer-header{display:flex;align-items:center;padding:0;height:48px;border-bottom:solid 1px #eeeeee}.drawer .drawer-wrapper .drawer-header #drawer-icon{margin-left:-4px}.drawer .drawer-wrapper .drawer-header p{font-size:12px}.drawer .drawer-wrapper .drawer-header button{-webkit-appearance:none;background-color:#fff;cursor:pointer;display:flex;text-transform:uppercase;font-size:11px;padding:0;color:#000;margin-left:auto}.drawer .drawer-wrapper .drawer-header button svg{width:12px}.drawer .drawer-wrapper .empty-cart{padding:1rem;display:flex;flex-direction:column;height:100%}.drawer .drawer-wrapper .drawer-body{overflow:auto;display:flex;flex-direction:column;row-gap:.5rem;flex-grow:1}.drawer .drawer-wrapper .drawer-body .free-shipping-widget{padding:1.5rem 0 1rem;text-align:center;display:flex;flex-direction:column;row-gap:.5rem}.drawer .drawer-wrapper .drawer-body .free-shipping-widget p{color:#777;font-size:12px}.drawer .drawer-wrapper .drawer-body .free-shipping-widget .progress-bar{width:100%;height:3px;border-bottom:solid 1px #eeeeee;position:relative}.drawer .drawer-wrapper .drawer-body .free-shipping-widget .progress-bar .progress{position:absolute;left:0;height:3px;background-color:var(--brand-green);margin-top:1px}.drawer .drawer-wrapper .drawer-body ul{list-style-type:none;padding:0;margin:0;display:flex;flex-direction:column;row-gap:1rem}.drawer .drawer-wrapper .drawer-body ul li .item{display:grid;grid-template-columns:65px 5fr 65px;gap:1rem}.drawer .drawer-wrapper .drawer-body ul li .item .item__image-wrapper{position:relative}.drawer .drawer-wrapper .drawer-body ul li .item .item__image-wrapper img{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;aspect-ratio:2/3}.drawer .drawer-wrapper .drawer-body ul li .item .details{display:flex;flex-direction:column;row-gap:3px}.drawer .drawer-wrapper .drawer-body ul li .item .details p{margin:0}.drawer .drawer-wrapper .drawer-body ul li .item .details p.item__vendor{font-size:12px;max-width:250px;text-transform:uppercase;color:#777}.drawer .drawer-wrapper .drawer-body ul li .item .details p.item__title{font-size:14px;max-width:250px;font-weight:600;margin-bottom:3px}.drawer .drawer-wrapper .drawer-body ul li .item .details p.product-price{font-size:12px;font-weight:600}.drawer .drawer-wrapper .drawer-body ul li .item .details p.product-price:hover{text-decoration:none}.drawer .drawer-wrapper .drawer-body ul li .item .details p.product-price del{text-decoration:line-through}.drawer .drawer-wrapper .drawer-body ul li .item .details p.product-option,.drawer .drawer-wrapper .drawer-body ul li .item .details p.product-quantity{font-size:12px}.drawer .drawer-wrapper .drawer-body ul li .item .details p.product-option:hover,.drawer .drawer-wrapper .drawer-body ul li .item .details p.product-quantity:hover{text-decoration:none}.drawer .drawer-wrapper .drawer-body ul li .item .details p.product-sku{font-size:12px}.drawer .drawer-wrapper .drawer-body ul li .item .details .product-quantity-selector{display:flex;align-items:center;font-size:12px;-moz-column-gap:1px;column-gap:1px}.drawer .drawer-wrapper .drawer-body ul li .item .details .product-quantity-selector p{outline:solid 1px #000000;width:24px;height:24px;display:flex;align-items:center}.drawer .drawer-wrapper .drawer-body ul li .item .details .product-quantity-selector p span{margin:0 auto}.drawer .drawer-wrapper .drawer-body ul li .item .details .product-quantity-selector button:not(.remove-item-form){width:24px;height:24px;outline:solid 1px #000000;background-color:#fff;text-align:center;cursor:pointer}.drawer .drawer-wrapper .drawer-body ul li .item .details .product-quantity-selector button.remove-item-form{-webkit-appearance:none;background-color:transparent;color:#000;text-transform:uppercase;font-size:12px;width:auto;text-align:left;padding:0;margin-left:1rem;cursor:pointer}.drawer .drawer-wrapper .drawer-body ul li .item .remove-item-form{text-transform:uppercase;text-decoration:underline;font-size:12px}.drawer .drawer-wrapper .drawer-free-shipping{padding:1rem;border-top:solid 1px #000000}.drawer .drawer-wrapper .drawer-free-shipping p{padding:0;margin:0;font-size:12px;text-align:center}.drawer .drawer-wrapper .drawer-footer{bottom:0;max-width:500px;display:flex;flex-direction:column;padding:1rem 0rem;margin-top:auto;row-gap:1rem}.drawer .drawer-wrapper .drawer-footer .drawer__announcement{background:var(--brand-green);color:#fff;padding:1rem;text-align:center;font-size:12px}.drawer .drawer-wrapper .drawer-footer .drawer__benefits{display:grid;grid-template-columns:1fr 1px 1fr;-moz-column-gap:1rem;column-gap:1rem;padding:1rem;border-block:solid 1px #eeeeee}.drawer .drawer-wrapper .drawer-footer .drawer__benefits .col{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;row-gap:1rem}.drawer .drawer-wrapper .drawer-footer .drawer__benefits .col svg{width:28px}.drawer .drawer-wrapper .drawer-footer .drawer__benefits .col p{font-size:12px;max-width:70%}.drawer .drawer-wrapper .drawer-footer .drawer__total{display:flex;align-items:center;justify-content:space-between}.drawer .drawer-wrapper .drawer-footer .drawer__total p{font-size:18px;font-weight:700}.drawer .drawer-wrapper .drawer-footer .drawer__total span{display:inline-flex;gap:.5rem}.drawer .drawer-wrapper .drawer-footer .drawer__total del,.drawer .drawer-wrapper .drawer-footer .drawer__total span{color:#333;font-size:18px;font-weight:700}.drawer .drawer-wrapper .drawer-footer .drawer__total del{text-decoration:line-through}.drawer .drawer-wrapper .drawer-footer a{-webkit-appearance:none;background-color:#000;color:#fff;cursor:pointer;font-size:16px;padding:1rem 0;width:100%;font-weight:400;text-align:center}.drawer .drawer-wrapper .drawer-footer .klarna-widget{padding-block:0rem;font-size:13px;display:none!important;align-items:center;justify-content:center;gap:4px;font-weight:500}.drawer .drawer-wrapper .drawer-footer .klarna-widget svg{width:46px}