.layer{z-index:11;right:-540px;width:540px;transition:all .3s ease}.layer.left{right:auto;left:-540px}.layer.left.active{left:0}.layer.active:not(.left){right:0}.layer .footer-area{position:fixed;z-index:9;bottom:0;padding:30px 60px 40px;width:540px;background-color:var(--color-white);border-top:solid 1px var(--color-black)}.layer .footer-area button+button{margin-left:10px}.layer .progress-area{margin-top:20px;width:100%;height:10px;background-color:var(--color-sand);overflow:hidden}.layer .progress-area .progress{height:100%;background-color:var(--color-lefigue);transition:width .3s ease}.layer .close{cursor:pointer;position:sticky;z-index:12;width:fit-content;height:20px;top:30px;left:100vw;transform:rotate(-90deg)}.layer-area{min-height:100vh;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:60px;margin-top:-20px}.layer .footer-area ul{display:flex;justify-content:space-around;height:24px}.layer .footer-area ul li{display:flex;align-items:center;gap:8px}.layer .footer-area ul img{width:auto;height:100%}.layer.sign-in .layer-area{padding-bottom:320px}.layer.sign-up .layer-area{padding-bottom:240px}.layer.search{right:-530px;width:530px}.layer.search.active{right:0}.layer.search .search-form{padding:8px 0;margin-bottom:50px;border-bottom:solid 1px #000}.layer.search input{width:100%;border:none;outline:0;padding:0}.layer.search input::placeholder{color:#abb4bd}.layer.search input::-webkit-input-placeholder{color:#abb4bd}.layer.search input:-ms-input-placeholder{color:#abb4bd}.layer.search .popular{margin-top:24px;font-size:14px}.layer .footer-area.filter{display:flex;padding:60px}.layer .footer-area.filter button{flex:1 1 50%}.bag-item{display:flex;gap:20px;width:100%;padding:20px 0}.bag-item .image{display:flex;align-items:center;justify-content:center;flex:1;aspect-ratio:3/4;flex-shrink:0}.bag-item .image img{max-width:100%;max-height:100%;object-fit:cover}.bag-item .bag-info{flex:0 0 240px;display:flex;flex-direction:column;justify-content:center;gap:10px}.bag-item .bag-info p{white-space:normal;word-break:break-word;overflow-wrap:break-word;max-width:100%}.bag-item .bag-info .qty-control{display:flex;gap:5px;align-items:center}.bag-item .bag-info i{cursor:pointer;user-select:none}.bag-item .bag-info input{font-size:12px;width:20px;text-align:center;margin-top:0}.bag-empty{width:100%;text-align:center}.bag-empty img{margin:50px auto 16px;width:60px}@media all and (max-width:640px){.layer{right:-100%;width:100%;transition:all .3s ease}.layer.active{right:0}.layer-area{width:100%;padding:40px 20px}.layer-area .bag-info{flex:0 0 180px}.layer .footer-area{padding:30px 20px;width:100vw}.layer .footer-area.filter{padding:20px}}