.modal-shipping{display:none;position:fixed;z-index:var(--z-modal);padding-top:70px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}.modal-shipping-content{background-color:#fefefe;margin:auto;padding:15px;border:1px solid #888;width:calc(100% - 2rem);border-radius:var(--border-radius);max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.modal-shipping-close{display:flex;justify-content:flex-end}.modal-shipping-close:hover,.modal-shipping-close:focus{color:#000;text-decoration:none;cursor:pointer}.modal-shipping-close svg path{fill:#aaaaaa}.modal-shipping-close:hover svg path,.modal-shipping-close:focus svg path{fill:var(--color-dark)}.modal-shipping-header{display:flex;gap:1rem;padding:0;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-lighter-gray);padding-bottom:1rem;margin-bottom:1rem}.modal-shipping-header a{max-width:200px}.modal-shipping-body{flex-grow:1}.modal-shipping-body p{color:var(--color-dark);text-align:left;font-size:var(--font-size-small)}.modal-shipping-body strong{color:var(--color-primary)}.modal-shipping-select-method{display:flex;flex-direction:column;gap:1rem;padding:1rem;border:1px solid var(--color-lighter-gray);border-radius:var(--border-radius)}.modal-shipping-select-method div{display:flex;gap:0.5rem;align-items:center;cursor:pointer}.modal-shipping-select-method input,.modal-shipping-select-method label{margin:0;cursor:pointer}.modal-shipping-select-store{margin:1rem 0}.user-address-modal{display:none;overflow:auto;margin-top:1rem}.user-address-modal.active{display:block}.card-address-modal{padding:1rem;border-radius:var(--border-radius);border:1px solid var(--color-lighter-gray);background:var(--background-white);margin-top:1rem;width:100%}.card-address-modal:hover{z-index:1;box-shadow:0 2px 8px 0 rgb(59 57 55 / 20%)}.card-address-modal .address-container>svg{width:2rem;display:none;margin-right:5px}.card-address-modal.active .address-container>svg{display:block}.card-address-modal:hover{cursor:pointer}.card-address-modal .address-container{justify-content:flex-start;display:flex}.card-address-modal .address-container .address-info{width:100%}@media (min-width:992px){.modal-shipping-content{width:50%}}