.basket{position:fixed;z-index:110;top:0;right:0;width:25dvw;height:100dvh;padding:2em;background-color:aliceblue;box-shadow:0 0 3em #000;transition:all .5s}.basket.hidden{right:-100%}.basket-close{position:absolute;top:.5em;right:.5em;width:1.5em;height:1.5em;font-size:3em;line-height:100%;border-radius:2em;background:none;border:.1em solid #ee7b7b;color:#ee7b7b;transition:all .2s}.basket-close:hover{transform:rotateZ(17deg)}.basket-title{margin-bottom:.2em;font-size:4em}.basket-all-price{margin-bottom:.2em;font-size:3em}.basket-by{margin-bottom:2em;padding:.3em 1.5em;font-size:2em;font-weight:500;text-transform:uppercase;color:aliceblue;border-radius:1em;cursor:pointer}.basket-list{gap:1em;height:fit-content;display:grid}.basket-item{position:relative;width:90%;padding:1em 1em 0;overflow:hidden;justify-content:space-between;display:flex}.basket-item::after{position:absolute;top:0;left:-10%;content:'';width:120%;height:.5em;box-shadow:0 0 1em #000;display:block}.basket-name{font-size:2.2em;text-transform:uppercase}.basket-info{gap:2.5em;display:flex}.basket-info>*{font-size:1.8em}.basket-del{font-size:2.5em;font-weight:600;color:brown;cursor:pointer;transition:all .2s}.basket-del:hover{transform:rotateZ(17deg)}@media (max-width:780px){.basket{width:100dvw;box-sizing:border-box;font-size:1vw}}@media (max-width:420px){.basket{width:100dvw;box-sizing:border-box;font-size:1.5vw}}@media (max-width:330px){.basket{font-size:2vw}}