.side-modal{position:absolute;z-index:var(--zIndex-modal);top:20px;right:20px;bottom:20px;width:360px;background-color:var(--color-black-bright);border-radius:var(--borderRadii-l);box-shadow:var(--shadow-modal);overflow:hidden;transform:translate(110%);transition:transform .3s var(--bezier-modal);will-change:transform}.side-modal.isOpen{transform:translate(0)}.side-modal .side-modal-header{height:54px;position:absolute;top:0;left:0;right:0;padding:0 16px 0 20px;background-color:var(--color-beige-05);border-bottom:1px solid var(--color-black-cloud);display:flex;flex-direction:row;align-items:center;justify-content:space-between;font:var(--paragraph-bold-m)}.side-modal .side-modal-header .close-icon{width:24px;height:24px;border-radius:12px;background-color:var(--color-black-dark);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px}.side-modal .side-modal-wrapper{position:absolute;top:54px;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:stretch}.side-modal .side-modal-wrapper .tab-bar{flex:0 0 38px}.side-modal .side-modal-wrapper .side-modal-content{flex:1 1 0px;padding:20px;overflow-y:scroll}.side-modal .side-modal-wrapper .side-modal-footer{flex:0 0 auto;padding:16px}.side-modal .side-modal-wrapper .side-modal-footer button{width:100%}.my-account-modal .avatar{margin:0 auto 20px}