.button-icon{display:inline-flex;cursor:pointer;padding:12px;background-color:#161617;box-shadow:inset 0 0 0 1px #3a3b3f;border:none}.button-icon:first-child{border-radius:16px 0 0 16px}.button-icon:last-child{border-radius:0 16px 16px 0}.button-icon:only-child{border-radius:16px}.button-icon.active{box-shadow:inset 0 0 0 2px #e5194d;background-color:#3a3b3f}.button-icon:hover{background:#3a3b3f}.button-icon.left-rounded{border-radius:16px 0 0 16px}.button-icon.right-rounded{border-radius:0 16px 16px 0}.button-icon.none-rounded{border-radius:0}.popup{margin:auto;position:fixed;z-index:99999;top:0;left:0;right:0;bottom:0;max-height:80%;max-width:500px}.popup>div{border-radius:4px}.popup>div:first-child{border-radius:24px 24px 4px 4px}.popup>div:last-child{border-radius:4px 4px 24px 24px}.popup>div.popup-header{background-color:#161617;max-width:500px;padding:16px;position:relative;height:80px}.popup>div.popup-header .text-icon-button{position:absolute;left:16px;top:16px}.popup>div.popup-header h4{text-align:center;padding:16px 0}.popup>div.popup-body{margin:2px 0;background-color:#161617;padding:16px;text-align:left}.popup>div.popup-footer{background-color:#161617;padding:16px;text-align:center}.popup>div.popup-footer.left,.popup>div.popup-footer.right{display:inline-block;text-align:center;width:50%}.popup>div.popup-footer.left{border-radius:4px 4px 4px 24px;width:calc(50% - 2px);margin-right:2px}.popup>div.popup-footer.right{border-radius:4px 4px 24px 4px;float:right}.popup>div.popup-footer .button-wrapper .icon{display:inline-block}.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#3a3b3f;opacity:.8;z-index:9999}@media screen and (max-width:572px){.popup{margin:auto 16px}.popup .popup-header{max-width:unset;padding:8px;height:56px}.popup .popup-header .text-icon-button{position:absolute;left:8px;top:4px}.popup .popup-header h4{font-size:1rem}.popup .popup-body,.popup .popup-footer{padding:8px}}.popup.collections .popup-body .step-1 .collection-list{max-height:300px;overflow:auto}.popup.collections .popup-body .step-1 .collection-list .collection-item{border-radius:16px;border:1px solid #3a3b3f;padding:12px 16px;margin:0 16px 8px 0;display:flex;align-items:center}.popup.collections .popup-body .step-1 .collection-list .collection-item .collection-image{width:66px;height:66px;border-radius:16px;background-size:cover;background-position:50%;background-repeat:no-repeat;margin-right:22px}.popup.collections .popup-body .step-1 .collection-list .collection-item .collection-image.no-image{-webkit-mask-image:url(../../assets/img/camera.bd3d1656.svg);mask-image:url(../../assets/img/camera.bd3d1656.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;background-color:#fff;box-shadow:inset 0 0 0 1px #fff}.popup.collections .popup-body .step-1 .collection-list .collection-item .collection-title{font-weight:700;max-width:260px;overflow:hidden;text-overflow:ellipsis}.popup.collections .popup-body .step-1 .collection-list .collection-item .collection-add{margin-left:auto}.popup.collections .popup-body .step-1 .collection-list::-webkit-scrollbar{width:4px;background-color:#3a3b3f}.popup.collections .popup-body .step-1 .collection-list::-webkit-scrollbar-thumb{background-color:#e5194d}.popup.collections .popup-body .step-2{padding:0 80px}.popup.collections .popup-body .step-2 label{font-size:.875rem;font-weight:700;display:block;padding-left:16px;text-align:left}.popup.collections .popup-body .step-2 textarea{margin-top:16px}.popup.collections .popup-body .collection-status{margin-top:10px;display:flex;align-items:center;justify-content:center}.popup.collections .popup-body .collection-status .description{margin-left:16px;font-size:.75rem;font-weight:400}.popup.collections .popup-body .collection-status .description .status{font-weight:700}@media screen and (max-width:572px){.popup.collections .popup-body .step-1 .collection-list .collection-item .collection-title{max-width:100px}.popup.collections .popup-body .step-2{padding:0 16px}.popup.collections .popup-body .step-2 .app-input{margin-top:8px;max-width:unset}.popup.collections .popup-body .step-2 .app-input .collection-status,.popup.collections .popup-body .step-2 .app-input input,.popup.collections .popup-body .step-2 .app-input textarea{margin-top:0}.popup.collections .popup-body .step-2 .app-input textarea{max-height:70px}}