body {
}

@keyframes spin {
    from

{
    transform: rotate(0)
}

to {
    transform: rotate(360deg)
}

}

.spinning-ring, .spinning-s {
    position: absolute;
    width: 200px;
    height: 200px;
    left: 50%;
    top: 50%;
    margin: -100px 0 0 -100px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.spinning-s {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAACXBIWXMAAC4jAAAuIwF4pT92AAAFFmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiIHhtcDpDcmVhdGVEYXRlPSIyMDE4LTEyLTEwVDAxOjMzOjU2KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOC0xMi0yNFQxODozMDowNSswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOC0xMi0yNFQxODozMDowNSswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxMTVmOWY5Ni0wOTRjLTQ2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)
}

.spinning-ring {
    background-image: url(data:image/png;base64,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);
    animation-name: spin;
    animation-duration: 2.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.loading-screen {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 99999
}


/* Chart.js */
/*
 * DOM element rendering detection
 * https://davidwalsh.name/detect-node-insertion
 */
@keyframes chartjs-render-animation {
    from

{
    opacity: 0.99;
}

to {
    opacity: 1;
}

}

.chartjs-render-monitor {
    animation: chartjs-render-animation 0.001s;
}

/*
 * DOM element resizing detection
 * https://github.com/marcj/css-element-queries
 */
.chartjs-size-monitor,
.chartjs-size-monitor-expand,
.chartjs-size-monitor-shrink {
    position: absolute;
    direction: ltr;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    pointer-events: none;
    visibility: hidden;
    z-index: -1;
}

    .chartjs-size-monitor-expand > div {
        position: absolute;
        width: 1000000px;
        height: 1000000px;
        left: 0;
        top: 0;
    }

    .chartjs-size-monitor-shrink > div {
        position: absolute;
        width: 200%;
        height: 200%;
        left: 0;
        top: 0;
    }


 @keyframes resizeanim {
    from

{
    opacity: 0;
}

to {
    opacity: 0;
}

}

.resize-triggers {
    animation: 1ms resizeanim;
    visibility: hidden;
    opacity: 0;
}

    .resize-triggers, .resize-triggers > div, .contract-trigger:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        overflow: hidden;
        z-index: -1
    }

        .resize-triggers > div {
            background: #eee;
            overflow: auto;
        }

.contract-trigger:before {
    width: 200%;
    height: 200%;
}


 .l3b_NxH95B {
    position: relative;
    width: 1068px;
    height: 600px;
    border-radius: 2px;
    background-color: #333;
}

.CSlZ6P7f2n {
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 9998;
}

.ZkfyW1PV6P {
    width: 100%;
    height: 100%;
}

.Rn1rjL2JET {
    position: absolute;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 13px 16px;
    bottom: 0;
    box-sizing: border-box;
}

.zRAIOY8Auu {
    flex: 0 0 auto;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    color: #fff;
    text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.65);
    margin-right: 11px;
}

.cRSfVL4kfT {
    flex: 1 1 auto;
    position: relative;
    height: 6px;
    cursor: pointer;
}

.r4br0YFrll {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.260899);
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.08);
    border-radius: 3.5px;
}

.SQFUkMoufl {
    position: absolute;
    height: 100%;
    background-color: #fff;
    border-radius: 3.5px;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    min-width: 16px;
    pointer-events: none;
}

.qd5fjXysT2 {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    cursor: pointer;
    background-color: #fff;
    flex: 0 0 auto;
}

.ox63rPblig {
    display: flex;
    margin-left: 12px;
    align-items: center;
}

.uSQPtUHSva {
    margin-left: 18px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    color: #fff;
    filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.65));
}

.iqkUBYNcJL {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 90px;
    height: 90px;
}

@keyframes ymufjpbl6a {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.V5bQipYH1R {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 43px;
    width: 43px;
}

.r8SyPjTSPq {
    width: 43px;
    height: 43px;
    animation: ymufjpbl6a 1s 0s infinite linear;
}

.OjqFrgkZfW {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
}

.nclSaqBI5b {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.kA3T_L3aAn {
    width: 48px;
    height: 48px;
}

.iWWjvNcjYc {
    margin-top: 12px;
    font-weight: normal;
    font-size: 18px;
    line-height: 21px;
    text-decoration-line: underline;
    color: #ffffff;
    cursor: pointer;
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3NyYy9jb21wb25lbnRzL3ZpZGVvLXBsYXllci9pbmRleC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRSxrQkFBa0I7RUFDbEIsYUFBYTtFQUNiLGFBQWE7RUFDYixrQkFBa0I7RUFDbEIsc0JBQXNCO0FBQ3hCOztBQUVBO0VBQ0UsWUFBWTtFQUNaLGFBQWE7RUFDYixNQUFNO0VBQ04sT0FBTztFQUNQLGFBQWE7QUFDZjs7QUFFQTtFQUNFLFdBQVc7RUFDWCxZQUFZO0FBQ2Q7O0FBRUE7RUFDRSxrQkFBa0I7RUFDbEIsV0FBVztFQUNYLGFBQWE7RUFDYixtQkFBbUI7RUFDbkIsa0JBQWtCO0VBQ2xCLFNBQVM7RUFDVCxzQkFBc0I7QUFDeEI7O0FBRUE7RUFDRSxjQUFjO0VBQ2QsZUFBZTtFQUNmLGlCQUFpQjtFQUNqQixnQkFBZ0I7RUFDaEIsV0FBVztFQUNYLDRDQUE0QztFQUM1QyxrQkFBa0I7QUFDcEI7O0FBRUE7RUFDRSxjQUFjO0VBQ2Qsa0JBQWtCO0VBQ2xCLFdBQVc7RUFDWCxlQUFlO0FBQ2pCOztBQUVBO0VBQ0Usa0JBQWtCO0VBQ2xCLFdBQVc7RUFDWCxZQUFZO0VBQ1oseUNBQXlDO0VBQ3pDLHFDQUFxQztFQUNyQyw0Q0FBNEM7RUFDNUMsb0JBQW9CO0FBQ3RCOztBQUVBO0VBQ0Usa0JBQWtCO0VBQ2xCLFlBQVk7RUFDWixzQkFBc0I7RUFDdEIsb0JBQW9CO0VBQ3BCLGFBQWE7RUFDYiwyQkFBMkI7RUFDM0IsbUJBQW1CO0VBQ25CLGVBQWU7RUFDZixvQkFBb0I7QUFDdEI7O0FBRUE7RUFDRSxXQUFXO0VBQ1gsWUFBWTtFQUNaLGtCQUFrQjtFQUNsQixlQUFlO0VBQ2Ysc0JBQXNCO0VBQ3RCLGNBQWM7QUFDaEI7O0FBRUE7RUFDRSxhQUFhO0VBQ2IsaUJBQWlCO0VBQ2pCLG1CQUFtQjtBQUNyQjs7QUFFQTtFQUNFLGlCQUFpQjtFQUNqQixlQUFlO0VBQ2YsV0FBVztFQUNYLFlBQVk7RUFDWixXQUFXO0VBQ1gsb0RBQW9EO0FBQ3REOztBQUVBO0VBQ0Usa0JBQWtCO0VBQ2xCLE1BQU07RUFDTixTQUFTO0VBQ1QsT0FBTztFQUNQLFFBQVE7RUFDUixZQUFZO0VBQ1osV0FBVztFQUNYLFlBQVk7QUFDZDs7QUFFQTtFQUNFO0lBQ0UsdUJBQXVCO0VBQ3pCOztFQUVBO0lBQ0UseUJBQXlCO0VBQzNCO0FBQ0Y7O0FBRUE7RUFDRSxrQkFBa0I7RUFDbEIsTUFBTTtFQUNOLFNBQVM7RUFDVCxPQUFPO0VBQ1AsUUFBUTtFQUNSLFlBQVk7RUFDWixZQUFZO0VBQ1osV0FBVztBQUNiOztBQUVBO0VBQ0UsV0FBVztFQUNYLFlBQVk7RUFDWiwyQ0FBaUQ7QUFDbkQ7O0FBRUE7RUFDRSxrQkFBa0I7RUFDbEIsTUFBTTtFQUNOLE9BQU87RUFDUCxXQUFXO0VBQ1gsWUFBWTtFQUNaLG9DQUFvQztFQUNwQyxhQUFhO0VBQ2IsbUJBQW1CO0VBQ25CLHVCQUF1QjtFQUN2QixrQkFBa0I7QUFDcEI7O0FBRUE7RUFDRSxhQUFhO0VBQ2Isc0JBQXNCO0VBQ3RCLG1CQUFtQjtFQUNuQix1QkFBdUI7QUFDekI7O0FBRUE7RUFDRSxXQUFXO0VBQ1gsWUFBWTtBQUNkOztBQUVBO0VBQ0UsZ0JBQWdCO0VBQ2hCLG1CQUFtQjtFQUNuQixlQUFlO0VBQ2YsaUJBQWlCO0VBQ2pCLCtCQUErQjtFQUMvQixjQUFjO0VBQ2QsZUFBZTtBQUNqQiIsInNvdXJjZXNDb250ZW50IjpbIi5jb250YWluZXIge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiAxMDY4cHg7XG4gIGhlaWdodDogNjAwcHg7XG4gIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzMzMztcbn1cblxuLmZ1bGxzY3JlZW4ge1xuICB3aWR0aDogMTAwdnc7XG4gIGhlaWdodDogMTAwdmg7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgei1pbmRleDogOTk5ODtcbn1cblxuLnZpZGVvIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbn1cblxuLmNvbnRyb2xCYXIge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nOiAxM3B4IDE2cHg7XG4gIGJvdHRvbTogMDtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbn1cblxuLnRpbWUge1xuICBmbGV4OiAwIDAgYXV0bztcbiAgZm9udC1zaXplOiAxMnB4O1xuICBsaW5lLWhlaWdodDogMTRweDtcbiAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgY29sb3I6ICNmZmY7XG4gIHRleHQtc2hhZG93OiAwcHggMHB4IDhweCByZ2JhKDAsIDAsIDAsIDAuNjUpO1xuICBtYXJnaW4tcmlnaHQ6IDExcHg7XG59XG5cbi5wcm9ncmVzcyB7XG4gIGZsZXg6IDEgMSBhdXRvO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGhlaWdodDogNnB4O1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG5cbi5wcm9ncmVzc1RvdGFsIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBiYWNrZ3JvdW5kOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMjYwODk5KTtcbiAgYm9yZGVyOiAxcHggc29saWQgcmdiYSgwLCAwLCAwLCAwLjA4KTtcbiAgYm94LXNoYWRvdzogMHB4IDBweCAxNnB4IHJnYmEoMCwgMCwgMCwgMC4wOCk7XG4gIGJvcmRlci1yYWRpdXM6IDMuNXB4O1xufVxuXG4uY3VycmVudFByb2dyZXNzIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG4gIGJvcmRlci1yYWRpdXM6IDMuNXB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93LXJldmVyc2U7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIG1pbi13aWR0aDogMTZweDtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG59XG5cbi5wcm9ncmVzc0FuY2hvciB7XG4gIHdpZHRoOiAxNnB4O1xuICBoZWlnaHQ6IDE2cHg7XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuICBmbGV4OiAwIDAgYXV0bztcbn1cblxuLmFjdGlvbnMge1xuICBkaXNwbGF5OiBmbGV4O1xuICBtYXJnaW4tbGVmdDogMTJweDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cblxuLmFjdGlvbkljb24ge1xuICBtYXJnaW4tbGVmdDogMThweDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICB3aWR0aDogMjBweDtcbiAgaGVpZ2h0OiAyMHB4O1xuICBjb2xvcjogI2ZmZjtcbiAgZmlsdGVyOiBkcm9wLXNoYWRvdygwcHggMHB4IDhweCByZ2JhKDAsIDAsIDAsIDAuNjUpKTtcbn1cblxuLnBsYXllclN0YXR1cyB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBib3R0b206IDA7XG4gIGxlZnQ6IDA7XG4gIHJpZ2h0OiAwO1xuICBtYXJnaW46IGF1dG87XG4gIHdpZHRoOiA5MHB4O1xuICBoZWlnaHQ6IDkwcHg7XG59XG5cbkBrZXlmcmFtZXMgbG9hZGluZ0tleWZyYW1lcyB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcbiAgfVxuXG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7XG4gIH1cbn1cblxuLmxvYWRpbmcge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgYm90dG9tOiAwO1xuICBsZWZ0OiAwO1xuICByaWdodDogMDtcbiAgbWFyZ2luOiBhdXRvO1xuICBoZWlnaHQ6IDQzcHg7XG4gIHdpZHRoOiA0M3B4O1xufVxuXG4ubG9hZGluZ1NwaW4ge1xuICB3aWR0aDogNDNweDtcbiAgaGVpZ2h0OiA0M3B4O1xuICBhbmltYXRpb246IGxvYWRpbmdLZXlmcmFtZXMgMXMgMHMgaW5maW5pdGUgbGluZWFyO1xufVxuXG4uZXJyb3JMYXllciB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuNCk7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBib3JkZXItcmFkaXVzOiAycHg7XG59XG5cbi5lcnJvcldyYXAge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbn1cblxuLmVycm9ySWNvbiB7XG4gIHdpZHRoOiA0OHB4O1xuICBoZWlnaHQ6IDQ4cHg7XG59XG5cbi5yZWxvYWQge1xuICBtYXJnaW4tdG9wOiAxMnB4O1xuICBmb250LXdlaWdodDogbm9ybWFsO1xuICBmb250LXNpemU6IDE4cHg7XG4gIGxpbmUtaGVpZ2h0OiAyMXB4O1xuICB0ZXh0LWRlY29yYXRpb24tbGluZTogdW5kZXJsaW5lO1xuICBjb2xvcjogI2ZmZmZmZjtcbiAgY3Vyc29yOiBwb2ludGVyO1xufVxuIl0sInNvdXJjZVJvb3QiOiIifQ== */ 

.H6oLtVpuCE {
    border: 1px solid #fff;
    border-radius: 50%;
}

.H6oLtVpuCE.weMquSojbN {
    width: 90px;
    height: 90px;
}

.H6oLtVpuCE.BggB7cnrNR {
    width: 28px;
    height: 28px;
}

.ZEebjwp8bt {
    cursor: pointer;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 50%;
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, 0.27);
    background-color: rgba(0, 0, 0, 0.54);
}

.vf3RH4DJoQ {
    height: 100%;
    position: relative;
}

    .vf3RH4DJoQ::before,
    .vf3RH4DJoQ::after {
        position: absolute;
        content: '';
        display: block;
        width: 6.5%;
        height: 45%;
        border-radius: 2px;
        top: 27.5%;
        background: #fff;
    }

    .vf3RH4DJoQ::before {
        left: 36.6%;
    }

    .vf3RH4DJoQ::after {
        right: 36.6%;
    }

.FF5xUgFls4 {
    width: 100%;
    height: 100%;
    display: flex;
    padding-left: 6%;
    align-items: center;
    justify-content: center;
}

    .FF5xUgFls4 svg {
        width: 36%;
    }

.dWT5LHvqJi,
.zEhv1NELT6 {
    float: left;
    width: calc(50%);
    height: calc(100%);
    position: relative;
    overflow: hidden;
}

    .dWT5LHvqJi::before,
    .zEhv1NELT6::before,
    .zEhv1NELT6::after {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: #fff;
    }

    .dWT5LHvqJi::before {
        left: 100%;
        transform-origin: left;
        transform: rotate(calc(3.6deg * (var(--percent) - 50)));
        opacity: calc(99999 * (var(--percent) - 50));
    }

    .zEhv1NELT6::before {
        right: 100%;
        transform-origin: right;
        transform: rotate(calc(3.6deg * var(--percent)));
    }

    .zEhv1NELT6::after {
        opacity: calc(99999 * (var(--percent) - 50));
    }

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3NyYy9jb21wb25lbnRzL3ZpZGVvLWNvbnRyb2wvaW5kZXguY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0Usc0JBQXNCO0VBQ3RCLGtCQUFrQjtBQWNwQixDQVpFO0lBQ0UsV0FBVztJQUNYLFlBQVk7RUFDZCxDQUVBO1FBQ00sV0FBVztJQUNmLFlBQVk7Ozs7RUFJZDs7QUFHRjtFQUNFLGVBQWU7RUFDZixXQUFXO0VBQ1gsWUFBWTtFQUNaLGdCQUFnQjtFQUNoQixrQkFBa0I7RUFDbEIsc0JBQXNCO0VBQ3RCLHFDQUFxQztFQUNyQyxxQ0FBcUM7QUFDdkM7O0FBRUE7RUFDRSxZQUFZO0VBQ1osa0JBQWtCO0FBcUJwQjs7QUFuQkU7O0lBRUUsa0JBQWtCO0lBQ2xCLFdBQVc7SUFDWCxjQUFjO0lBQ2QsV0FBVztJQUNYLFdBQVc7SUFDWCxrQkFBa0I7SUFDbEIsVUFBVTtJQUNWLGdCQUFnQjtFQUNsQjs7QUFFQTtJQUNFLFdBQVc7RUFDYjs7QUFFQTtJQUNFLFlBQVk7RUFDZDs7QUFHRjtFQUNFLFdBQVc7RUFDWCxZQUFZO0VBQ1osYUFBYTtFQUNiLGdCQUFnQjtFQUNoQixtQkFBbUI7RUFDbkIsdUJBQXVCO0FBS3pCOztBQUhFO0lBQ0UsVUFBVTtFQUNaOztBQUdGOztFQUVFLFdBQVc7RUFDWCxnQkFBZ0I7RUFDaEIsa0JBQWtCO0VBQ2xCLGtCQUFrQjtFQUNsQixnQkFBZ0I7QUFDbEI7O0FBRUE7OztFQUdFLFdBQVc7RUFDWCxrQkFBa0I7RUFDbEIsV0FBVztFQUNYLFlBQVk7RUFDWixzQkFBc0I7QUFDeEI7O0FBRUE7RUFDRSxVQUFVO0VBQ1Ysc0JBQXNCO0VBQ3RCLHVEQUF1RDtFQUN2RCw0Q0FBNEM7QUFDOUM7O0FBRUE7RUFDRSxXQUFXO0VBQ1gsdUJBQXVCO0VBQ3ZCLGdEQUFnRDtBQUNsRDs7QUFFQTtFQUNFLDRDQUE0QztBQUM5QyIsInNvdXJjZXNDb250ZW50IjpbIi5jb250cm9sbGVyIHtcbiAgYm9yZGVyOiAxcHggc29saWQgI2ZmZjtcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xuXG4gICYubGFyZ2Uge1xuICAgIHdpZHRoOiA5MHB4O1xuICAgIGhlaWdodDogOTBweDtcbiAgfVxuXG4gICYubm9ybWFsIHtcbiAgICAgICAgd2lkdGg6IDI4cHg7XG4gICAgaGVpZ2h0OiAyOHB4O1xuICAgIFxuXG4gICAgXG4gIH1cbn1cblxuLndyYXBwZXIge1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgYm9yZGVyOiAxcHggc29saWQgcmdiYSgwLCAwLCAwLCAwLjI3KTtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwLjU0KTtcbn1cblxuLnBsYXkge1xuICBoZWlnaHQ6IDEwMCU7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAmOjpiZWZvcmUsXG4gICY6OmFmdGVyIHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgY29udGVudDogJyc7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgd2lkdGg6IDYuNSU7XG4gICAgaGVpZ2h0OiA0NSU7XG4gICAgYm9yZGVyLXJhZGl1czogMnB4O1xuICAgIHRvcDogMjcuNSU7XG4gICAgYmFja2dyb3VuZDogI2ZmZjtcbiAgfVxuXG4gICY6OmJlZm9yZSB7XG4gICAgbGVmdDogMzYuNiU7XG4gIH1cblxuICAmOjphZnRlciB7XG4gICAgcmlnaHQ6IDM2LjYlO1xuICB9XG59XG5cbi5wYXVzZSB7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBhZGRpbmctbGVmdDogNiU7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXG4gICYgc3ZnIHtcbiAgICB3aWR0aDogMzYlO1xuICB9XG59XG5cbi5sZWZ0LFxuLnJpZ2h0IHtcbiAgZmxvYXQ6IGxlZnQ7XG4gIHdpZHRoOiBjYWxjKDUwJSk7XG4gIGhlaWdodDogY2FsYygxMDAlKTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBvdmVyZmxvdzogaGlkZGVuO1xufVxuXG4ubGVmdDo6YmVmb3JlLFxuLnJpZ2h0OjpiZWZvcmUsXG4ucmlnaHQ6OmFmdGVyIHtcbiAgY29udGVudDogJyc7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcbn1cblxuLmxlZnQ6OmJlZm9yZSB7XG4gIGxlZnQ6IDEwMCU7XG4gIHRyYW5zZm9ybS1vcmlnaW46IGxlZnQ7XG4gIHRyYW5zZm9ybTogcm90YXRlKGNhbGMoMy42ZGVnICogKHZhcigtLXBlcmNlbnQpIC0gNTApKSk7XG4gIG9wYWNpdHk6IGNhbGMoOTk5OTkgKiAodmFyKC0tcGVyY2VudCkgLSA1MCkpO1xufVxuXG4ucmlnaHQ6OmJlZm9yZSB7XG4gIHJpZ2h0OiAxMDAlO1xuICB0cmFuc2Zvcm0tb3JpZ2luOiByaWdodDtcbiAgdHJhbnNmb3JtOiByb3RhdGUoY2FsYygzLjZkZWcgKiB2YXIoLS1wZXJjZW50KSkpO1xufVxuXG4ucmlnaHQ6OmFmdGVyIHtcbiAgb3BhY2l0eTogY2FsYyg5OTk5OSAqICh2YXIoLS1wZXJjZW50KSAtIDUwKSk7XG59XG4iXSwic291cmNlUm9vdCI6IiJ9 */


.F3OPImjmYc {
    display: flex;
}

.Jurx8VA4hm {
    cursor: pointer;
    box-sizing: border-box;
    width: 72px;
    height: 72px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 8px 0;
    border-radius: 6px;
}

    .Jurx8VA4hm:not(:last-child) {
        margin-right: 12px;
    }

    .Jurx8VA4hm.IdQDpdJ2YV {
        background: #F6F6F6;
    }

        .Jurx8VA4hm.IdQDpdJ2YV .vCm3rkZcFW {
            font-weight: 500;
        }

        .Jurx8VA4hm.IdQDpdJ2YV .QndonIq745 {
            color: #ee2c4a;
        }

        .Jurx8VA4hm.IdQDpdJ2YV .xUp_ND36Rf {
            color: #eda500;
        }

        .Jurx8VA4hm.IdQDpdJ2YV .NGaWK0HZ2W {
            color: #30b566;
        }

.vCm3rkZcFW {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.87);
    line-height: 14px;
}

.BT18znWPab .Jurx8VA4hm {
    margin-right: 0;
}

.V0XtvWkWTa {
    width: 34px;
    height: 34px;
}

.SXlCgWH__z {
    cursor: not-allowed;
}

.hr8wWN6bb9 {
    opacity: 0.5;
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3NyYy9jb21wb25lbnRzL2ZlZWRiYWNrLWVtb2ppL2luZGV4LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFLGFBQWE7QUFDZjs7QUFFQTtFQUNFLGVBQWU7RUFDZixzQkFBc0I7RUFDdEIsV0FBVztFQUNYLFlBQVk7RUFDWixhQUFhO0VBQ2Isc0JBQXNCO0VBQ3RCLG1CQUFtQjtFQUNuQiw4QkFBOEI7RUFDOUIsY0FBYztFQUNkLGtCQUFrQjtBQW9CcEI7O0FBbkJFO0lBQ0Usa0JBQWtCO0VBQ3BCOztBQUVBO0lBQ0UsbUJBQW1CO0VBYXJCOztBQVpFO01BQ0UsZ0JBQWdCO0lBQ2xCOztBQUNBO01BQ0UsY0FBYztJQUNoQjs7QUFDQTtNQUNFLGNBQWM7SUFDaEI7O0FBQ0E7TUFDRSxjQUFjO0lBQ2hCOztBQUlKO0VBQ0UsZUFBZTtFQUNmLDBCQUEwQjtFQUMxQixpQkFBaUI7QUFDbkI7O0FBR0U7UUFDTSxlQUFlOztFQUVyQjs7QUFHRjtFQUNFLFdBQVc7RUFDWCxZQUFZO0FBQ2Q7O0FBRUE7RUFDRSxtQkFBbUI7QUFDckI7O0FBRUE7RUFFRSxZQUFZO0FBQ2QiLCJzb3VyY2VzQ29udGVudCI6WyIuaWNvbnMge1xuICBkaXNwbGF5OiBmbGV4O1xufVxuXG4ub3B0aW9uIHtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICB3aWR0aDogNzJweDtcbiAgaGVpZ2h0OiA3MnB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIHBhZGRpbmc6IDhweCAwO1xuICBib3JkZXItcmFkaXVzOiA2cHg7XG4gICY6bm90KDpsYXN0LWNoaWxkKSB7XG4gICAgbWFyZ2luLXJpZ2h0OiAxMnB4O1xuICB9XG4gIFxuICAmLmFjdGl2ZSB7XG4gICAgYmFja2dyb3VuZDogI0Y2RjZGNjtcbiAgICAmIC5vcHRpb25UZXh0IHtcbiAgICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG4gICAgfVxuICAgICYgLmJhZCB7XG4gICAgICBjb2xvcjogI2VlMmM0YTtcbiAgICB9XG4gICAgJiAuYXZlcmFnZSB7XG4gICAgICBjb2xvcjogI2VkYTUwMDtcbiAgICB9XG4gICAgJiAuZ29vZCB7XG4gICAgICBjb2xvcjogIzMwYjU2NjtcbiAgICB9XG4gIH1cbn1cblxuLm9wdGlvblRleHQge1xuICBmb250LXNpemU6IDEycHg7XG4gIGNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuODcpO1xuICBsaW5lLWhlaWdodDogMTRweDtcbn1cblxuLmV2YWx1YXRpb24ge1xuICAmIC5vcHRpb24ge1xuICAgICAgICBtYXJnaW4tcmlnaHQ6IDA7XG4gICAgXG4gIH1cbn1cblxuLmljb24ge1xuICB3aWR0aDogMzRweDtcbiAgaGVpZ2h0OiAzNHB4O1xufVxuXG4uZGlzYWJsZWQge1xuICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xufVxuXG4uZ3JleSB7XG4gIGNvbXBvc2VzOiBkaXNhYmxlZDtcbiAgb3BhY2l0eTogMC41O1xufVxuIl0sInNvdXJjZVJvb3QiOiIifQ== */


.Unh0RfvpcU {
    padding-top: 20px;
}

.UHBk3teKo9 {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.whQv1BJkth {
    padding-top: 12px;
}

    .whQv1BJkth .UHBk3teKo9 {
        margin-bottom: 12px;
    }

        .whQv1BJkth .UHBk3teKo9:last-child {
            margin-bottom: 0;
        }

        .whQv1BJkth .UHBk3teKo9 .R92Mlqvm6L {
            font-size: 12px;
        }

.lxZzo84oYg {
    display: inline;
    margin-left: 8px;
    color: rgba(0, 0, 0, 0.65);
    font-size: 14px;
}

.R92Mlqvm6L {
    color: #333;
    display: inline;
    margin-left: 8px;
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3NyYy9jb21wb25lbnRzL2ZlZWRiYWNrLXJlYXNvbi9pbmRleC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUNBO0VBQ0UsaUJBQWlCO0FBQ25COztBQUVBO0VBQ0UsYUFBYTtFQUNiLG1CQUFtQjtFQUNuQixtQkFBbUI7QUFDckI7O0FBRUE7SUFDSSxpQkFBaUI7QUFlckI7O0FBWkU7UUFDTSxtQkFBbUI7RUFVekI7O0FBUkU7TUFDRSxnQkFBZ0I7SUFDbEI7O0FBRUE7WUFDUSxlQUFlOztJQUV2Qjs7QUFJSjtFQUNFLGVBQWU7RUFDZixnQkFBZ0I7RUFDaEIsMEJBQTBCO0VBQzFCLGVBQWU7QUFDakI7O0FBRUE7RUFDRSxXQUFXO0VBQ1gsZUFBZTtFQUNmLGdCQUFnQjtBQUNsQiIsInNvdXJjZXNDb250ZW50IjpbIlxuLmluZm9PcHRpb25zIHtcbiAgcGFkZGluZy10b3A6IDIwcHg7XG59XG5cbi5pbmZvIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgbWFyZ2luLWJvdHRvbTogMjBweDtcbn1cblxuLmV2YWx1YXRpb24ge1xuICAgIHBhZGRpbmctdG9wOiAxMnB4O1xuICBcblxuICAmIC5pbmZvIHtcbiAgICAgICAgbWFyZ2luLWJvdHRvbTogMTJweDtcbiAgICBcbiAgICAmOmxhc3QtY2hpbGQge1xuICAgICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgICB9XG5cbiAgICAmIC5sYWJlbCB7XG4gICAgICAgICAgICBmb250LXNpemU6IDEycHg7XG4gICAgICBcbiAgICB9XG4gIH1cbn1cblxuLmluZm9UZXh0IHtcbiAgZGlzcGxheTogaW5saW5lO1xuICBtYXJnaW4tbGVmdDogOHB4O1xuICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjY1KTtcbiAgZm9udC1zaXplOiAxNHB4O1xufVxuXG4ubGFiZWwge1xuICBjb2xvcjogIzMzMztcbiAgZGlzcGxheTogaW5saW5lO1xuICBtYXJnaW4tbGVmdDogOHB4O1xufVxuIl0sInNvdXJjZVJvb3QiOiIifQ== */


.hfkkYhipl0 {
    width: 100%;
    height: 100%;
    padding: 8px;
    top: 0;
    left: 0;
    z-index: 99;
    position: absolute;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.8);
}

.suKwEQGv0c {
    width: 100%;
    height: 100%;
    display: flex;
    color: #888;
    font-size: 18px;
    padding: 0 16px;
    align-items: center;
    border-radius: 4px;
    justify-content: center;
    box-sizing: border-box;
    border: 2px dashed #999;
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3NyYy9jb21wb25lbnRzL21lZGlhLWRyb3BwZXIvaW5kZXguY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0UsV0FBVztFQUNYLFlBQVk7RUFDWixZQUFZO0VBQ1osTUFBTTtFQUNOLE9BQU87RUFDUCxXQUFXO0VBQ1gsa0JBQWtCO0VBQ2xCLHNCQUFzQjtFQUN0QixvQ0FBb0M7QUFDdEM7O0FBRUE7RUFDRSxXQUFXO0VBQ1gsWUFBWTtFQUNaLGFBQWE7RUFDYixXQUFXO0VBQ1gsZUFBZTtFQUNmLGVBQWU7RUFDZixtQkFBbUI7RUFDbkIsa0JBQWtCO0VBQ2xCLHVCQUF1QjtFQUN2QixzQkFBc0I7RUFDdEIsdUJBQXVCO0FBQ3pCIiwic291cmNlc0NvbnRlbnQiOlsiLmRyb3BXcmFwcGVyIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgcGFkZGluZzogOHB4O1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIHotaW5kZXg6IDk5O1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGJhY2tncm91bmQ6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC44KTtcbn1cblxuLmNvbnRlbnQge1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBjb2xvcjogIzg4ODtcbiAgZm9udC1zaXplOiAxOHB4O1xuICBwYWRkaW5nOiAwIDE2cHg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGJvcmRlcjogMnB4IGRhc2hlZCAjOTk5O1xufVxuIl0sInNvdXJjZVJvb3QiOiIifQ== */


.dslqgtMABp {
    position: relative;
    width: 100%;
    height: 64px;
    display: flex;
    background-color: #fff;
    border-bottom: 1px solid #e4e6e8;
    box-sizing: border-box;
}

._SxbhNrcLZ {
    margin-left: 9px;
    flex: 1 1 auto;
    padding: 9px 0;
    overflow-y: hidden;
    overflow-x: overlay;
    box-sizing: border-box;
    height: 64px;
}

    ._SxbhNrcLZ::-webkit-scrollbar {
        height: 6px;
    }

    ._SxbhNrcLZ::-webkit-scrollbar-thumb {
        color: rgba(0, 0, 0, 0.3);
        border-radius: 2px;
    }

.tIUgJKM6f4 {
    width: 24px;
    height: 64px;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 0 0 auto;
}

.JojxZl2V1Q {
    box-shadow: -4px 0px 3px rgba(74, 74, 78, 0.13);
}

.ag78uSa0Xv {
    width: 10px;
    height: 10px;
    margin-top: 6px;
    color: #bbb;
    cursor: pointer;
}

.GhFIKKDfxt {
    display: inline-flex;
    align-items: center;
}

.JL_ENuSwIo {
    width: 46px;
    height: 46px;
    margin-right: 10px;
    flex: 0 0 auto;
    border: 1px solid #eff2f4;
    border-radius: 2px;
    position: relative;
    box-sizing: border-box;
}

.HnBRsOQrMO {
    width: 46px;
    height: 46px;
    border: 1px solid #eff2f4;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.XCHMtuh3ZH {
    width: 10px;
    height: 10px;
}

.MRLB8MOIwJ {
    position: absolute;
    width: 27px;
    height: 27px;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}

.sRFHxNFIMk {
    position: absolute;
    width: 12px;
    height: 12px;
    right: -6px;
    top: -6px;
    cursor: pointer;
}

.yNE7nDFsb6 {
    position: absolute;
    bottom: 2px;
    right: 6px;
    color: #fff;
    font-size: 12px;
    line-height: 17px;
    text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
}

.NYRcYwNKQq {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.Z1OHlYH4ok {
    width: 0;
    height: 100%;
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3NyYy9jb21wb25lbnRzL21lZGlhLXByZXZpZXdlci9pbmRleC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRSxrQkFBa0I7RUFDbEIsV0FBVzs7OztJQUlULFlBQVk7OztFQUdkLGFBQWE7RUFDYixzQkFBc0I7RUFDdEIsZ0NBQWdDO0VBQ2hDLHNCQUFzQjtBQUN4Qjs7QUFFQTtFQUNFLGdCQUFnQjtFQUNoQixjQUFjO0VBQ2QsY0FBYztFQUNkLGtCQUFrQjtFQUNsQixtQkFBbUI7RUFDbkIsc0JBQXNCOzs7O0lBSXBCLFlBQVk7QUFXaEI7O0FBUkU7SUFDRSxXQUFXO0VBQ2I7O0FBRUE7SUFDRSx5QkFBeUI7SUFDekIsa0JBQWtCO0VBQ3BCOztBQUdGO0VBQ0UsV0FBVzs7O0lBR1QsWUFBWTs7RUFFZCxhQUFhO0VBQ2Isc0JBQXNCO0VBQ3RCLG1CQUFtQjtFQUNuQixjQUFjO0FBQ2hCOztBQUVBO0VBQ0UsK0NBQStDO0FBQ2pEOztBQUVBO0VBQ0UsV0FBVztFQUNYLFlBQVk7RUFDWixlQUFlO0VBQ2YsV0FBVztFQUNYLGVBQWU7QUFDakI7O0FBRUE7RUFDRSxvQkFBb0I7RUFDcEIsbUJBQW1CO0FBQ3JCOztBQUVBOzs7SUFHSSxXQUFXO0VBQ2IsWUFBWTs7O0VBR1osa0JBQWtCO0VBQ2xCLGNBQWM7RUFDZCx5QkFBeUI7RUFDekIsa0JBQWtCO0VBQ2xCLGtCQUFrQjtFQUNsQixzQkFBc0I7QUFDeEI7O0FBRUE7OztJQUdJLFdBQVc7RUFDYixZQUFZOzs7RUFHWix5QkFBeUI7RUFDekIsa0JBQWtCO0VBQ2xCLGFBQWE7RUFDYixtQkFBbUI7RUFDbkIsdUJBQXVCO0VBQ3ZCLGVBQWU7QUFDakI7O0FBRUE7OztJQUdJLFdBQVc7RUFDYixZQUFZOztBQUVkOztBQUVBO0VBQ0Usa0JBQWtCOzs7SUFHaEIsV0FBVztFQUNiLFlBQVk7O0VBRVosTUFBTTtFQUNOLFNBQVM7RUFDVCxRQUFRO0VBQ1IsT0FBTztFQUNQLFlBQVk7QUFDZDs7QUFFQTtFQUNFLGtCQUFrQjs7O0lBR2hCLFdBQVc7RUFDYixZQUFZO0VBQ1osV0FBVztFQUNYLFNBQVM7O0VBRVQsZUFBZTtBQUNqQjs7QUFFQTtFQUNFLGtCQUFrQjtFQUNsQixXQUFXO0VBQ1gsVUFBVTtFQUNWLFdBQVc7RUFDWCxlQUFlO0VBQ2YsaUJBQWlCO0VBQ2pCLDJDQUEyQztBQUM3Qzs7QUFFQTtFQUNFLFdBQVc7RUFDWCxZQUFZO0VBQ1osb0JBQWlCO0tBQWpCLGlCQUFpQjtBQUNuQjs7QUFFQTtFQUNFLFFBQVE7RUFDUixZQUFZO0FBQ2QiLCJzb3VyY2VzQ29udGVudCI6WyIuY29udGFpbmVyIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB3aWR0aDogMTAwJTtcblxuICBcblxuICAgIGhlaWdodDogNjRweDtcbiAgXG5cbiAgZGlzcGxheTogZmxleDtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNlNGU2ZTg7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG59XG5cbi5jb250ZW50V3JhcHBlciB7XG4gIG1hcmdpbi1sZWZ0OiA5cHg7XG4gIGZsZXg6IDEgMSBhdXRvO1xuICBwYWRkaW5nOiA5cHggMDtcbiAgb3ZlcmZsb3cteTogaGlkZGVuO1xuICBvdmVyZmxvdy14OiBvdmVybGF5O1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXG4gIFxuXG4gICAgaGVpZ2h0OiA2NHB4O1xuICBcblxuICAmOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgaGVpZ2h0OiA2cHg7XG4gIH1cblxuICAmOjotd2Via2l0LXNjcm9sbGJhci10aHVtYiB7XG4gICAgY29sb3I6IHJnYmEoMCwgMCwgMCwgMC4zKTtcbiAgICBib3JkZXItcmFkaXVzOiAycHg7XG4gIH1cbn1cblxuLnJpZ2h0SGlkZGVyIHtcbiAgd2lkdGg6IDI0cHg7XG4gIFxuXG4gICAgaGVpZ2h0OiA2NHB4O1xuICBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZmxleDogMCAwIGF1dG87XG59XG5cbi5yaWdodFNoYWRvdyB7XG4gIGJveC1zaGFkb3c6IC00cHggMHB4IDNweCByZ2JhKDc0LCA3NCwgNzgsIDAuMTMpO1xufVxuXG4uY2xvc2VJY29uIHtcbiAgd2lkdGg6IDEwcHg7XG4gIGhlaWdodDogMTBweDtcbiAgbWFyZ2luLXRvcDogNnB4O1xuICBjb2xvcjogI2JiYjtcbiAgY3Vyc29yOiBwb2ludGVyO1xufVxuXG4uY29udGVudCB7XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuXG4ubWVkaWEge1xuICBcblxuICAgIHdpZHRoOiA0NnB4O1xuICBoZWlnaHQ6IDQ2cHg7XG4gIFxuXG4gIG1hcmdpbi1yaWdodDogMTBweDtcbiAgZmxleDogMCAwIGF1dG87XG4gIGJvcmRlcjogMXB4IHNvbGlkICNlZmYyZjQ7XG4gIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xufVxuXG4uYWRkIHtcbiAgXG5cbiAgICB3aWR0aDogNDZweDtcbiAgaGVpZ2h0OiA0NnB4O1xuICBcblxuICBib3JkZXI6IDFweCBzb2xpZCAjZWZmMmY0O1xuICBib3JkZXItcmFkaXVzOiAycHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG5cbi5hZGRJY29uIHtcbiAgXG5cbiAgICB3aWR0aDogMTBweDtcbiAgaGVpZ2h0OiAxMHB4O1xuICBcbn1cblxuLnBsYXlJY29uIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBcblxuICAgIHdpZHRoOiAyN3B4O1xuICBoZWlnaHQ6IDI3cHg7XG4gIFxuICB0b3A6IDA7XG4gIGJvdHRvbTogMDtcbiAgcmlnaHQ6IDA7XG4gIGxlZnQ6IDA7XG4gIG1hcmdpbjogYXV0bztcbn1cblxuLmRlbGV0ZUljb24ge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIFxuXG4gICAgd2lkdGg6IDEycHg7XG4gIGhlaWdodDogMTJweDtcbiAgcmlnaHQ6IC02cHg7XG4gIHRvcDogLTZweDtcbiAgXG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cblxuLmR1cmF0aW9uIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBib3R0b206IDJweDtcbiAgcmlnaHQ6IDZweDtcbiAgY29sb3I6ICNmZmY7XG4gIGZvbnQtc2l6ZTogMTJweDtcbiAgbGluZS1oZWlnaHQ6IDE3cHg7XG4gIHRleHQtc2hhZG93OiAwcHggMHB4IDhweCByZ2JhKDAsIDAsIDAsIDAuNSk7XG59XG5cbi5jb3ZlciB7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIG9iamVjdC1maXQ6IGNvdmVyO1xufVxuXG4uZW5kQW5jaG9yIHtcbiAgd2lkdGg6IDA7XG4gIGhlaWdodDogMTAwJTtcbn1cbiJdLCJzb3VyY2VSb290IjoiIn0= */

 .wKRm7_LvGn {
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
}

.iMYp82KrgL {
    cursor: pointer;
    position: absolute;
    right: 24px;
    top: 24px;
    width: 24px;
    height: 24px;
    z-index: 9999;
}

.GhfgwUZ691 {
    width: 24px;
    height: 24px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

@keyframes TZT9NtS1_U {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.ZDdm2YSOgm {
    height: 48px;
}

.J5Jix_JXph {
    animation: TZT9NtS1_U 1s 0s infinite linear;
}

.ZGttcNIdy4 {
    position: absolute;
    top: 50%;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    margin-top: -20px;
    background: rgba(0, 0, 0, 0.3);
    z-index: 9999;
    cursor: pointer;
}

    .ZGttcNIdy4:hover {
        background: rgba(0, 0, 0, 0.6);
    }

.BoRZMytMNg {
    left: 33px;
}

.BZs3Qlu8tL {
    right: 33px;
    transform: rotateZ(180deg);
}

.fdVdVUV4GR {
    max-width: 100vw;
    max-height: 100vh;
}

    .fdVdVUV4GR > img {
        max-width: 100vw;
        max-height: 100vh;
        background: #fff;
    }

.pSCLFAx5ny {
    width: 22px;
    height: 22px;
    color: #fff;
}

.Psfk3Redj0 {
    width: 104px;
}

.jJhgcDmDMU {
    width: 1067px;
    height: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
}

.OqjFMKFfIU {
    display: none;
}

.J150raCe6r {
    background: #fff;
    display: flex;
    flex-direction: column;
    padding: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    width: 398px;
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.12);
    border-radius: 4px;
    color: #333;
}

    .J150raCe6r .bB8YcwASGE {
        margin-bottom: 36px;
        font-weight: 500;
        font-size: 20px;
        line-height: 20px;
        display: flex;
        align-items: center;
    }

        .J150raCe6r .bB8YcwASGE .cUJoB835zp {
            margin-right: 8px;
        }

            .J150raCe6r .bB8YcwASGE .cUJoB835zp svg path {
                stroke: #faad14;
            }

    .J150raCe6r .LnLvxIvzWr {
        margin-bottom: 36px;
        font-size: 14px;
        line-height: 18px;
    }

        .J150raCe6r .LnLvxIvzWr .hoioNKBC14 {
            font-size: 14px;
            line-height: 14px;
            color: #2673dd;
            text-decoration-line: underline;
            cursor: pointer;
        }

    .J150raCe6r .Ay8Zpt5IDY {
        display: flex;
        justify-content: flex-end;
    }

        .J150raCe6r .Ay8Zpt5IDY .dGs6wHn8TU {
            border: 1px solid #e5e5e5;
            padding: 8px 16px;
            margin-right: 16px;
            cursor: pointer;
        }

        .J150raCe6r .Ay8Zpt5IDY .anj_g3F2MQ {
            background: #ee4d2d;
            border-radius: 4px;
            color: #fff;
            padding: 8px 16px;
            cursor: pointer;
        }

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3NyYy9jb21wb25lbnRzL21lZGlhLXByZXZpZXctbW9kYWwvaW5kZXguY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0UsWUFBWTtFQUNaLGVBQWU7RUFDZixNQUFNO0VBQ04sT0FBTztFQUNQLFFBQVE7RUFDUiw4QkFBOEI7RUFDOUIsYUFBYTtFQUNiLG1CQUFtQjtFQUNuQix1QkFBdUI7QUFDekI7O0FBRUE7RUFDRSxlQUFlO0VBQ2Ysa0JBQWtCO0VBQ2xCLFdBQVc7RUFDWCxTQUFTO0VBQ1QsV0FBVztFQUNYLFlBQVk7RUFDWixhQUFhO0FBQ2Y7O0FBRUE7RUFDRSxXQUFXO0VBQ1gsWUFBWTtFQUNaLHlCQUFpQjtLQUFqQixzQkFBaUI7VUFBakIsaUJBQWlCO0FBQ25COztBQUVBO0VBQ0U7SUFDRSx1QkFBdUI7RUFDekI7O0VBRUE7SUFDRSx5QkFBeUI7RUFDM0I7QUFDRjs7QUFFQTtFQUNFLFlBQVk7QUFDZDs7QUFFQTtFQUNFLDJDQUFpRDtBQUNuRDs7QUFFQTtFQUNFLGtCQUFrQjtFQUNsQixRQUFRO0VBQ1IsWUFBWTtFQUNaLFdBQVc7RUFDWCxrQkFBa0I7RUFDbEIsa0JBQWtCO0VBQ2xCLGlCQUFpQjtFQUNqQixpQkFBaUI7RUFDakIsOEJBQThCO0VBQzlCLGFBQWE7RUFDYixlQUFlO0FBS2pCOztBQUhFO0lBQ0UsOEJBQThCO0VBQ2hDOztBQUdGO0VBQ0UsVUFBVTtBQUNaOztBQUVBO0VBQ0UsV0FBVztFQUNYLDBCQUEwQjtBQUM1Qjs7QUFFQTtFQUNFLGdCQUFnQjtFQUNoQixpQkFBaUI7QUFDbkI7O0FBRUE7RUFDRSxnQkFBZ0I7RUFDaEIsaUJBQWlCO0VBQ2pCLGdCQUFnQjtBQUNsQjs7QUFFQTtFQUNFLFdBQVc7RUFDWCxZQUFZO0VBQ1osV0FBVztBQUNiOztBQUVBO0VBQ0UsWUFBWTtBQUNkOztBQUVBO0VBQ0UsYUFBYTtFQUNiLGFBQWE7RUFDYixhQUFhO0VBQ2IsbUJBQW1CO0VBQ25CLHVCQUF1QjtFQUN2QixzQkFBc0I7QUFDeEI7O0FBRUE7RUFDRSxhQUFhO0FBQ2Y7O0FBRUE7RUFDRSxnQkFBZ0I7RUFDaEIsYUFBYTtFQUNiLHNCQUFzQjtFQUN0QixhQUFhO0VBQ2Isa0JBQWtCO0VBQ2xCLFFBQVE7RUFDUixTQUFTO0VBQ1QsZ0NBQWdDO0VBQ2hDLHNCQUFzQjtFQUN0QixZQUFZO0VBQ1osdUNBQXVDO0VBQ3ZDLGtCQUFrQjtFQUNsQixXQUFXO0FBc0RiOztBQXBERTtJQUNFLG1CQUFtQjtJQUNuQixnQkFBZ0I7SUFDaEIsZUFBZTtJQUNmLGlCQUFpQjtJQUNqQixhQUFhO0lBQ2IsbUJBQW1CO0VBV3JCOztBQVRFO01BQ0UsaUJBQWlCO0lBT25COztBQUpJO1VBQ0UsZUFBZTtRQUNqQjs7QUFLTjtJQUNFLG1CQUFtQjtJQUNuQixlQUFlO0lBQ2YsaUJBQWlCO0VBU25COztBQVBFO01BQ0UsZUFBZTtNQUNmLGlCQUFpQjtNQUNqQixjQUFjO01BQ2QsK0JBQStCO01BQy9CLGVBQWU7SUFDakI7O0FBR0Y7SUFDRSxhQUFhO0lBQ2IseUJBQXlCO0VBZ0IzQjs7QUFkRTtNQUNFLHlCQUF5QjtNQUN6QixpQkFBaUI7TUFDakIsa0JBQWtCO01BQ2xCLGVBQWU7SUFDakI7O0FBRUE7TUFDRSxtQkFBbUI7TUFDbkIsa0JBQWtCO01BQ2xCLFdBQVc7TUFDWCxpQkFBaUI7TUFDakIsZUFBZTtJQUNqQiIsInNvdXJjZXNDb250ZW50IjpbIi5yb290IHtcbiAgaGVpZ2h0OiAxMDAlO1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgcmlnaHQ6IDA7XG4gIGJhY2tncm91bmQ6IHJnYmEoMCwgMCwgMCwgMC41KTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG59XG5cbi5jbG9zZSB7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogMjRweDtcbiAgdG9wOiAyNHB4O1xuICB3aWR0aDogMjRweDtcbiAgaGVpZ2h0OiAyNHB4O1xuICB6LWluZGV4OiA5OTk5O1xufVxuXG4uY2xvc2VJY29uIHtcbiAgd2lkdGg6IDI0cHg7XG4gIGhlaWdodDogMjRweDtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG59XG5cbkBrZXlmcmFtZXMgbG9hZGluZ0tleWZyYW1lcyB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcbiAgfVxuXG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7XG4gIH1cbn1cblxuLmxvYWRpbmcge1xuICBoZWlnaHQ6IDQ4cHg7XG59XG5cbi5sb2FkaW5nU3BpbiB7XG4gIGFuaW1hdGlvbjogbG9hZGluZ0tleWZyYW1lcyAxcyAwcyBpbmZpbml0ZSBsaW5lYXI7XG59XG5cbi5hcnJvdyB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiA1MCU7XG4gIGhlaWdodDogNDBweDtcbiAgd2lkdGg6IDQwcHg7XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBsaW5lLWhlaWdodDogNTBweDtcbiAgbWFyZ2luLXRvcDogLTIwcHg7XG4gIGJhY2tncm91bmQ6IHJnYmEoMCwgMCwgMCwgMC4zKTtcbiAgei1pbmRleDogOTk5OTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQ6IHJnYmEoMCwgMCwgMCwgMC42KTtcbiAgfVxufVxuXG4uYXJyb3dMZWZ0IHtcbiAgbGVmdDogMzNweDtcbn1cblxuLmFycm93UmlnaHQge1xuICByaWdodDogMzNweDtcbiAgdHJhbnNmb3JtOiByb3RhdGVaKDE4MGRlZyk7XG59XG5cbi5pbWFnZSB7XG4gIG1heC13aWR0aDogMTAwdnc7XG4gIG1heC1oZWlnaHQ6IDEwMHZoO1xufVxuXG4uaW1hZ2UgPiBpbWcge1xuICBtYXgtd2lkdGg6IDEwMHZ3O1xuICBtYXgtaGVpZ2h0OiAxMDB2aDtcbiAgYmFja2dyb3VuZDogI2ZmZjtcbn1cblxuLmFycm93SWNvbiB7XG4gIHdpZHRoOiAyMnB4O1xuICBoZWlnaHQ6IDIycHg7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4uZmFpbGVkIHtcbiAgd2lkdGg6IDEwNHB4O1xufVxuXG4uZmFpbGVkQmcge1xuICB3aWR0aDogMTA2N3B4O1xuICBoZWlnaHQ6IDYwMHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcbn1cblxuLmhpZGUge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4ucXItY29kZS1tYXNrIHtcbiAgYmFja2dyb3VuZDogI2ZmZjtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgcGFkZGluZzogMjRweDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDUwJTtcbiAgbGVmdDogNTAlO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAtNTAlKTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgd2lkdGg6IDM5OHB4O1xuICBib3gtc2hhZG93OiAwIDAgOXB4IHJnYmEoMCwgMCwgMCwgMC4xMik7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgY29sb3I6ICMzMzM7XG5cbiAgJiAucXItY29kZS1tYXNrLXRpdGxlIHtcbiAgICBtYXJnaW4tYm90dG9tOiAzNnB4O1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG4gICAgZm9udC1zaXplOiAyMHB4O1xuICAgIGxpbmUtaGVpZ2h0OiAyMHB4O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgICYgLndhcm4taWNvbiB7XG4gICAgICBtYXJnaW4tcmlnaHQ6IDhweDtcblxuICAgICAgJiBzdmcge1xuICAgICAgICAmIHBhdGgge1xuICAgICAgICAgIHN0cm9rZTogI2ZhYWQxNDtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gICYgLnFyLWNvZGUtbWFzay1ib2R5IHtcbiAgICBtYXJnaW4tYm90dG9tOiAzNnB4O1xuICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICBsaW5lLWhlaWdodDogMThweDtcblxuICAgICYgLmxlYXJuLW1vcmUge1xuICAgICAgZm9udC1zaXplOiAxNHB4O1xuICAgICAgbGluZS1oZWlnaHQ6IDE0cHg7XG4gICAgICBjb2xvcjogIzI2NzNkZDtcbiAgICAgIHRleHQtZGVjb3JhdGlvbi1saW5lOiB1bmRlcmxpbmU7XG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgfVxuICB9XG5cbiAgJiAucXItY29kZS1tYXNrLWZvb3RlciB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuXG4gICAgJiAub3Blbi1idXR0b24ge1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgI2U1ZTVlNTtcbiAgICAgIHBhZGRpbmc6IDhweCAxNnB4O1xuICAgICAgbWFyZ2luLXJpZ2h0OiAxNnB4O1xuICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIH1cblxuICAgICYgLmJhY2stYnV0dG9uIHtcbiAgICAgIGJhY2tncm91bmQ6ICNlZTRkMmQ7XG4gICAgICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgICBjb2xvcjogI2ZmZjtcbiAgICAgIHBhZGRpbmc6IDhweCAxNnB4O1xuICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIH1cbiAgfVxufVxuIl0sInNvdXJjZVJvb3QiOiIifQ== */ 

.CXaUASDv5Q {
    display: flex;
    align-items: center;
    font-style: italic;
}

.IOSNtQB8eI {
    color: rgba(0, 0, 0, 0.26);
    width: 100%;
}

.r2QAmmJPRD {
    text-overflow: ellipsis;
    overflow: hidden;
}

.ZePQYMd_fC {
    width: 12px;
    height: 12px;
    margin-right: 2px;
    flex-shrink: 0;
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3NyYy9jb21wb25lbnRzL2RlbGV0ZWQtbWVzc2FnZS10ZXh0L2luZGV4LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFLGFBQWE7RUFDYixtQkFBbUI7RUFDbkIsa0JBQWtCO0FBQ3BCOztBQUVBO0VBQ0UsMEJBQTBCO0VBQzFCLFdBQVc7QUFDYjs7QUFFQTtFQUNFLHVCQUF1QjtFQUN2QixnQkFBZ0I7QUFDbEI7O0FBRUE7SUFDSSxXQUFXO0VBQ2IsWUFBWTtFQUNaLGlCQUFpQjs7O0VBR2pCLGNBQWM7QUFDaEIiLCJzb3VyY2VzQ29udGVudCI6WyIubWVzc2FnZS1kZWxldGUge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBmb250LXN0eWxlOiBpdGFsaWM7XG59XG5cbi5oaW50IHtcbiAgY29sb3I6IHJnYmEoMCwgMCwgMCwgMC4yNik7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG4uZWxsaXBzaXMge1xuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbn1cblxuLm1lc3NhZ2UtZGVsZXRlLWljb24ge1xuICAgIHdpZHRoOiAxMnB4O1xuICBoZWlnaHQ6IDEycHg7XG4gIG1hcmdpbi1yaWdodDogMnB4O1xuICBcbiAgXG4gIGZsZXgtc2hyaW5rOiAwO1xufVxuIl0sInNvdXJjZVJvb3QiOiIifQ== */



@keyframes spin {
    from

{
    transform: rotate(0)
}

to {
    transform: rotate(360deg)
}

}

.spinning-ring, .spinning-s {
    position: absolute;
    width: 200px;
    height: 200px;
    left: 50%;
    top: 50%;
    margin: -100px 0 0 -100px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.spinning-s {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAACXBIWXMAAC4jAAAuIwF4pT92AAAFFmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiIHhtcDpDcmVhdGVEYXRlPSIyMDE4LTEyLTEwVDAxOjMzOjU2KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOC0xMi0yNFQxODozMDowNSswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOC0xMi0yNFQxODozMDowNSswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxMTVmOWY5Ni0wOTRjLTQ2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)
}

.spinning-ring {
    background-image: url(data:image/png;base64,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);
    animation-name: spin;
    animation-duration: 2.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.loading-screen {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 99999
}



.TextMessage-module_content__1OhmO {
    max-width: 320px;
    color: #333;
    font-size: 14px;
    line-height: 20px;
    box-sizing: border-box;
    border-radius: 2px;
    padding: 8px 12px;
    letter-spacing: 0;
    word-break: break-word;
    white-space: pre-wrap;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.TextMessage-module_content__1OhmO > a {
    text-decoration: underline;
}

    .TextMessage-module_content__1OhmO > a:link, .TextMessage-module_content__1OhmO > a:hover, .TextMessage-module_content__1OhmO > a:visited, .TextMessage-module_content__1OhmO > a:active {
        color: #385692;
    }

.TextMessage-module_receiverContent__3RLrm {
    background: #F5F6F8;
}

.TextMessage-module_senderContent__1KFch {
    background: #D7E4FF;
}

.TextMessage-module_m-content__3Uldu {
    max-width: 412px;
    font-size: 16px;
    line-height: 24px;
}


 .ImagePreview-module_root__2vB6G {
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
}

.ImagePreview-module_close__3GxUe {
    cursor: pointer;
    position: absolute;
    right: 24px;
    top: 24px;
    width: 24px;
    height: 24px;
}

.ImagePreview-module_closeIcon__3hCSi {
    width: 24px;
    height: 24px;
}

@-webkit-keyframes ImagePreview-module_loadingKeyframes__b3CMe {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes ImagePreview-module_loadingKeyframes__b3CMe {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.ImagePreview-module_loading__PYDWv {
    height: 48px;
}

    .ImagePreview-module_loading__PYDWv > img {
        -webkit-animation: ImagePreview-module_loadingKeyframes__b3CMe 1s 0s infinite linear;
        animation: ImagePreview-module_loadingKeyframes__b3CMe 1s 0s infinite linear;
    }

.ImagePreview-module_arrow__1ajZ8 {
    position: absolute;
    top: 50%;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    margin-top: -20px;
    background: rgba(0, 0, 0, 0.3);
    cursor: pointer;
}

    .ImagePreview-module_arrow__1ajZ8:hover {
        background: rgba(0, 0, 0, 0.6);
    }

.ImagePreview-module_arrowLeft__88Ukq {
    left: 33px;
}

.ImagePreview-module_arrowRight__3QL2j {
    right: 33px;
    transform: rotateZ(180deg);
}

.ImagePreview-module_image__3T90T {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .ImagePreview-module_image__3T90T img {
        max-width: 100%;
        max-height: 100%;
        padding: 16px;
    }


 @-webkit-keyframes ImageMessage-module_spinner__2MZm_ {
    0%

{
    transform: rotate(0);
}

100% {
    transform: rotate(360deg);
}

}

@keyframes ImageMessage-module_spinner__2MZm_ {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.ImageMessage-module_spin__2q_qh {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEqADAAQAAAABAAAAEgAAAACaqbJVAAABU0lEQVQ4Ea2TSU8DMQxGh30RCKQWieXEgf//W7iD4IQAtaBW7Ft5z6qHFGmqHGrpNZ7E+RLHbtMsyJY6dLaYP4B92IBl+IAR3MEzzNh/ITecgCL6rjuWvnO3cAk/EFYKGXwKu+D8AwzhFbRtOIQjMNbbnUOIreCkHePswRdcwT2YzmSKvuJj6MEOrIGHNSm0iW9K2jU86XTYG/O+kTfz4DgwhfpMKPYIcQLjPDNdC6KQNx6Yq2b+TihUazcEut/ChOO4Cj7aux+VZvoKeYmojuPZ1L9gbEvqQq1lalZEgfXajcTZIklbNcuYIi+VYhZKIW2SVbN3bEQFfSe/55mZ+K4KzTTkNxMuKmQbfEKXmIf7/1PESru3TU3fRjPAk+wRNxhksJucdz2fwJt4YFjmWH7bZJbUwESx9B0tTv59cP8eKz6Kn0zR0zMFU02BSKeIX5z7C/3bSvJS2oegAAAAAElFTkSuQmCC");
    background-size: cover;
    -webkit-animation: ImageMessage-module_spinner__2MZm_ linear 0.8s infinite;
    animation: ImageMessage-module_spinner__2MZm_ linear 0.8s infinite;
}

.ImageMessage-module_fail__24XSt {
    width: 144px;
    height: 144px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    border: 4px solid #D7E4FF;
}

.ImageMessage-module_loading__s3rNk {
    width: 144px;
    height: 144px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    border: 4px solid #D7E4FF;
}

.ImageMessage-module_container__2khy8 {
    font-size: 16px;
    box-sizing: border-box;
    border-radius: 2px;
    border: 4px solid #F5F6F8;
    line-height: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

    .ImageMessage-module_container__2khy8 > svg {
        margin-right: 8px;
    }

.ImageMessage-module_isSender__347Hl {
    border-color: #D7E4FF;
}

.ImageMessage-module_img__2OTii {
    cursor: pointer;
}



.SystemMessage-module_root__2irW- {
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    color: #bbb;
    max-width: 320px;
}


 .move-up-enter, .move-up-appear {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.move-up-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.move-up-enter.move-up-enter-active, .move-up-appear.move-up-appear-active {
    -webkit-animation-name: shopeeMoveUpIn;
    animation-name: shopeeMoveUpIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.move-up-leave.move-up-leave-active {
    -webkit-animation-name: shopeeMoveUpOut;
    animation-name: shopeeMoveUpOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.move-up-enter, .move-up-appear {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1)
}

.move-up-leave {
    -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
    animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34)
}

.move-down-enter, .move-down-appear {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.move-down-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.move-down-enter.move-down-enter-active, .move-down-appear.move-down-appear-active {
    -webkit-animation-name: shopeeMoveDownIn;
    animation-name: shopeeMoveDownIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.move-down-leave.move-down-leave-active {
    -webkit-animation-name: shopeeMoveDownOut;
    animation-name: shopeeMoveDownOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.move-down-enter, .move-down-appear {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1)
}

.move-down-leave {
    -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
    animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34)
}

.move-left-enter, .move-left-appear {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.move-left-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.move-left-enter.move-left-enter-active, .move-left-appear.move-left-appear-active {
    -webkit-animation-name: shopeeMoveLeftIn;
    animation-name: shopeeMoveLeftIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.move-left-leave.move-left-leave-active {
    -webkit-animation-name: shopeeMoveLeftOut;
    animation-name: shopeeMoveLeftOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.move-left-enter, .move-left-appear {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1)
}

.move-left-leave {
    -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
    animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34)
}

.move-right-enter, .move-right-appear {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.move-right-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.move-right-enter.move-right-enter-active, .move-right-appear.move-right-appear-active {
    -webkit-animation-name: shopeeMoveRightIn;
    animation-name: shopeeMoveRightIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.move-right-leave.move-right-leave-active {
    -webkit-animation-name: shopeeMoveRightOut;
    animation-name: shopeeMoveRightOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.move-right-enter, .move-right-appear {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1)
}

.move-right-leave {
    -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
    animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34)
}

@-webkit-keyframes shopeeMoveDownIn {
    0% {
        transform: translateY(100%);
        transform-origin: 0 0;
        opacity: 0
    }

    100% {
        transform: translateY(0%);
        transform-origin: 0 0;
        opacity: 1
    }
}

@keyframes shopeeMoveDownIn {
    0% {
        transform: translateY(100%);
        transform-origin: 0 0;
        opacity: 0
    }

    100% {
        transform: translateY(0%);
        transform-origin: 0 0;
        opacity: 1
    }
}

@-webkit-keyframes shopeeMoveDownOut {
    0% {
        transform: translateY(0%);
        transform-origin: 0 0;
        opacity: 1
    }

    100% {
        transform: translateY(100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

@keyframes shopeeMoveDownOut {
    0% {
        transform: translateY(0%);
        transform-origin: 0 0;
        opacity: 1
    }

    100% {
        transform: translateY(100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

@-webkit-keyframes shopeeMoveLeftIn {
    0% {
        transform: translateX(-100%);
        transform-origin: 0 0;
        opacity: 0
    }

    100% {
        transform: translateX(0%);
        transform-origin: 0 0;
        opacity: 1
    }
}

@keyframes shopeeMoveLeftIn {
    0% {
        transform: translateX(-100%);
        transform-origin: 0 0;
        opacity: 0
    }

    100% {
        transform: translateX(0%);
        transform-origin: 0 0;
        opacity: 1
    }
}

@-webkit-keyframes shopeeMoveLeftOut {
    0% {
        transform: translateX(0%);
        transform-origin: 0 0;
        opacity: 1
    }

    100% {
        transform: translateX(-100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

@keyframes shopeeMoveLeftOut {
    0% {
        transform: translateX(0%);
        transform-origin: 0 0;
        opacity: 1
    }

    100% {
        transform: translateX(-100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

@-webkit-keyframes shopeeMoveRightIn {
    0% {
        transform: translateX(100%);
        transform-origin: 0 0;
        opacity: 0
    }

    100% {
        transform: translateX(0%);
        transform-origin: 0 0;
        opacity: 1
    }
}

@keyframes shopeeMoveRightIn {
    0% {
        transform: translateX(100%);
        transform-origin: 0 0;
        opacity: 0
    }

    100% {
        transform: translateX(0%);
        transform-origin: 0 0;
        opacity: 1
    }
}

@-webkit-keyframes shopeeMoveRightOut {
    0% {
        transform: translateX(0%);
        transform-origin: 0 0;
        opacity: 1
    }

    100% {
        transform: translateX(100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

@keyframes shopeeMoveRightOut {
    0% {
        transform: translateX(0%);
        transform-origin: 0 0;
        opacity: 1
    }

    100% {
        transform: translateX(100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

@-webkit-keyframes shopeeMoveUpIn {
    0% {
        transform: translateY(-100%);
        transform-origin: 0 0;
        opacity: 0
    }

    100% {
        transform: translateY(0%);
        transform-origin: 0 0;
        opacity: 1
    }
}

@keyframes shopeeMoveUpIn {
    0% {
        transform: translateY(-100%);
        transform-origin: 0 0;
        opacity: 0
    }

    100% {
        transform: translateY(0%);
        transform-origin: 0 0;
        opacity: 1
    }
}

@-webkit-keyframes shopeeMoveUpOut {
    0% {
        transform: translateY(0%);
        transform-origin: 0 0;
        opacity: 1
    }

    100% {
        transform: translateY(-100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

@keyframes shopeeMoveUpOut {
    0% {
        transform: translateY(0%);
        transform-origin: 0 0;
        opacity: 1
    }

    100% {
        transform: translateY(-100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

.zoom-enter, .zoom-appear {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-enter.zoom-enter-active, .zoom-appear.zoom-appear-active {
    -webkit-animation-name: shopeeZoomIn;
    animation-name: shopeeZoomIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-leave.zoom-leave-active {
    -webkit-animation-name: shopeeZoomOut;
    animation-name: shopeeZoomOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.zoom-enter, .zoom-appear {
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1)
}

.zoom-enter-prepare, .zoom-appear-prepare {
    transform: none
}

.zoom-leave {
    -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
    animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86)
}

.zoom-big-enter, .zoom-big-appear {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-big-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-big-enter.zoom-big-enter-active, .zoom-big-appear.zoom-big-appear-active {
    -webkit-animation-name: shopeeZoomBigIn;
    animation-name: shopeeZoomBigIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-big-leave.zoom-big-leave-active {
    -webkit-animation-name: shopeeZoomBigOut;
    animation-name: shopeeZoomBigOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.zoom-big-enter, .zoom-big-appear {
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1)
}

.zoom-big-enter-prepare, .zoom-big-appear-prepare {
    transform: none
}

.zoom-big-leave {
    -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
    animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86)
}

.zoom-big-fast-enter, .zoom-big-fast-appear {
    -webkit-animation-duration: .1s;
    animation-duration: .1s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-big-fast-leave {
    -webkit-animation-duration: .1s;
    animation-duration: .1s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-big-fast-enter.zoom-big-fast-enter-active, .zoom-big-fast-appear.zoom-big-fast-appear-active {
    -webkit-animation-name: shopeeZoomBigIn;
    animation-name: shopeeZoomBigIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-big-fast-leave.zoom-big-fast-leave-active {
    -webkit-animation-name: shopeeZoomBigOut;
    animation-name: shopeeZoomBigOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.zoom-big-fast-enter, .zoom-big-fast-appear {
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1)
}

.zoom-big-fast-enter-prepare, .zoom-big-fast-appear-prepare {
    transform: none
}

.zoom-big-fast-leave {
    -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
    animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86)
}

.zoom-up-enter, .zoom-up-appear {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-up-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-up-enter.zoom-up-enter-active, .zoom-up-appear.zoom-up-appear-active {
    -webkit-animation-name: shopeeZoomUpIn;
    animation-name: shopeeZoomUpIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-up-leave.zoom-up-leave-active {
    -webkit-animation-name: shopeeZoomUpOut;
    animation-name: shopeeZoomUpOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.zoom-up-enter, .zoom-up-appear {
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1)
}

.zoom-up-enter-prepare, .zoom-up-appear-prepare {
    transform: none
}

.zoom-up-leave {
    -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
    animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86)
}

.zoom-down-enter, .zoom-down-appear {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-down-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-down-enter.zoom-down-enter-active, .zoom-down-appear.zoom-down-appear-active {
    -webkit-animation-name: shopeeZoomDownIn;
    animation-name: shopeeZoomDownIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-down-leave.zoom-down-leave-active {
    -webkit-animation-name: shopeeZoomDownOut;
    animation-name: shopeeZoomDownOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.zoom-down-enter, .zoom-down-appear {
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1)
}

.zoom-down-enter-prepare, .zoom-down-appear-prepare {
    transform: none
}

.zoom-down-leave {
    -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
    animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86)
}

.zoom-left-enter, .zoom-left-appear {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-left-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-left-enter.zoom-left-enter-active, .zoom-left-appear.zoom-left-appear-active {
    -webkit-animation-name: shopeeZoomLeftIn;
    animation-name: shopeeZoomLeftIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-left-leave.zoom-left-leave-active {
    -webkit-animation-name: shopeeZoomLeftOut;
    animation-name: shopeeZoomLeftOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.zoom-left-enter, .zoom-left-appear {
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1)
}

.zoom-left-enter-prepare, .zoom-left-appear-prepare {
    transform: none
}

.zoom-left-leave {
    -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
    animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86)
}

.zoom-right-enter, .zoom-right-appear {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-right-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-right-enter.zoom-right-enter-active, .zoom-right-appear.zoom-right-appear-active {
    -webkit-animation-name: shopeeZoomRightIn;
    animation-name: shopeeZoomRightIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-right-leave.zoom-right-leave-active {
    -webkit-animation-name: shopeeZoomRightOut;
    animation-name: shopeeZoomRightOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.zoom-right-enter, .zoom-right-appear {
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1)
}

.zoom-right-enter-prepare, .zoom-right-appear-prepare {
    transform: none
}

.zoom-right-leave {
    -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
    animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86)
}

@-webkit-keyframes shopeeZoomIn {
    0% {
        transform: scale(0.2);
        opacity: 0
    }

    100% {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes shopeeZoomIn {
    0% {
        transform: scale(0.2);
        opacity: 0
    }

    100% {
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes shopeeZoomOut {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(0.2);
        opacity: 0
    }
}

@keyframes shopeeZoomOut {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(0.2);
        opacity: 0
    }
}

@-webkit-keyframes shopeeZoomBigIn {
    0% {
        transform: scale(0.8);
        opacity: 0
    }

    100% {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes shopeeZoomBigIn {
    0% {
        transform: scale(0.8);
        opacity: 0
    }

    100% {
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes shopeeZoomBigOut {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(0.8);
        opacity: 0
    }
}

@keyframes shopeeZoomBigOut {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(0.8);
        opacity: 0
    }
}

@-webkit-keyframes shopeeZoomUpIn {
    0% {
        transform: scale(0.8);
        transform-origin: 50% 0%;
        opacity: 0
    }

    100% {
        transform: scale(1);
        transform-origin: 50% 0%
    }
}

@keyframes shopeeZoomUpIn {
    0% {
        transform: scale(0.8);
        transform-origin: 50% 0%;
        opacity: 0
    }

    100% {
        transform: scale(1);
        transform-origin: 50% 0%
    }
}

@-webkit-keyframes shopeeZoomUpOut {
    0% {
        transform: scale(1);
        transform-origin: 50% 0%
    }

    100% {
        transform: scale(0.8);
        transform-origin: 50% 0%;
        opacity: 0
    }
}

@keyframes shopeeZoomUpOut {
    0% {
        transform: scale(1);
        transform-origin: 50% 0%
    }

    100% {
        transform: scale(0.8);
        transform-origin: 50% 0%;
        opacity: 0
    }
}

@-webkit-keyframes shopeeZoomLeftIn {
    0% {
        transform: scale(0.8);
        transform-origin: 0% 50%;
        opacity: 0
    }

    100% {
        transform: scale(1);
        transform-origin: 0% 50%
    }
}

@keyframes shopeeZoomLeftIn {
    0% {
        transform: scale(0.8);
        transform-origin: 0% 50%;
        opacity: 0
    }

    100% {
        transform: scale(1);
        transform-origin: 0% 50%
    }
}

@-webkit-keyframes shopeeZoomLeftOut {
    0% {
        transform: scale(1);
        transform-origin: 0% 50%
    }

    100% {
        transform: scale(0.8);
        transform-origin: 0% 50%;
        opacity: 0
    }
}

@keyframes shopeeZoomLeftOut {
    0% {
        transform: scale(1);
        transform-origin: 0% 50%
    }

    100% {
        transform: scale(0.8);
        transform-origin: 0% 50%;
        opacity: 0
    }
}

@-webkit-keyframes shopeeZoomRightIn {
    0% {
        transform: scale(0.8);
        transform-origin: 100% 50%;
        opacity: 0
    }

    100% {
        transform: scale(1);
        transform-origin: 100% 50%
    }
}

@keyframes shopeeZoomRightIn {
    0% {
        transform: scale(0.8);
        transform-origin: 100% 50%;
        opacity: 0
    }

    100% {
        transform: scale(1);
        transform-origin: 100% 50%
    }
}

@-webkit-keyframes shopeeZoomRightOut {
    0% {
        transform: scale(1);
        transform-origin: 100% 50%
    }

    100% {
        transform: scale(0.8);
        transform-origin: 100% 50%;
        opacity: 0
    }
}

@keyframes shopeeZoomRightOut {
    0% {
        transform: scale(1);
        transform-origin: 100% 50%
    }

    100% {
        transform: scale(0.8);
        transform-origin: 100% 50%;
        opacity: 0
    }
}

@-webkit-keyframes shopeeZoomDownIn {
    0% {
        transform: scale(0.8);
        transform-origin: 50% 100%;
        opacity: 0
    }

    100% {
        transform: scale(1);
        transform-origin: 50% 100%
    }
}

@keyframes shopeeZoomDownIn {
    0% {
        transform: scale(0.8);
        transform-origin: 50% 100%;
        opacity: 0
    }

    100% {
        transform: scale(1);
        transform-origin: 50% 100%
    }
}

@-webkit-keyframes shopeeZoomDownOut {
    0% {
        transform: scale(1);
        transform-origin: 50% 100%
    }

    100% {
        transform: scale(0.8);
        transform-origin: 50% 100%;
        opacity: 0
    }
}

@keyframes shopeeZoomDownOut {
    0% {
        transform: scale(1);
        transform-origin: 50% 100%
    }

    100% {
        transform: scale(0.8);
        transform-origin: 50% 100%;
        opacity: 0
    }
}

.shopee-react-tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    visibility: visible
}

.shopee-react-tooltip-hidden {
    display: none
}

.shopee-react-tooltip-placement-top, .shopee-react-tooltip-placement-topLeft, .shopee-react-tooltip-placement-topRight {
    padding-bottom: 8px
}

.shopee-react-tooltip-placement-right, .shopee-react-tooltip-placement-rightTop, .shopee-react-tooltip-placement-rightBottom {
    padding-left: 8px
}

.shopee-react-tooltip-placement-bottom, .shopee-react-tooltip-placement-bottomLeft, .shopee-react-tooltip-placement-bottomRight {
    padding-top: 8px
}

.shopee-react-tooltip-placement-left, .shopee-react-tooltip-placement-leftTop, .shopee-react-tooltip-placement-leftBottom {
    padding-right: 8px
}

.shopee-react-tooltip-inner {
    box-sizing: border-box;
    font-size: 14px;
    min-width: 30px;
    padding: 4px 8px;
    color: #fff;
    text-align: left;
    text-decoration: none;
    word-wrap: break-word;
    background-color: #000;
    border-radius: 4px;
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.09),0 8px 8px 0 rgba(0,0,0,0.05)
}

.shopee-react-tooltip.no-arrow .shopee-react-tooltip-arrow {
    display: none
}

.shopee-react-tooltip-arrow {
    position: absolute;
    display: block;
    width: 13px;
    height: 13px;
    overflow: hidden;
    background: transparent;
    pointer-events: none
}

.shopee-react-tooltip-arrow-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 5px;
    height: 5px;
    margin: auto;
    background-color: #000;
    content: '';
    pointer-events: auto
}

.shopee-react-tooltip-placement-top .shopee-react-tooltip-arrow, .shopee-react-tooltip-placement-topLeft .shopee-react-tooltip-arrow, .shopee-react-tooltip-placement-topRight .shopee-react-tooltip-arrow {
    bottom: -5px
}

.shopee-react-tooltip-placement-top .shopee-react-tooltip-arrow-content, .shopee-react-tooltip-placement-topLeft .shopee-react-tooltip-arrow-content, .shopee-react-tooltip-placement-topRight .shopee-react-tooltip-arrow-content {
    box-shadow: 3px 3px 7px fade(#000, 7%);
    transform: translateY(-6.5px) rotate(45deg)
}

.shopee-react-tooltip-placement-top .shopee-react-tooltip-arrow {
    left: 50%;
    transform: translateX(-50%)
}

.shopee-react-tooltip-placement-topLeft .shopee-react-tooltip-arrow {
    left: 13px
}

.shopee-react-tooltip-placement-topRight .shopee-react-tooltip-arrow {
    right: 13px
}

.shopee-react-tooltip-placement-right .shopee-react-tooltip-arrow, .shopee-react-tooltip-placement-rightTop .shopee-react-tooltip-arrow, .shopee-react-tooltip-placement-rightBottom .shopee-react-tooltip-arrow {
    left: -5px
}

.shopee-react-tooltip-placement-right .shopee-react-tooltip-arrow-content, .shopee-react-tooltip-placement-rightTop .shopee-react-tooltip-arrow-content, .shopee-react-tooltip-placement-rightBottom .shopee-react-tooltip-arrow-content {
    box-shadow: -3px 3px 7px fade(#000, 7%);
    transform: translateX(6.5px) rotate(45deg)
}

.shopee-react-tooltip-placement-right .shopee-react-tooltip-arrow {
    top: 50%;
    transform: translateY(-50%)
}

.shopee-react-tooltip-placement-rightTop .shopee-react-tooltip-arrow {
    top: 5px
}

.shopee-react-tooltip-placement-rightBottom .shopee-react-tooltip-arrow {
    bottom: 5px
}

.shopee-react-tooltip-placement-left .shopee-react-tooltip-arrow, .shopee-react-tooltip-placement-leftTop .shopee-react-tooltip-arrow, .shopee-react-tooltip-placement-leftBottom .shopee-react-tooltip-arrow {
    right: -5px
}

.shopee-react-tooltip-placement-left .shopee-react-tooltip-arrow-content, .shopee-react-tooltip-placement-leftTop .shopee-react-tooltip-arrow-content, .shopee-react-tooltip-placement-leftBottom .shopee-react-tooltip-arrow-content {
    box-shadow: 0px 7px fade(#000, 7%);
    transform: translateX(-6.5px) rotate(45deg)
}

.shopee-react-tooltip-placement-left .shopee-react-tooltip-arrow {
    top: 50%;
    transform: translateY(-50%)
}

.shopee-react-tooltip-placement-leftTop .shopee-react-tooltip-arrow {
    top: 5px
}

.shopee-react-tooltip-placement-leftBottom .shopee-react-tooltip-arrow {
    bottom: 5px
}

.shopee-react-tooltip-placement-bottom .shopee-react-tooltip-arrow, .shopee-react-tooltip-placement-bottomLeft .shopee-react-tooltip-arrow, .shopee-react-tooltip-placement-bottomRight .shopee-react-tooltip-arrow {
    top: -5px
}

.shopee-react-tooltip-placement-bottom .shopee-react-tooltip-arrow-content, .shopee-react-tooltip-placement-bottomLeft .shopee-react-tooltip-arrow-content, .shopee-react-tooltip-placement-bottomRight .shopee-react-tooltip-arrow-content {
    box-shadow: -6px 7px fade(#000, 7%);
    transform: translateY(6.5px) rotate(45deg)
}

.shopee-react-tooltip-placement-bottom .shopee-react-tooltip-arrow {
    left: 50%;
    transform: translateX(-50%)
}

.shopee-react-tooltip-placement-bottomLeft .shopee-react-tooltip-arrow {
    left: 13px
}

.shopee-react-tooltip-placement-bottomRight .shopee-react-tooltip-arrow {
    right: 13px
}



.FilePreview-module_container__1XThj {
    width: 100%;
    height: 100%;
    position: relative;
}

.FilePreview-module_container__1XThj .FilePreview-module_previewImage__syavq {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    padding: 0;
    -o-object-fit: cover;
    object-fit: cover;
}

.FilePreview-module_container__1XThj .FilePreview-module_videoPlayerIcon__S9VUa {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.FilePreview-module_filePreview__3wfKe .FilePreview-module_previewImage__syavq {
    padding: 3px 4px;
}

.FilePreview-module_imagePreview__2A6_Y {
    cursor: pointer;
}

.FilePreview-module_videoDuration__3Qgx6 {
    position: absolute;
    bottom: 4px;
    right: 5px;
    color: #fff;
    font-size: 12px;
    line-height: 1;
}



.VideoController-module_controller__HbIXf {
    border: 1px solid #fff;
    border-radius: 100%;
    box-sizing: border-box;
}

.VideoController-module_controller__HbIXf.VideoController-module_large__3GnbS {
    width: 90px;
    height: 90px;
}

.VideoController-module_controller__HbIXf.VideoController-module_medium__2_Jsm {
    width: 45px;
    height: 45px;
}

.VideoController-module_controller__HbIXf.VideoController-module_normal__Kzm7S {
    width: 28px;
    height: 28px;
}

.VideoController-module_wrapper__1Su5o {
    cursor: pointer;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 100%;
    box-sizing: border-box;
}

.VideoController-module_loadingWrapper__2jFeQ {
    border: 1px solid rgba(0, 0, 0, 0.27);
    background-color: rgba(0, 0, 0, 0.54);
    cursor: auto;
}

.VideoController-module_controlIcon__3cpGS {
    width: 100%;
    height: 100%;
    position: relative;
}

.VideoController-module_left__3zrQI,
.VideoController-module_right__202Lk {
    float: left;
    width: calc(50%);
    height: calc(100%);
    position: relative;
    overflow: hidden;
}

    .VideoController-module_left__3zrQI::before,
    .VideoController-module_right__202Lk::before,
    .VideoController-module_right__202Lk::after {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: #fff;
    }

    .VideoController-module_left__3zrQI::before {
        left: 100%;
        transform-origin: left;
        transform: rotate(calc(3.6deg * (var(--percent) - 50)));
        opacity: calc(99999 * (var(--percent) - 50));
    }

    .VideoController-module_right__202Lk::before {
        right: 100%;
        transform-origin: right;
        transform: rotate(calc(3.6deg * var(--percent)));
    }

    .VideoController-module_right__202Lk::after {
        opacity: calc(99999 * (var(--percent) - 50));
    }


 .VideoPlayer-module_container__ZI2aM {
    position: relative;
    width: 1068px;
    height: 600px;
    border-radius: 2px;
    background-color: #333;
}

.VideoPlayer-module_fullscreen__2slSr {
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 9998;
}

.VideoPlayer-module_video__2Pi85 {
    width: 100%;
    height: 100%;
}

.VideoPlayer-module_controlBar__B_ISO {
    position: absolute;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 13px 16px;
    bottom: 0;
    box-sizing: border-box;
}

.VideoPlayer-module_time__35mWk {
    flex: 0 0 auto;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    color: #fff;
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.65);
    margin-right: 11px;
}

.VideoPlayer-module_progress__3ISJy {
    flex: 1 1 auto;
    position: relative;
    height: 6px;
    cursor: pointer;
}

.VideoPlayer-module_progressTotal__1Ov6M {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.260899);
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.08);
    border-radius: 3.5px;
}

.VideoPlayer-module_currentProgress__38-ng {
    position: absolute;
    height: 100%;
    background-color: #fff;
    border-radius: 3.5px;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    min-width: 16px;
    pointer-events: none;
}

.VideoPlayer-module_progressAnchor__80VDu {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    cursor: pointer;
    background-color: #fff;
    flex: 0 0 auto;
}

.VideoPlayer-module_actions__3TEWm {
    display: flex;
    margin-left: 12px;
    align-items: center;
}

.VideoPlayer-module_actionIcon__zqEJS {
    margin-left: 12px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    color: #fff;
    fill: #fff;
    filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.65));
}

.VideoPlayer-module_downloadIcon__1ay9D {
    width: 35px;
    height: auto;
}

.VideoPlayer-module_playerStatus__3bamK {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 90px;
    height: 90px;
}

@-webkit-keyframes VideoPlayer-module_loadingKeyframes__3PPAQ {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes VideoPlayer-module_loadingKeyframes__3PPAQ {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.VideoPlayer-module_loading__1p1eZ {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 43px;
    width: 43px;
}

.VideoPlayer-module_loadingSpin__27lqn {
    width: 43px;
    height: 43px;
    -webkit-animation: VideoPlayer-module_loadingKeyframes__3PPAQ 1s 0s infinite linear;
    animation: VideoPlayer-module_loadingKeyframes__3PPAQ 1s 0s infinite linear;
}

.VideoPlayer-module_errorLayer__P_bUy {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
}

.VideoPlayer-module_errorWrap__1qmPL {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.VideoPlayer-module_errorIcon__Egnhw {
    width: 48px;
    height: 48px;
}

.VideoPlayer-module_reload__rQwFJ {
    margin-top: 12px;
    font-weight: normal;
    font-size: 18px;
    line-height: 21px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #ffffff;
    cursor: pointer;
}


 .MediaPreview-module_root__3QYHE {
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
}

.MediaPreview-module_close__3GPrm {
    cursor: pointer;
    position: absolute;
    right: 24px;
    top: 24px;
    width: 24px;
    height: 24px;
}

.MediaPreview-module_closeIcon__3WCvS {
    width: 24px;
    height: 24px;
}

@-webkit-keyframes MediaPreview-module_loadingKeyframes__1Co34 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes MediaPreview-module_loadingKeyframes__1Co34 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.MediaPreview-module_loading__25K4z {
    height: 48px;
}

    .MediaPreview-module_loading__25K4z > img {
        -webkit-animation: MediaPreview-module_loadingKeyframes__1Co34 1s 0s infinite linear;
        animation: MediaPreview-module_loadingKeyframes__1Co34 1s 0s infinite linear;
    }

.MediaPreview-module_arrow__dqYen {
    position: absolute;
    top: 50%;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    margin-top: -20px;
    background: rgba(0, 0, 0, 0.3);
    cursor: pointer;
}

    .MediaPreview-module_arrow__dqYen:hover {
        background: rgba(0, 0, 0, 0.6);
    }

.MediaPreview-module_arrowLeft__39uPk {
    left: 33px;
}

.MediaPreview-module_arrowRight__32YBE {
    right: 33px;
    transform: rotateZ(180deg);
}

.MediaPreview-module_image__1L3QM {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .MediaPreview-module_image__1L3QM img {
        max-width: 100%;
        max-height: 100%;
        padding: 16px;
    }



.FileDrawer-module_wrapper__2BGc5 {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #EFF2F4;
}

.FileDrawer-module_wrapper__2BGc5 ::-webkit-scrollbar {
    width: 4px !important;
    height: 4px !important;
}

.FileDrawer-module_wrapper__2BGc5 ::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0);
}

.FileDrawer-module_wrapper__2BGc5 ::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background: #bbb;
}

.FileDrawer-module_container__33zC9 {
    margin: 0 24px 0 8px;
}

.FileDrawer-module_drawer__1u4T1 {
    overflow-x: auto;
    padding: 8px 0;
    background: #fff;
}

.FileDrawer-module_fileWrapper__2GDyL {
    display: flex;
    justify-content: left;
}

    .FileDrawer-module_fileWrapper__2GDyL.FileDrawer-module_startLeft__3inL6 {
        justify-content: left;
    }

.cs-chat-custom-tooltip {
    z-index: 100000;
}

    .cs-chat-custom-tooltip .shopee-react-tooltip-inner {
        background: rgba(51, 51, 51, 0.8);
        font-size: 12px;
        line-height: 14px;
        box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.12);
        border-radius: 4px;
    }

    .cs-chat-custom-tooltip .cs-chat-tooltip-arrow-inner {
        position: absolute;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        bottom: -1px;
        margin-left: -6px;
        border-width: 5px 4px 0;
        border-top-color: #333;
        opacity: 0.8;
        left: 50%;
    }

.FileDrawer-module_itemContainer__C-f29 {
    margin-right: 8px;
}

.FileDrawer-module_item__2Ar6- {
    position: relative;
    box-sizing: border-box;
    border-radius: 2px;
    border: 1px solid #EFF2F4;
    width: 48px;
    height: 48px;
}

    .FileDrawer-module_item__2Ar6-:hover .FileDrawer-module_delete__1Rt6J {
        display: flex;
    }

.FileDrawer-module_delete__1Rt6J {
    width: 12px;
    height: 12px;
    background: #8EA4D1;
    border-radius: 100%;
    display: none;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: -6px;
    top: -6px;
    cursor: pointer;
}

    .FileDrawer-module_delete__1Rt6J:hover {
        background: #7A93C8;
    }

.FileDrawer-module_removeAll__2ggmz {
    position: absolute;
    width: 24px;
    top: 0;
    bottom: 0;
    right: 0px;
    background: #fff;
    text-align: center;
    vertical-align: top;
}

    .FileDrawer-module_removeAll__2ggmz svg {
        margin-top: 4px;
        cursor: pointer;
        fill: #bbb;
    }

        .FileDrawer-module_removeAll__2ggmz svg:hover {
            fill: #999;
        }

.FileDrawer-module_overflowStyle__25Nru .FileDrawer-module_fileWrapper__2GDyL {
    justify-content: left;
}

.FileDrawer-module_overflowStyle__25Nru .FileDrawer-module_removeAll__2ggmz {
    box-shadow: 0px 9px 8px 8px rgba(0, 0, 0, 0.1);
}

.FileDrawer-module_overflowStyle__25Nru .FileDrawer-module_lastFile__3iWNf {
    margin-right: 8px;
}

.FileDrawer-module_addIcon__2ZYtb {
    cursor: pointer;
}

.FileDrawer-module_addIconInner__3AGRr {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    box-sizing: border-box;
    border-radius: 2px;
    width: 48px;
    height: 48px;
    border: 1px solid #EFF2F4;
}

.FileDrawer-module_input__3l-zb {
    display: none;
}

.FileDrawer-module_largeIconInner__1pv6W {
    width: 100px;
    height: 100px;
}

.FileDrawer-module_large__1QbNT .FileDrawer-module_item__2Ar6- {
    height: 100px;
    width: 100px;
}

.FileDrawer-module_large__1QbNT .FileDrawer-module_addIconInner__3AGRr {
    height: 100px;
    width: 100px;
}

.FileDrawer-module_large__1QbNT .FileDrawer-module_delete__1Rt6J {
    height: 16px;
    width: 16px;
}



.FileMessage-module_container__37Toc {
    position: relative;
    min-height: 64px;
    width: 268px;
    border-radius: 2px;
    border: 5px solid #F5F6F8;
    box-sizing: border-box;
    cursor: pointer;
}

.FileMessage-module_inner__2rR_5 {
    padding: 7px;
    margin: -1px;
    background: #fff;
    border-radius: 1px;
}

.FileMessage-module_isSender__1nLOA {
    border-color: #D7E4FF;
}

.FileMessage-module_info__3VHTN {
    position: relative;
    z-index: 2;
    display: flex;
}

.FileMessage-module_left__1AA5k {
    flex: 1;
}

    .FileMessage-module_left__1AA5k .FileMessage-module_name__3WwPG {
        display: -webkit-box;
        display: box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        overflow: hidden;
        -webkit-box-orient: vertical;
        box-orient: vertical;
        line-height: 18px;
        word-break: break-all;
        font-size: 14px;
        color: #333;
    }

    .FileMessage-module_left__1AA5k .FileMessage-module_size__3Em_z {
        margin-top: 8px;
        color: #999;
        font-size: 12px;
        line-height: 14px;
    }

.FileMessage-module_right__30Okv {
    width: 40px;
    height: 40px;
    background-size: 100% !important;
}

.FileMessage-module_progress__2WEbF {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: #D7E4FF;
    opacity: .5;
    margin: -1px;
}



.RatingMessage-module_root__1OfE3 {
    width: 320px;
    border: 4px solid #F5F6F8;
    box-sizing: border-box;
    display: flex;
    padding: 8px;
    align-items: center;
    border-radius: 2px;
}

.RatingMessage-module_left__3WP2k {
    margin-right: 8px;
}

.RatingMessage-module_title__2ackz {
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
    color: #333;
}

.RatingMessage-module_subTitle__3OhoZ {
    color: #999;
    font-size: 12px;
    line-height: 18px;
}

.RatingMessage-module_img__2OSc3 {
    width: 32px;
    height: 32px;
}


 @charset "UTF-8";
.AudioMessage-module_content__2sdKo {
    display: flex;
    align-items: center;
    height: 32px;
    border-radius: 2px;
    cursor: pointer;
    background: #F5F6F8;
}

.AudioMessage-module_senderContent__1dami {
    background: #D7E4FF;
}

.AudioMessage-module_duration__1tJo_ {
    font-size: 12px;
    line-height: 14px;
    color: #000;
}

.AudioMessage-module_voiceIcon__3Ns3U {
    padding: 0 2px 0 14px;
}

.AudioMessage-module_box__2qEYV {
    box-sizing: border-box;
    position: relative;
}

.AudioMessage-module_wifiSymbol__XDyDW {
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    position: relative;
    /*必须，否则苹果overflow失效*/
    overflow: hidden;
    transform: rotate(135deg) scale(0.8);
}

.AudioMessage-module_wifiCircle__kTpXQ {
    border: 2px solid #333;
    border-radius: 50%;
    position: absolute;
}

.AudioMessage-module_first__2kXk- {
    width: 2px;
    height: 2px;
    background: #333;
    top: 17px;
    left: 17px;
}

.AudioMessage-module_second__1vn_o {
    width: 12px;
    height: 12px;
    top: 12px;
    left: 12px;
}

.AudioMessage-module_third__MUbCo {
    width: 20px;
    height: 20px;
    top: 7px;
    left: 7px;
}

.AudioMessage-module_secondAnimation__1QwwP {
    -webkit-animation: AudioMessage-module_fadeInOut__1NcP2 0.8s infinite 0.1s;
    animation: AudioMessage-module_fadeInOut__1NcP2 0.8s infinite 0.1s;
}

.AudioMessage-module_thirdAnimation__2n5OX {
    -webkit-animation: AudioMessage-module_fadeInOut__1NcP2 0.8s infinite 0.4s;
    animation: AudioMessage-module_fadeInOut__1NcP2 0.8s infinite 0.4s;
}

@-webkit-keyframes AudioMessage-module_fadeInOut__1NcP2 {
    0% {
        opacity: 0;
        /*初始状态 透明度为0*/
    }

    100% {
        opacity: 1;
        /*结尾状态 透明度为1*/
    }
}

@keyframes AudioMessage-module_fadeInOut__1NcP2 {
    0% {
        opacity: 0;
        /*初始状态 透明度为0*/
    }

    100% {
        opacity: 1;
        /*结尾状态 透明度为1*/
    }
}



.VideoMessage-module_root__1-gHh {
    display: inline-block;
    position: relative;
    overflow: hidden;
    line-height: 0;
    border-radius: 2px;
    background-color: #fff;
    border: 4px solid #f1f3f4;
    box-sizing: border-box;
}

.VideoMessage-module_root__1-gHh.VideoMessage-module_success__iLfva {
    cursor: pointer;
}

.VideoMessage-module_root__1-gHh.VideoMessage-module_send__3dRcB {
    border-color: #d6e5ff;
}

.VideoMessage-module_root__1-gHh.VideoMessage-module_receive__2MoQo {
    border-color: #f1f3f4;
}

.VideoMessage-module_controller__39mxQ {
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.VideoMessage-module_duration__LzVKR {
    position: absolute;
    right: 8px;
    bottom: 12px;
    color: #fff;
    font-size: 12px;
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
}

.VideoMessage-module_desktopWechatDuration__2xcgi {
    font-size: 14px;
}

.VideoMessage-module_block__1BT9C {
    display: block;
}

.VideoMessage-module_loading__1gz33 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 6.25em;
    height: 6.25em;
}

.VideoMessage-module_default-image__1zpdC {
    width: 6.375em;
    height: 6em;
}



.TextMessage-module_content__1OhmO {
    max-width: 320px;
    color: #333;
    font-size: 14px;
    line-height: 20px;
    box-sizing: border-box;
    border-radius: 2px;
    padding: 8px 12px;
    letter-spacing: 0;
    word-break: break-word;
    white-space: pre-wrap;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.TextMessage-module_content__1OhmO > a {
    text-decoration: underline;
}

    .TextMessage-module_content__1OhmO > a:link, .TextMessage-module_content__1OhmO > a:hover, .TextMessage-module_content__1OhmO > a:visited, .TextMessage-module_content__1OhmO > a:active {
        color: #385692;
    }

.TextMessage-module_receiverContent__3RLrm {
    background: #F5F6F8;
}

.TextMessage-module_senderContent__1KFch {
    background: #D7E4FF;
}

.TextMessage-module_m-content__3Uldu {
    max-width: 412px;
    font-size: 16px;
    line-height: 24px;
}


 .ImagePreview-module_root__2vB6G {
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
}

.ImagePreview-module_close__3GxUe {
    cursor: pointer;
    position: absolute;
    right: 24px;
    top: 24px;
    width: 24px;
    height: 24px;
}

.ImagePreview-module_closeIcon__3hCSi {
    width: 24px;
    height: 24px;
}

@-webkit-keyframes ImagePreview-module_loadingKeyframes__b3CMe {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes ImagePreview-module_loadingKeyframes__b3CMe {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.ImagePreview-module_loading__PYDWv {
    height: 48px;
}

    .ImagePreview-module_loading__PYDWv > img {
        -webkit-animation: ImagePreview-module_loadingKeyframes__b3CMe 1s 0s infinite linear;
        animation: ImagePreview-module_loadingKeyframes__b3CMe 1s 0s infinite linear;
    }

.ImagePreview-module_arrow__1ajZ8 {
    position: absolute;
    top: 50%;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    margin-top: -20px;
    background: rgba(0, 0, 0, 0.3);
    cursor: pointer;
}

    .ImagePreview-module_arrow__1ajZ8:hover {
        background: rgba(0, 0, 0, 0.6);
    }

.ImagePreview-module_arrowLeft__88Ukq {
    left: 33px;
}

.ImagePreview-module_arrowRight__3QL2j {
    right: 33px;
    transform: rotateZ(180deg);
}

.ImagePreview-module_image__3T90T {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .ImagePreview-module_image__3T90T img {
        max-width: 100%;
        max-height: 100%;
        padding: 16px;
    }


 @-webkit-keyframes ImageMessage-module_spinner__2MZm_ {
    0%

{
    transform: rotate(0);
}

100% {
    transform: rotate(360deg);
}

}

@keyframes ImageMessage-module_spinner__2MZm_ {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.ImageMessage-module_spin__2q_qh {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEqADAAQAAAABAAAAEgAAAACaqbJVAAABU0lEQVQ4Ea2TSU8DMQxGh30RCKQWieXEgf//W7iD4IQAtaBW7Ft5z6qHFGmqHGrpNZ7E+RLHbtMsyJY6dLaYP4B92IBl+IAR3MEzzNh/ITecgCL6rjuWvnO3cAk/EFYKGXwKu+D8AwzhFbRtOIQjMNbbnUOIreCkHePswRdcwT2YzmSKvuJj6MEOrIGHNSm0iW9K2jU86XTYG/O+kTfz4DgwhfpMKPYIcQLjPDNdC6KQNx6Yq2b+TihUazcEut/ChOO4Cj7aux+VZvoKeYmojuPZ1L9gbEvqQq1lalZEgfXajcTZIklbNcuYIi+VYhZKIW2SVbN3bEQFfSe/55mZ+K4KzTTkNxMuKmQbfEKXmIf7/1PESru3TU3fRjPAk+wRNxhksJucdz2fwJt4YFjmWH7bZJbUwESx9B0tTv59cP8eKz6Kn0zR0zMFU02BSKeIX5z7C/3bSvJS2oegAAAAAElFTkSuQmCC");
    background-size: cover;
    -webkit-animation: ImageMessage-module_spinner__2MZm_ linear 0.8s infinite;
    animation: ImageMessage-module_spinner__2MZm_ linear 0.8s infinite;
}

.ImageMessage-module_fail__24XSt {
    width: 144px;
    height: 144px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    border: 4px solid #D7E4FF;
}

.ImageMessage-module_loading__s3rNk {
    width: 144px;
    height: 144px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    border: 4px solid #D7E4FF;
}

.ImageMessage-module_container__2khy8 {
    font-size: 16px;
    box-sizing: border-box;
    border-radius: 2px;
    border: 4px solid #F5F6F8;
    line-height: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

    .ImageMessage-module_container__2khy8 > svg {
        margin-right: 8px;
    }

.ImageMessage-module_isSender__347Hl {
    border-color: #D7E4FF;
}

.ImageMessage-module_img__2OTii {
    cursor: pointer;
}



.SystemMessage-module_root__2irW- {
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    color: #bbb;
    max-width: 320px;
}


 .move-up-enter, .move-up-appear {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.move-up-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.move-up-enter.move-up-enter-active, .move-up-appear.move-up-appear-active {
    -webkit-animation-name: shopeeMoveUpIn;
    animation-name: shopeeMoveUpIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.move-up-leave.move-up-leave-active {
    -webkit-animation-name: shopeeMoveUpOut;
    animation-name: shopeeMoveUpOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.move-up-enter, .move-up-appear {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1)
}

.move-up-leave {
    -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
    animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34)
}

.move-down-enter, .move-down-appear {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.move-down-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.move-down-enter.move-down-enter-active, .move-down-appear.move-down-appear-active {
    -webkit-animation-name: shopeeMoveDownIn;
    animation-name: shopeeMoveDownIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.move-down-leave.move-down-leave-active {
    -webkit-animation-name: shopeeMoveDownOut;
    animation-name: shopeeMoveDownOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.move-down-enter, .move-down-appear {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1)
}

.move-down-leave {
    -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
    animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34)
}

.move-left-enter, .move-left-appear {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.move-left-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.move-left-enter.move-left-enter-active, .move-left-appear.move-left-appear-active {
    -webkit-animation-name: shopeeMoveLeftIn;
    animation-name: shopeeMoveLeftIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.move-left-leave.move-left-leave-active {
    -webkit-animation-name: shopeeMoveLeftOut;
    animation-name: shopeeMoveLeftOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.move-left-enter, .move-left-appear {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1)
}

.move-left-leave {
    -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
    animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34)
}

.move-right-enter, .move-right-appear {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.move-right-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.move-right-enter.move-right-enter-active, .move-right-appear.move-right-appear-active {
    -webkit-animation-name: shopeeMoveRightIn;
    animation-name: shopeeMoveRightIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.move-right-leave.move-right-leave-active {
    -webkit-animation-name: shopeeMoveRightOut;
    animation-name: shopeeMoveRightOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.move-right-enter, .move-right-appear {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1)
}

.move-right-leave {
    -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
    animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34)
}

@-webkit-keyframes shopeeMoveDownIn {
    0% {
        transform: translateY(100%);
        transform-origin: 0 0;
        opacity: 0
    }

    100% {
        transform: translateY(0%);
        transform-origin: 0 0;
        opacity: 1
    }
}

@keyframes shopeeMoveDownIn {
    0% {
        transform: translateY(100%);
        transform-origin: 0 0;
        opacity: 0
    }

    100% {
        transform: translateY(0%);
        transform-origin: 0 0;
        opacity: 1
    }
}

@-webkit-keyframes shopeeMoveDownOut {
    0% {
        transform: translateY(0%);
        transform-origin: 0 0;
        opacity: 1
    }

    100% {
        transform: translateY(100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

@keyframes shopeeMoveDownOut {
    0% {
        transform: translateY(0%);
        transform-origin: 0 0;
        opacity: 1
    }

    100% {
        transform: translateY(100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

@-webkit-keyframes shopeeMoveLeftIn {
    0% {
        transform: translateX(-100%);
        transform-origin: 0 0;
        opacity: 0
    }

    100% {
        transform: translateX(0%);
        transform-origin: 0 0;
        opacity: 1
    }
}

@keyframes shopeeMoveLeftIn {
    0% {
        transform: translateX(-100%);
        transform-origin: 0 0;
        opacity: 0
    }

    100% {
        transform: translateX(0%);
        transform-origin: 0 0;
        opacity: 1
    }
}

@-webkit-keyframes shopeeMoveLeftOut {
    0% {
        transform: translateX(0%);
        transform-origin: 0 0;
        opacity: 1
    }

    100% {
        transform: translateX(-100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

@keyframes shopeeMoveLeftOut {
    0% {
        transform: translateX(0%);
        transform-origin: 0 0;
        opacity: 1
    }

    100% {
        transform: translateX(-100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

@-webkit-keyframes shopeeMoveRightIn {
    0% {
        transform: translateX(100%);
        transform-origin: 0 0;
        opacity: 0
    }

    100% {
        transform: translateX(0%);
        transform-origin: 0 0;
        opacity: 1
    }
}

@keyframes shopeeMoveRightIn {
    0% {
        transform: translateX(100%);
        transform-origin: 0 0;
        opacity: 0
    }

    100% {
        transform: translateX(0%);
        transform-origin: 0 0;
        opacity: 1
    }
}

@-webkit-keyframes shopeeMoveRightOut {
    0% {
        transform: translateX(0%);
        transform-origin: 0 0;
        opacity: 1
    }

    100% {
        transform: translateX(100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

@keyframes shopeeMoveRightOut {
    0% {
        transform: translateX(0%);
        transform-origin: 0 0;
        opacity: 1
    }

    100% {
        transform: translateX(100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

@-webkit-keyframes shopeeMoveUpIn {
    0% {
        transform: translateY(-100%);
        transform-origin: 0 0;
        opacity: 0
    }

    100% {
        transform: translateY(0%);
        transform-origin: 0 0;
        opacity: 1
    }
}

@keyframes shopeeMoveUpIn {
    0% {
        transform: translateY(-100%);
        transform-origin: 0 0;
        opacity: 0
    }

    100% {
        transform: translateY(0%);
        transform-origin: 0 0;
        opacity: 1
    }
}

@-webkit-keyframes shopeeMoveUpOut {
    0% {
        transform: translateY(0%);
        transform-origin: 0 0;
        opacity: 1
    }

    100% {
        transform: translateY(-100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

@keyframes shopeeMoveUpOut {
    0% {
        transform: translateY(0%);
        transform-origin: 0 0;
        opacity: 1
    }

    100% {
        transform: translateY(-100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

.zoom-enter, .zoom-appear {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-enter.zoom-enter-active, .zoom-appear.zoom-appear-active {
    -webkit-animation-name: shopeeZoomIn;
    animation-name: shopeeZoomIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-leave.zoom-leave-active {
    -webkit-animation-name: shopeeZoomOut;
    animation-name: shopeeZoomOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.zoom-enter, .zoom-appear {
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1)
}

.zoom-enter-prepare, .zoom-appear-prepare {
    transform: none
}

.zoom-leave {
    -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
    animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86)
}

.zoom-big-enter, .zoom-big-appear {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-big-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-big-enter.zoom-big-enter-active, .zoom-big-appear.zoom-big-appear-active {
    -webkit-animation-name: shopeeZoomBigIn;
    animation-name: shopeeZoomBigIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-big-leave.zoom-big-leave-active {
    -webkit-animation-name: shopeeZoomBigOut;
    animation-name: shopeeZoomBigOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.zoom-big-enter, .zoom-big-appear {
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1)
}

.zoom-big-enter-prepare, .zoom-big-appear-prepare {
    transform: none
}

.zoom-big-leave {
    -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
    animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86)
}

.zoom-big-fast-enter, .zoom-big-fast-appear {
    -webkit-animation-duration: .1s;
    animation-duration: .1s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-big-fast-leave {
    -webkit-animation-duration: .1s;
    animation-duration: .1s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-big-fast-enter.zoom-big-fast-enter-active, .zoom-big-fast-appear.zoom-big-fast-appear-active {
    -webkit-animation-name: shopeeZoomBigIn;
    animation-name: shopeeZoomBigIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-big-fast-leave.zoom-big-fast-leave-active {
    -webkit-animation-name: shopeeZoomBigOut;
    animation-name: shopeeZoomBigOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.zoom-big-fast-enter, .zoom-big-fast-appear {
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1)
}

.zoom-big-fast-enter-prepare, .zoom-big-fast-appear-prepare {
    transform: none
}

.zoom-big-fast-leave {
    -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
    animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86)
}

.zoom-up-enter, .zoom-up-appear {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-up-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-up-enter.zoom-up-enter-active, .zoom-up-appear.zoom-up-appear-active {
    -webkit-animation-name: shopeeZoomUpIn;
    animation-name: shopeeZoomUpIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-up-leave.zoom-up-leave-active {
    -webkit-animation-name: shopeeZoomUpOut;
    animation-name: shopeeZoomUpOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.zoom-up-enter, .zoom-up-appear {
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1)
}

.zoom-up-enter-prepare, .zoom-up-appear-prepare {
    transform: none
}

.zoom-up-leave {
    -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
    animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86)
}

.zoom-down-enter, .zoom-down-appear {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-down-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-down-enter.zoom-down-enter-active, .zoom-down-appear.zoom-down-appear-active {
    -webkit-animation-name: shopeeZoomDownIn;
    animation-name: shopeeZoomDownIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-down-leave.zoom-down-leave-active {
    -webkit-animation-name: shopeeZoomDownOut;
    animation-name: shopeeZoomDownOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.zoom-down-enter, .zoom-down-appear {
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1)
}

.zoom-down-enter-prepare, .zoom-down-appear-prepare {
    transform: none
}

.zoom-down-leave {
    -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
    animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86)
}

.zoom-left-enter, .zoom-left-appear {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-left-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-left-enter.zoom-left-enter-active, .zoom-left-appear.zoom-left-appear-active {
    -webkit-animation-name: shopeeZoomLeftIn;
    animation-name: shopeeZoomLeftIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-left-leave.zoom-left-leave-active {
    -webkit-animation-name: shopeeZoomLeftOut;
    animation-name: shopeeZoomLeftOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.zoom-left-enter, .zoom-left-appear {
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1)
}

.zoom-left-enter-prepare, .zoom-left-appear-prepare {
    transform: none
}

.zoom-left-leave {
    -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
    animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86)
}

.zoom-right-enter, .zoom-right-appear {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-right-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-right-enter.zoom-right-enter-active, .zoom-right-appear.zoom-right-appear-active {
    -webkit-animation-name: shopeeZoomRightIn;
    animation-name: shopeeZoomRightIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-right-leave.zoom-right-leave-active {
    -webkit-animation-name: shopeeZoomRightOut;
    animation-name: shopeeZoomRightOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.zoom-right-enter, .zoom-right-appear {
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1)
}

.zoom-right-enter-prepare, .zoom-right-appear-prepare {
    transform: none
}

.zoom-right-leave {
    -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
    animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86)
}

@-webkit-keyframes shopeeZoomIn {
    0% {
        transform: scale(0.2);
        opacity: 0
    }

    100% {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes shopeeZoomIn {
    0% {
        transform: scale(0.2);
        opacity: 0
    }

    100% {
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes shopeeZoomOut {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(0.2);
        opacity: 0
    }
}

@keyframes shopeeZoomOut {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(0.2);
        opacity: 0
    }
}

@-webkit-keyframes shopeeZoomBigIn {
    0% {
        transform: scale(0.8);
        opacity: 0
    }

    100% {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes shopeeZoomBigIn {
    0% {
        transform: scale(0.8);
        opacity: 0
    }

    100% {
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes shopeeZoomBigOut {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(0.8);
        opacity: 0
    }
}

@keyframes shopeeZoomBigOut {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(0.8);
        opacity: 0
    }
}

@-webkit-keyframes shopeeZoomUpIn {
    0% {
        transform: scale(0.8);
        transform-origin: 50% 0%;
        opacity: 0
    }

    100% {
        transform: scale(1);
        transform-origin: 50% 0%
    }
}

@keyframes shopeeZoomUpIn {
    0% {
        transform: scale(0.8);
        transform-origin: 50% 0%;
        opacity: 0
    }

    100% {
        transform: scale(1);
        transform-origin: 50% 0%
    }
}

@-webkit-keyframes shopeeZoomUpOut {
    0% {
        transform: scale(1);
        transform-origin: 50% 0%
    }

    100% {
        transform: scale(0.8);
        transform-origin: 50% 0%;
        opacity: 0
    }
}

@keyframes shopeeZoomUpOut {
    0% {
        transform: scale(1);
        transform-origin: 50% 0%
    }

    100% {
        transform: scale(0.8);
        transform-origin: 50% 0%;
        opacity: 0
    }
}

@-webkit-keyframes shopeeZoomLeftIn {
    0% {
        transform: scale(0.8);
        transform-origin: 0% 50%;
        opacity: 0
    }

    100% {
        transform: scale(1);
        transform-origin: 0% 50%
    }
}

@keyframes shopeeZoomLeftIn {
    0% {
        transform: scale(0.8);
        transform-origin: 0% 50%;
        opacity: 0
    }

    100% {
        transform: scale(1);
        transform-origin: 0% 50%
    }
}

@-webkit-keyframes shopeeZoomLeftOut {
    0% {
        transform: scale(1);
        transform-origin: 0% 50%
    }

    100% {
        transform: scale(0.8);
        transform-origin: 0% 50%;
        opacity: 0
    }
}

@keyframes shopeeZoomLeftOut {
    0% {
        transform: scale(1);
        transform-origin: 0% 50%
    }

    100% {
        transform: scale(0.8);
        transform-origin: 0% 50%;
        opacity: 0
    }
}

@-webkit-keyframes shopeeZoomRightIn {
    0% {
        transform: scale(0.8);
        transform-origin: 100% 50%;
        opacity: 0
    }

    100% {
        transform: scale(1);
        transform-origin: 100% 50%
    }
}

@keyframes shopeeZoomRightIn {
    0% {
        transform: scale(0.8);
        transform-origin: 100% 50%;
        opacity: 0
    }

    100% {
        transform: scale(1);
        transform-origin: 100% 50%
    }
}

@-webkit-keyframes shopeeZoomRightOut {
    0% {
        transform: scale(1);
        transform-origin: 100% 50%
    }

    100% {
        transform: scale(0.8);
        transform-origin: 100% 50%;
        opacity: 0
    }
}

@keyframes shopeeZoomRightOut {
    0% {
        transform: scale(1);
        transform-origin: 100% 50%
    }

    100% {
        transform: scale(0.8);
        transform-origin: 100% 50%;
        opacity: 0
    }
}

@-webkit-keyframes shopeeZoomDownIn {
    0% {
        transform: scale(0.8);
        transform-origin: 50% 100%;
        opacity: 0
    }

    100% {
        transform: scale(1);
        transform-origin: 50% 100%
    }
}

@keyframes shopeeZoomDownIn {
    0% {
        transform: scale(0.8);
        transform-origin: 50% 100%;
        opacity: 0
    }

    100% {
        transform: scale(1);
        transform-origin: 50% 100%
    }
}

@-webkit-keyframes shopeeZoomDownOut {
    0% {
        transform: scale(1);
        transform-origin: 50% 100%
    }

    100% {
        transform: scale(0.8);
        transform-origin: 50% 100%;
        opacity: 0
    }
}

@keyframes shopeeZoomDownOut {
    0% {
        transform: scale(1);
        transform-origin: 50% 100%
    }

    100% {
        transform: scale(0.8);
        transform-origin: 50% 100%;
        opacity: 0
    }
}

.shopee-react-tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    visibility: visible
}

.shopee-react-tooltip-hidden {
    display: none
}

.shopee-react-tooltip-placement-top, .shopee-react-tooltip-placement-topLeft, .shopee-react-tooltip-placement-topRight {
    padding-bottom: 8px
}

.shopee-react-tooltip-placement-right, .shopee-react-tooltip-placement-rightTop, .shopee-react-tooltip-placement-rightBottom {
    padding-left: 8px
}

.shopee-react-tooltip-placement-bottom, .shopee-react-tooltip-placement-bottomLeft, .shopee-react-tooltip-placement-bottomRight {
    padding-top: 8px
}

.shopee-react-tooltip-placement-left, .shopee-react-tooltip-placement-leftTop, .shopee-react-tooltip-placement-leftBottom {
    padding-right: 8px
}

.shopee-react-tooltip-inner {
    box-sizing: border-box;
    font-size: 14px;
    min-width: 30px;
    padding: 4px 8px;
    color: #fff;
    text-align: left;
    text-decoration: none;
    word-wrap: break-word;
    background-color: #000;
    border-radius: 4px;
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.09),0 8px 8px 0 rgba(0,0,0,0.05)
}

.shopee-react-tooltip.no-arrow .shopee-react-tooltip-arrow {
    display: none
}

.shopee-react-tooltip-arrow {
    position: absolute;
    display: block;
    width: 13px;
    height: 13px;
    overflow: hidden;
    background: transparent;
    pointer-events: none
}

.shopee-react-tooltip-arrow-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 5px;
    height: 5px;
    margin: auto;
    background-color: #000;
    content: '';
    pointer-events: auto
}

.shopee-react-tooltip-placement-top .shopee-react-tooltip-arrow, .shopee-react-tooltip-placement-topLeft .shopee-react-tooltip-arrow, .shopee-react-tooltip-placement-topRight .shopee-react-tooltip-arrow {
    bottom: -5px
}

.shopee-react-tooltip-placement-top .shopee-react-tooltip-arrow-content, .shopee-react-tooltip-placement-topLeft .shopee-react-tooltip-arrow-content, .shopee-react-tooltip-placement-topRight .shopee-react-tooltip-arrow-content {
    box-shadow: 3px 3px 7px fade(#000, 7%);
    transform: translateY(-6.5px) rotate(45deg)
}

.shopee-react-tooltip-placement-top .shopee-react-tooltip-arrow {
    left: 50%;
    transform: translateX(-50%)
}

.shopee-react-tooltip-placement-topLeft .shopee-react-tooltip-arrow {
    left: 13px
}

.shopee-react-tooltip-placement-topRight .shopee-react-tooltip-arrow {
    right: 13px
}

.shopee-react-tooltip-placement-right .shopee-react-tooltip-arrow, .shopee-react-tooltip-placement-rightTop .shopee-react-tooltip-arrow, .shopee-react-tooltip-placement-rightBottom .shopee-react-tooltip-arrow {
    left: -5px
}

.shopee-react-tooltip-placement-right .shopee-react-tooltip-arrow-content, .shopee-react-tooltip-placement-rightTop .shopee-react-tooltip-arrow-content, .shopee-react-tooltip-placement-rightBottom .shopee-react-tooltip-arrow-content {
    box-shadow: -3px 3px 7px fade(#000, 7%);
    transform: translateX(6.5px) rotate(45deg)
}

.shopee-react-tooltip-placement-right .shopee-react-tooltip-arrow {
    top: 50%;
    transform: translateY(-50%)
}

.shopee-react-tooltip-placement-rightTop .shopee-react-tooltip-arrow {
    top: 5px
}

.shopee-react-tooltip-placement-rightBottom .shopee-react-tooltip-arrow {
    bottom: 5px
}

.shopee-react-tooltip-placement-left .shopee-react-tooltip-arrow, .shopee-react-tooltip-placement-leftTop .shopee-react-tooltip-arrow, .shopee-react-tooltip-placement-leftBottom .shopee-react-tooltip-arrow {
    right: -5px
}

.shopee-react-tooltip-placement-left .shopee-react-tooltip-arrow-content, .shopee-react-tooltip-placement-leftTop .shopee-react-tooltip-arrow-content, .shopee-react-tooltip-placement-leftBottom .shopee-react-tooltip-arrow-content {
    box-shadow: 0px 7px fade(#000, 7%);
    transform: translateX(-6.5px) rotate(45deg)
}

.shopee-react-tooltip-placement-left .shopee-react-tooltip-arrow {
    top: 50%;
    transform: translateY(-50%)
}

.shopee-react-tooltip-placement-leftTop .shopee-react-tooltip-arrow {
    top: 5px
}

.shopee-react-tooltip-placement-leftBottom .shopee-react-tooltip-arrow {
    bottom: 5px
}

.shopee-react-tooltip-placement-bottom .shopee-react-tooltip-arrow, .shopee-react-tooltip-placement-bottomLeft .shopee-react-tooltip-arrow, .shopee-react-tooltip-placement-bottomRight .shopee-react-tooltip-arrow {
    top: -5px
}

.shopee-react-tooltip-placement-bottom .shopee-react-tooltip-arrow-content, .shopee-react-tooltip-placement-bottomLeft .shopee-react-tooltip-arrow-content, .shopee-react-tooltip-placement-bottomRight .shopee-react-tooltip-arrow-content {
    box-shadow: -6px 7px fade(#000, 7%);
    transform: translateY(6.5px) rotate(45deg)
}

.shopee-react-tooltip-placement-bottom .shopee-react-tooltip-arrow {
    left: 50%;
    transform: translateX(-50%)
}

.shopee-react-tooltip-placement-bottomLeft .shopee-react-tooltip-arrow {
    left: 13px
}

.shopee-react-tooltip-placement-bottomRight .shopee-react-tooltip-arrow {
    right: 13px
}



.FilePreview-module_container__1XThj {
    width: 100%;
    height: 100%;
    position: relative;
}

.FilePreview-module_container__1XThj .FilePreview-module_previewImage__syavq {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    padding: 0;
    -o-object-fit: cover;
    object-fit: cover;
}

.FilePreview-module_container__1XThj .FilePreview-module_videoPlayerIcon__S9VUa {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.FilePreview-module_filePreview__3wfKe .FilePreview-module_previewImage__syavq {
    padding: 3px 4px;
}

.FilePreview-module_imagePreview__2A6_Y {
    cursor: pointer;
}

.FilePreview-module_videoDuration__3Qgx6 {
    position: absolute;
    bottom: 4px;
    right: 5px;
    color: #fff;
    font-size: 12px;
    line-height: 1;
}



.VideoController-module_controller__HbIXf {
    border: 1px solid #fff;
    border-radius: 100%;
    box-sizing: border-box;
}

.VideoController-module_controller__HbIXf.VideoController-module_large__3GnbS {
    width: 90px;
    height: 90px;
}

.VideoController-module_controller__HbIXf.VideoController-module_medium__2_Jsm {
    width: 45px;
    height: 45px;
}

.VideoController-module_controller__HbIXf.VideoController-module_normal__Kzm7S {
    width: 28px;
    height: 28px;
}

.VideoController-module_wrapper__1Su5o {
    cursor: pointer;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 100%;
    box-sizing: border-box;
}

.VideoController-module_loadingWrapper__2jFeQ {
    border: 1px solid rgba(0, 0, 0, 0.27);
    background-color: rgba(0, 0, 0, 0.54);
    cursor: auto;
}

.VideoController-module_controlIcon__3cpGS {
    width: 100%;
    height: 100%;
    position: relative;
}

.VideoController-module_left__3zrQI,
.VideoController-module_right__202Lk {
    float: left;
    width: calc(50%);
    height: calc(100%);
    position: relative;
    overflow: hidden;
}

    .VideoController-module_left__3zrQI::before,
    .VideoController-module_right__202Lk::before,
    .VideoController-module_right__202Lk::after {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: #fff;
    }

    .VideoController-module_left__3zrQI::before {
        left: 100%;
        transform-origin: left;
        transform: rotate(calc(3.6deg * (var(--percent) - 50)));
        opacity: calc(99999 * (var(--percent) - 50));
    }

    .VideoController-module_right__202Lk::before {
        right: 100%;
        transform-origin: right;
        transform: rotate(calc(3.6deg * var(--percent)));
    }

    .VideoController-module_right__202Lk::after {
        opacity: calc(99999 * (var(--percent) - 50));
    }


 .VideoPlayer-module_container__ZI2aM {
    position: relative;
    width: 1068px;
    height: 600px;
    border-radius: 2px;
    background-color: #333;
}

.VideoPlayer-module_fullscreen__2slSr {
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 9998;
}

.VideoPlayer-module_video__2Pi85 {
    width: 100%;
    height: 100%;
}

.VideoPlayer-module_controlBar__B_ISO {
    position: absolute;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 13px 16px;
    bottom: 0;
    box-sizing: border-box;
}

.VideoPlayer-module_time__35mWk {
    flex: 0 0 auto;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    color: #fff;
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.65);
    margin-right: 11px;
}

.VideoPlayer-module_progress__3ISJy {
    flex: 1 1 auto;
    position: relative;
    height: 6px;
    cursor: pointer;
}

.VideoPlayer-module_progressTotal__1Ov6M {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.260899);
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.08);
    border-radius: 3.5px;
}

.VideoPlayer-module_currentProgress__38-ng {
    position: absolute;
    height: 100%;
    background-color: #fff;
    border-radius: 3.5px;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    min-width: 16px;
    pointer-events: none;
}

.VideoPlayer-module_progressAnchor__80VDu {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    cursor: pointer;
    background-color: #fff;
    flex: 0 0 auto;
}

.VideoPlayer-module_actions__3TEWm {
    display: flex;
    margin-left: 12px;
    align-items: center;
}

.VideoPlayer-module_actionIcon__zqEJS {
    margin-left: 12px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    color: #fff;
    fill: #fff;
    filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.65));
}

.VideoPlayer-module_downloadIcon__1ay9D {
    width: 35px;
    height: auto;
}

.VideoPlayer-module_playerStatus__3bamK {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 90px;
    height: 90px;
}

@-webkit-keyframes VideoPlayer-module_loadingKeyframes__3PPAQ {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes VideoPlayer-module_loadingKeyframes__3PPAQ {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.VideoPlayer-module_loading__1p1eZ {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 43px;
    width: 43px;
}

.VideoPlayer-module_loadingSpin__27lqn {
    width: 43px;
    height: 43px;
    -webkit-animation: VideoPlayer-module_loadingKeyframes__3PPAQ 1s 0s infinite linear;
    animation: VideoPlayer-module_loadingKeyframes__3PPAQ 1s 0s infinite linear;
}

.VideoPlayer-module_errorLayer__P_bUy {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
}

.VideoPlayer-module_errorWrap__1qmPL {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.VideoPlayer-module_errorIcon__Egnhw {
    width: 48px;
    height: 48px;
}

.VideoPlayer-module_reload__rQwFJ {
    margin-top: 12px;
    font-weight: normal;
    font-size: 18px;
    line-height: 21px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #ffffff;
    cursor: pointer;
}


 .MediaPreview-module_root__3QYHE {
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
}

.MediaPreview-module_close__3GPrm {
    cursor: pointer;
    position: absolute;
    right: 24px;
    top: 24px;
    width: 24px;
    height: 24px;
}

.MediaPreview-module_closeIcon__3WCvS {
    width: 24px;
    height: 24px;
}

@-webkit-keyframes MediaPreview-module_loadingKeyframes__1Co34 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes MediaPreview-module_loadingKeyframes__1Co34 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.MediaPreview-module_loading__25K4z {
    height: 48px;
}

    .MediaPreview-module_loading__25K4z > img {
        -webkit-animation: MediaPreview-module_loadingKeyframes__1Co34 1s 0s infinite linear;
        animation: MediaPreview-module_loadingKeyframes__1Co34 1s 0s infinite linear;
    }

.MediaPreview-module_arrow__dqYen {
    position: absolute;
    top: 50%;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    margin-top: -20px;
    background: rgba(0, 0, 0, 0.3);
    cursor: pointer;
}

    .MediaPreview-module_arrow__dqYen:hover {
        background: rgba(0, 0, 0, 0.6);
    }

.MediaPreview-module_arrowLeft__39uPk {
    left: 33px;
}

.MediaPreview-module_arrowRight__32YBE {
    right: 33px;
    transform: rotateZ(180deg);
}

.MediaPreview-module_image__1L3QM {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .MediaPreview-module_image__1L3QM img {
        max-width: 100%;
        max-height: 100%;
        padding: 16px;
    }



.FileDrawer-module_wrapper__2BGc5 {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #EFF2F4;
}

.FileDrawer-module_wrapper__2BGc5 ::-webkit-scrollbar {
    width: 4px !important;
    height: 4px !important;
}

.FileDrawer-module_wrapper__2BGc5 ::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0);
}

.FileDrawer-module_wrapper__2BGc5 ::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background: #bbb;
}

.FileDrawer-module_container__33zC9 {
    margin: 0 24px 0 8px;
}

.FileDrawer-module_drawer__1u4T1 {
    overflow-x: auto;
    padding: 8px 0;
    background: #fff;
}

.FileDrawer-module_fileWrapper__2GDyL {
    display: flex;
    justify-content: left;
}

    .FileDrawer-module_fileWrapper__2GDyL.FileDrawer-module_startLeft__3inL6 {
        justify-content: left;
    }

.cs-chat-custom-tooltip {
    z-index: 100000;
}

    .cs-chat-custom-tooltip .shopee-react-tooltip-inner {
        background: rgba(51, 51, 51, 0.8);
        font-size: 12px;
        line-height: 14px;
        box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.12);
        border-radius: 4px;
    }

    .cs-chat-custom-tooltip .cs-chat-tooltip-arrow-inner {
        position: absolute;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        bottom: -1px;
        margin-left: -6px;
        border-width: 5px 4px 0;
        border-top-color: #333;
        opacity: 0.8;
        left: 50%;
    }

.FileDrawer-module_itemContainer__C-f29 {
    margin-right: 8px;
}

.FileDrawer-module_item__2Ar6- {
    position: relative;
    box-sizing: border-box;
    border-radius: 2px;
    border: 1px solid #EFF2F4;
    width: 48px;
    height: 48px;
}

    .FileDrawer-module_item__2Ar6-:hover .FileDrawer-module_delete__1Rt6J {
        display: flex;
    }

.FileDrawer-module_delete__1Rt6J {
    width: 12px;
    height: 12px;
    background: #8EA4D1;
    border-radius: 100%;
    display: none;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: -6px;
    top: -6px;
    cursor: pointer;
}

    .FileDrawer-module_delete__1Rt6J:hover {
        background: #7A93C8;
    }

.FileDrawer-module_removeAll__2ggmz {
    position: absolute;
    width: 24px;
    top: 0;
    bottom: 0;
    right: 0px;
    background: #fff;
    text-align: center;
    vertical-align: top;
}

    .FileDrawer-module_removeAll__2ggmz svg {
        margin-top: 4px;
        cursor: pointer;
        fill: #bbb;
    }

        .FileDrawer-module_removeAll__2ggmz svg:hover {
            fill: #999;
        }

.FileDrawer-module_overflowStyle__25Nru .FileDrawer-module_fileWrapper__2GDyL {
    justify-content: left;
}

.FileDrawer-module_overflowStyle__25Nru .FileDrawer-module_removeAll__2ggmz {
    box-shadow: 0px 9px 8px 8px rgba(0, 0, 0, 0.1);
}

.FileDrawer-module_overflowStyle__25Nru .FileDrawer-module_lastFile__3iWNf {
    margin-right: 8px;
}

.FileDrawer-module_addIcon__2ZYtb {
    cursor: pointer;
}

.FileDrawer-module_addIconInner__3AGRr {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    box-sizing: border-box;
    border-radius: 2px;
    width: 48px;
    height: 48px;
    border: 1px solid #EFF2F4;
}

.FileDrawer-module_input__3l-zb {
    display: none;
}

.FileDrawer-module_largeIconInner__1pv6W {
    width: 100px;
    height: 100px;
}

.FileDrawer-module_large__1QbNT .FileDrawer-module_item__2Ar6- {
    height: 100px;
    width: 100px;
}

.FileDrawer-module_large__1QbNT .FileDrawer-module_addIconInner__3AGRr {
    height: 100px;
    width: 100px;
}

.FileDrawer-module_large__1QbNT .FileDrawer-module_delete__1Rt6J {
    height: 16px;
    width: 16px;
}



.FileMessage-module_container__37Toc {
    position: relative;
    min-height: 64px;
    width: 268px;
    border-radius: 2px;
    border: 5px solid #F5F6F8;
    box-sizing: border-box;
    cursor: pointer;
}

.FileMessage-module_inner__2rR_5 {
    padding: 7px;
    margin: -1px;
    background: #fff;
    border-radius: 1px;
}

.FileMessage-module_isSender__1nLOA {
    border-color: #D7E4FF;
}

.FileMessage-module_info__3VHTN {
    position: relative;
    z-index: 2;
    display: flex;
}

.FileMessage-module_left__1AA5k {
    flex: 1;
}

    .FileMessage-module_left__1AA5k .FileMessage-module_name__3WwPG {
        display: -webkit-box;
        display: box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        overflow: hidden;
        -webkit-box-orient: vertical;
        box-orient: vertical;
        line-height: 18px;
        word-break: break-all;
        font-size: 14px;
        color: #333;
    }

    .FileMessage-module_left__1AA5k .FileMessage-module_size__3Em_z {
        margin-top: 8px;
        color: #999;
        font-size: 12px;
        line-height: 14px;
    }

.FileMessage-module_right__30Okv {
    width: 40px;
    height: 40px;
    background-size: 100% !important;
}

.FileMessage-module_progress__2WEbF {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: #D7E4FF;
    opacity: .5;
    margin: -1px;
}



.RatingMessage-module_root__1OfE3 {
    width: 320px;
    border: 4px solid #F5F6F8;
    box-sizing: border-box;
    display: flex;
    padding: 8px;
    align-items: center;
    border-radius: 2px;
}

.RatingMessage-module_left__3WP2k {
    margin-right: 8px;
}

.RatingMessage-module_title__2ackz {
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
    color: #333;
}

.RatingMessage-module_subTitle__3OhoZ {
    color: #999;
    font-size: 12px;
    line-height: 18px;
}

.RatingMessage-module_img__2OSc3 {
    width: 32px;
    height: 32px;
}


 @charset "UTF-8";
.AudioMessage-module_content__2sdKo {
    display: flex;
    align-items: center;
    height: 32px;
    border-radius: 2px;
    cursor: pointer;
    background: #F5F6F8;
}

.AudioMessage-module_senderContent__1dami {
    background: #D7E4FF;
}

.AudioMessage-module_duration__1tJo_ {
    font-size: 12px;
    line-height: 14px;
    color: #000;
}

.AudioMessage-module_voiceIcon__3Ns3U {
    padding: 0 2px 0 14px;
}

.AudioMessage-module_box__2qEYV {
    box-sizing: border-box;
    position: relative;
}

.AudioMessage-module_wifiSymbol__XDyDW {
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    position: relative;
    /*必须，否则苹果overflow失效*/
    overflow: hidden;
    transform: rotate(135deg) scale(0.8);
}

.AudioMessage-module_wifiCircle__kTpXQ {
    border: 2px solid #333;
    border-radius: 50%;
    position: absolute;
}

.AudioMessage-module_first__2kXk- {
    width: 2px;
    height: 2px;
    background: #333;
    top: 17px;
    left: 17px;
}

.AudioMessage-module_second__1vn_o {
    width: 12px;
    height: 12px;
    top: 12px;
    left: 12px;
}

.AudioMessage-module_third__MUbCo {
    width: 20px;
    height: 20px;
    top: 7px;
    left: 7px;
}

.AudioMessage-module_secondAnimation__1QwwP {
    -webkit-animation: AudioMessage-module_fadeInOut__1NcP2 0.8s infinite 0.1s;
    animation: AudioMessage-module_fadeInOut__1NcP2 0.8s infinite 0.1s;
}

.AudioMessage-module_thirdAnimation__2n5OX {
    -webkit-animation: AudioMessage-module_fadeInOut__1NcP2 0.8s infinite 0.4s;
    animation: AudioMessage-module_fadeInOut__1NcP2 0.8s infinite 0.4s;
}

@-webkit-keyframes AudioMessage-module_fadeInOut__1NcP2 {
    0% {
        opacity: 0;
        /*初始状态 透明度为0*/
    }

    100% {
        opacity: 1;
        /*结尾状态 透明度为1*/
    }
}

@keyframes AudioMessage-module_fadeInOut__1NcP2 {
    0% {
        opacity: 0;
        /*初始状态 透明度为0*/
    }

    100% {
        opacity: 1;
        /*结尾状态 透明度为1*/
    }
}



.VideoMessage-module_root__1-gHh {
    display: inline-block;
    position: relative;
    overflow: hidden;
    line-height: 0;
    border-radius: 2px;
    background-color: #fff;
    border: 4px solid #f1f3f4;
    box-sizing: border-box;
}

.VideoMessage-module_root__1-gHh.VideoMessage-module_success__iLfva {
    cursor: pointer;
}

.VideoMessage-module_root__1-gHh.VideoMessage-module_send__3dRcB {
    border-color: #d6e5ff;
}

.VideoMessage-module_root__1-gHh.VideoMessage-module_receive__2MoQo {
    border-color: #f1f3f4;
}

.VideoMessage-module_controller__39mxQ {
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.VideoMessage-module_duration__LzVKR {
    position: absolute;
    right: 8px;
    bottom: 12px;
    color: #fff;
    font-size: 12px;
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
}

.VideoMessage-module_desktopWechatDuration__2xcgi {
    font-size: 14px;
}

.VideoMessage-module_block__1BT9C {
    display: block;
}

.VideoMessage-module_loading__1gz33 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 6.25em;
    height: 6.25em;
}

.VideoMessage-module_default-image__1zpdC {
    width: 6.375em;
    height: 6em;
}




@keyframes spin {
    from

{
    transform: rotate(0)
}

to {
    transform: rotate(360deg)
}

}

.spinning-ring, .spinning-s {
    position: absolute;
    width: 200px;
    height: 200px;
    left: 50%;
    top: 50%;
    margin: -100px 0 0 -100px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.spinning-s {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAACXBIWXMAAC4jAAAuIwF4pT92AAAFFmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiIHhtcDpDcmVhdGVEYXRlPSIyMDE4LTEyLTEwVDAxOjMzOjU2KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOC0xMi0yNFQxODozMDowNSswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOC0xMi0yNFQxODozMDowNSswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxMTVmOWY5Ni0wOTRjLTQ2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)
}

.spinning-ring {
    background-image: url(data:image/png;base64,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);
    animation-name: spin;
    animation-duration: 2.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}
@keyframes resizeanim {
    from {
        opacity: 0;
    }

    to {
        opacity: 0;
    }
}

.resize-triggers {
    animation: 1ms resizeanim;
    visibility: hidden;
    opacity: 0;
}

    .resize-triggers, .resize-triggers > div, .contract-trigger:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        overflow: hidden;
        z-index: -1
    }

        .resize-triggers > div {
            background: #eee;
            overflow: auto;
        }

.contract-trigger:before {
    width: 200%;
    height: 200%;
}
.loading-screen {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 99999
}

 .collapse-transition {
    -webkit-transition: height .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s ease-in-out;
    transition: height .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s ease-in-out
}

.shopee-skeleton {
    position: relative
}

.shopee-skeleton__line {
    width: 100%
}

.shopee-skeleton__line-first, .shopee-skeleton__line-second {
    height: 8px;
    border-radius: 2px;
    background: -webkit-gradient(linear,left top,right top,color-stop(25%,#f6f6f6),color-stop(37%,#fafafa),color-stop(63%,#f6f6f6));
    background: linear-gradient(90deg,#f6f6f6 25%,#fafafa 37%,#f6f6f6 63%);
    background-size: 400% 100%;
    -webkit-animation: breathe 1.4s ease infinite;
    animation: breathe 1.4s ease infinite
}

.shopee-skeleton__line-second {
    width: 80%;
    margin-top: 16px
}

.shopee-skeleton__square {
    border-radius: 2px
}

.shopee-skeleton__circle, .shopee-skeleton__square {
    width: 56px;
    height: 56px;
    background: -webkit-gradient(linear,left top,right top,color-stop(25%,#f6f6f6),color-stop(37%,#fafafa),color-stop(63%,#f6f6f6));
    background: linear-gradient(90deg,#f6f6f6 25%,#fafafa 37%,#f6f6f6 63%);
    background-size: 400% 100%;
    -webkit-animation: breathe 1.4s ease infinite;
    animation: breathe 1.4s ease infinite
}

.shopee-skeleton__circle {
    border-radius: 50%
}

@-webkit-keyframes breathe {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

@keyframes breathe {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}



  
.l3b_NxH95B {
  position: relative;
  width: 1068px;
  height: 600px;
  border-radius: 2px;
  background-color: #333;
}

.CSlZ6P7f2n {
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 9998;
}

.ZkfyW1PV6P {
  width: 100%;
  height: 100%;
}

.Rn1rjL2JET {
  position: absolute;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 13px 16px;
  bottom: 0;
  box-sizing: border-box;
}

.zRAIOY8Auu {
  flex: 0 0 auto;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  color: #fff;
  text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.65);
  margin-right: 11px;
}

.cRSfVL4kfT {
  flex: 1 1 auto;
  position: relative;
  height: 6px;
  cursor: pointer;
}

.r4br0YFrll {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.260899);
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.08);
  border-radius: 3.5px;
}

.SQFUkMoufl {
  position: absolute;
  height: 100%;
  background-color: #fff;
  border-radius: 3.5px;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  min-width: 16px;
  pointer-events: none;
}

.qd5fjXysT2 {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  cursor: pointer;
  background-color: #fff;
  flex: 0 0 auto;
}

.ox63rPblig {
  display: flex;
  margin-left: 12px;
  align-items: center;
}

.uSQPtUHSva {
  margin-left: 18px;
  cursor: pointer;
  width: 20px;
  height: 20px;
  color: #fff;
  filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.65));
}

.iqkUBYNcJL {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 90px;
  height: 90px;
}

@keyframes ymufjpbl6a {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.V5bQipYH1R {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 43px;
  width: 43px;
}

.r8SyPjTSPq {
  width: 43px;
  height: 43px;
  animation: ymufjpbl6a 1s 0s infinite linear;
}

.OjqFrgkZfW {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
}

.nclSaqBI5b {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.kA3T_L3aAn {
  width: 48px;
  height: 48px;
}

.iWWjvNcjYc {
  margin-top: 12px;
  font-weight: normal;
  font-size: 18px;
  line-height: 21px;
  text-decoration-line: underline;
  color: #ffffff;
  cursor: pointer;
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3NyYy9jb21wb25lbnRzL3ZpZGVvLXBsYXllci9pbmRleC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRSxrQkFBa0I7RUFDbEIsYUFBYTtFQUNiLGFBQWE7RUFDYixrQkFBa0I7RUFDbEIsc0JBQXNCO0FBQ3hCOztBQUVBO0VBQ0UsWUFBWTtFQUNaLGFBQWE7RUFDYixNQUFNO0VBQ04sT0FBTztFQUNQLGFBQWE7QUFDZjs7QUFFQTtFQUNFLFdBQVc7RUFDWCxZQUFZO0FBQ2Q7O0FBRUE7RUFDRSxrQkFBa0I7RUFDbEIsV0FBVztFQUNYLGFBQWE7RUFDYixtQkFBbUI7RUFDbkIsa0JBQWtCO0VBQ2xCLFNBQVM7RUFDVCxzQkFBc0I7QUFDeEI7O0FBRUE7RUFDRSxjQUFjO0VBQ2QsZUFBZTtFQUNmLGlCQUFpQjtFQUNqQixnQkFBZ0I7RUFDaEIsV0FBVztFQUNYLDRDQUE0QztFQUM1QyxrQkFBa0I7QUFDcEI7O0FBRUE7RUFDRSxjQUFjO0VBQ2Qsa0JBQWtCO0VBQ2xCLFdBQVc7RUFDWCxlQUFlO0FBQ2pCOztBQUVBO0VBQ0Usa0JBQWtCO0VBQ2xCLFdBQVc7RUFDWCxZQUFZO0VBQ1oseUNBQXlDO0VBQ3pDLHFDQUFxQztFQUNyQyw0Q0FBNEM7RUFDNUMsb0JBQW9CO0FBQ3RCOztBQUVBO0VBQ0Usa0JBQWtCO0VBQ2xCLFlBQVk7RUFDWixzQkFBc0I7RUFDdEIsb0JBQW9CO0VBQ3BCLGFBQWE7RUFDYiwyQkFBMkI7RUFDM0IsbUJBQW1CO0VBQ25CLGVBQWU7RUFDZixvQkFBb0I7QUFDdEI7O0FBRUE7RUFDRSxXQUFXO0VBQ1gsWUFBWTtFQUNaLGtCQUFrQjtFQUNsQixlQUFlO0VBQ2Ysc0JBQXNCO0VBQ3RCLGNBQWM7QUFDaEI7O0FBRUE7RUFDRSxhQUFhO0VBQ2IsaUJBQWlCO0VBQ2pCLG1CQUFtQjtBQUNyQjs7QUFFQTtFQUNFLGlCQUFpQjtFQUNqQixlQUFlO0VBQ2YsV0FBVztFQUNYLFlBQVk7RUFDWixXQUFXO0VBQ1gsb0RBQW9EO0FBQ3REOztBQUVBO0VBQ0Usa0JBQWtCO0VBQ2xCLE1BQU07RUFDTixTQUFTO0VBQ1QsT0FBTztFQUNQLFFBQVE7RUFDUixZQUFZO0VBQ1osV0FBVztFQUNYLFlBQVk7QUFDZDs7QUFFQTtFQUNFO0lBQ0UsdUJBQXVCO0VBQ3pCOztFQUVBO0lBQ0UseUJBQXlCO0VBQzNCO0FBQ0Y7O0FBRUE7RUFDRSxrQkFBa0I7RUFDbEIsTUFBTTtFQUNOLFNBQVM7RUFDVCxPQUFPO0VBQ1AsUUFBUTtFQUNSLFlBQVk7RUFDWixZQUFZO0VBQ1osV0FBVztBQUNiOztBQUVBO0VBQ0UsV0FBVztFQUNYLFlBQVk7RUFDWiwyQ0FBaUQ7QUFDbkQ7O0FBRUE7RUFDRSxrQkFBa0I7RUFDbEIsTUFBTTtFQUNOLE9BQU87RUFDUCxXQUFXO0VBQ1gsWUFBWTtFQUNaLG9DQUFvQztFQUNwQyxhQUFhO0VBQ2IsbUJBQW1CO0VBQ25CLHVCQUF1QjtFQUN2QixrQkFBa0I7QUFDcEI7O0FBRUE7RUFDRSxhQUFhO0VBQ2Isc0JBQXNCO0VBQ3RCLG1CQUFtQjtFQUNuQix1QkFBdUI7QUFDekI7O0FBRUE7RUFDRSxXQUFXO0VBQ1gsWUFBWTtBQUNkOztBQUVBO0VBQ0UsZ0JBQWdCO0VBQ2hCLG1CQUFtQjtFQUNuQixlQUFlO0VBQ2YsaUJBQWlCO0VBQ2pCLCtCQUErQjtFQUMvQixjQUFjO0VBQ2QsZUFBZTtBQUNqQiIsInNvdXJjZXNDb250ZW50IjpbIi5jb250YWluZXIge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiAxMDY4cHg7XG4gIGhlaWdodDogNjAwcHg7XG4gIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzMzMztcbn1cblxuLmZ1bGxzY3JlZW4ge1xuICB3aWR0aDogMTAwdnc7XG4gIGhlaWdodDogMTAwdmg7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgei1pbmRleDogOTk5ODtcbn1cblxuLnZpZGVvIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbn1cblxuLmNvbnRyb2xCYXIge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nOiAxM3B4IDE2cHg7XG4gIGJvdHRvbTogMDtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbn1cblxuLnRpbWUge1xuICBmbGV4OiAwIDAgYXV0bztcbiAgZm9udC1zaXplOiAxMnB4O1xuICBsaW5lLWhlaWdodDogMTRweDtcbiAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgY29sb3I6ICNmZmY7XG4gIHRleHQtc2hhZG93OiAwcHggMHB4IDhweCByZ2JhKDAsIDAsIDAsIDAuNjUpO1xuICBtYXJnaW4tcmlnaHQ6IDExcHg7XG59XG5cbi5wcm9ncmVzcyB7XG4gIGZsZXg6IDEgMSBhdXRvO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGhlaWdodDogNnB4O1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG5cbi5wcm9ncmVzc1RvdGFsIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBiYWNrZ3JvdW5kOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMjYwODk5KTtcbiAgYm9yZGVyOiAxcHggc29saWQgcmdiYSgwLCAwLCAwLCAwLjA4KTtcbiAgYm94LXNoYWRvdzogMHB4IDBweCAxNnB4IHJnYmEoMCwgMCwgMCwgMC4wOCk7XG4gIGJvcmRlci1yYWRpdXM6IDMuNXB4O1xufVxuXG4uY3VycmVudFByb2dyZXNzIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG4gIGJvcmRlci1yYWRpdXM6IDMuNXB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93LXJldmVyc2U7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIG1pbi13aWR0aDogMTZweDtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG59XG5cbi5wcm9ncmVzc0FuY2hvciB7XG4gIHdpZHRoOiAxNnB4O1xuICBoZWlnaHQ6IDE2cHg7XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuICBmbGV4OiAwIDAgYXV0bztcbn1cblxuLmFjdGlvbnMge1xuICBkaXNwbGF5OiBmbGV4O1xuICBtYXJnaW4tbGVmdDogMTJweDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cblxuLmFjdGlvbkljb24ge1xuICBtYXJnaW4tbGVmdDogMThweDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICB3aWR0aDogMjBweDtcbiAgaGVpZ2h0OiAyMHB4O1xuICBjb2xvcjogI2ZmZjtcbiAgZmlsdGVyOiBkcm9wLXNoYWRvdygwcHggMHB4IDhweCByZ2JhKDAsIDAsIDAsIDAuNjUpKTtcbn1cblxuLnBsYXllclN0YXR1cyB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBib3R0b206IDA7XG4gIGxlZnQ6IDA7XG4gIHJpZ2h0OiAwO1xuICBtYXJnaW46IGF1dG87XG4gIHdpZHRoOiA5MHB4O1xuICBoZWlnaHQ6IDkwcHg7XG59XG5cbkBrZXlmcmFtZXMgbG9hZGluZ0tleWZyYW1lcyB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcbiAgfVxuXG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7XG4gIH1cbn1cblxuLmxvYWRpbmcge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgYm90dG9tOiAwO1xuICBsZWZ0OiAwO1xuICByaWdodDogMDtcbiAgbWFyZ2luOiBhdXRvO1xuICBoZWlnaHQ6IDQzcHg7XG4gIHdpZHRoOiA0M3B4O1xufVxuXG4ubG9hZGluZ1NwaW4ge1xuICB3aWR0aDogNDNweDtcbiAgaGVpZ2h0OiA0M3B4O1xuICBhbmltYXRpb246IGxvYWRpbmdLZXlmcmFtZXMgMXMgMHMgaW5maW5pdGUgbGluZWFyO1xufVxuXG4uZXJyb3JMYXllciB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuNCk7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBib3JkZXItcmFkaXVzOiAycHg7XG59XG5cbi5lcnJvcldyYXAge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbn1cblxuLmVycm9ySWNvbiB7XG4gIHdpZHRoOiA0OHB4O1xuICBoZWlnaHQ6IDQ4cHg7XG59XG5cbi5yZWxvYWQge1xuICBtYXJnaW4tdG9wOiAxMnB4O1xuICBmb250LXdlaWdodDogbm9ybWFsO1xuICBmb250LXNpemU6IDE4cHg7XG4gIGxpbmUtaGVpZ2h0OiAyMXB4O1xuICB0ZXh0LWRlY29yYXRpb24tbGluZTogdW5kZXJsaW5lO1xuICBjb2xvcjogI2ZmZmZmZjtcbiAgY3Vyc29yOiBwb2ludGVyO1xufVxuIl0sInNvdXJjZVJvb3QiOiIifQ== */
    
        .H6oLtVpuCE {
            border: 1px solid #fff;
            border-radius: 50%;
        }

            .H6oLtVpuCE.weMquSojbN {
                width: 90px;
                height: 90px;
            }

            .H6oLtVpuCE.BggB7cnrNR {
                width: 28px;
                height: 28px;
            }

        .ZEebjwp8bt {
            cursor: pointer;
            width: 100%;
            height: 100%;
            overflow: hidden;
            border-radius: 50%;
            box-sizing: border-box;
            border: 1px solid rgba(0, 0, 0, 0.27);
            background-color: rgba(0, 0, 0, 0.54);
        }

        .vf3RH4DJoQ {
            height: 100%;
            position: relative;
        }

            .vf3RH4DJoQ::before,
            .vf3RH4DJoQ::after {
                position: absolute;
                content: '';
                display: block;
                width: 6.5%;
                height: 45%;
                border-radius: 2px;
                top: 27.5%;
                background: #fff;
            }

            .vf3RH4DJoQ::before {
                left: 36.6%;
            }

            .vf3RH4DJoQ::after {
                right: 36.6%;
            }

        .FF5xUgFls4 {
            width: 100%;
            height: 100%;
            display: flex;
            padding-left: 6%;
            align-items: center;
            justify-content: center;
        }

            .FF5xUgFls4 svg {
                width: 36%;
            }

        .dWT5LHvqJi,
        .zEhv1NELT6 {
            float: left;
            width: calc(50%);
            height: calc(100%);
            position: relative;
            overflow: hidden;
        }

            .dWT5LHvqJi::before,
            .zEhv1NELT6::before,
            .zEhv1NELT6::after {
                content: '';
                position: absolute;
                width: 100%;
                height: 100%;
                background-color: #fff;
            }

            .dWT5LHvqJi::before {
                left: 100%;
                transform-origin: left;
                transform: rotate(calc(3.6deg * (var(--percent) - 50)));
                opacity: calc(99999 * (var(--percent) - 50));
            }

            .zEhv1NELT6::before {
                right: 100%;
                transform-origin: right;
                transform: rotate(calc(3.6deg * var(--percent)));
            }

            .zEhv1NELT6::after {
                opacity: calc(99999 * (var(--percent) - 50));
            }

        /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3NyYy9jb21wb25lbnRzL3ZpZGVvLWNvbnRyb2wvaW5kZXguY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0Usc0JBQXNCO0VBQ3RCLGtCQUFrQjtBQWNwQixDQVpFO0lBQ0UsV0FBVztJQUNYLFlBQVk7RUFDZCxDQUVBO1FBQ00sV0FBVztJQUNmLFlBQVk7Ozs7RUFJZDs7QUFHRjtFQUNFLGVBQWU7RUFDZixXQUFXO0VBQ1gsWUFBWTtFQUNaLGdCQUFnQjtFQUNoQixrQkFBa0I7RUFDbEIsc0JBQXNCO0VBQ3RCLHFDQUFxQztFQUNyQyxxQ0FBcUM7QUFDdkM7O0FBRUE7RUFDRSxZQUFZO0VBQ1osa0JBQWtCO0FBcUJwQjs7QUFuQkU7O0lBRUUsa0JBQWtCO0lBQ2xCLFdBQVc7SUFDWCxjQUFjO0lBQ2QsV0FBVztJQUNYLFdBQVc7SUFDWCxrQkFBa0I7SUFDbEIsVUFBVTtJQUNWLGdCQUFnQjtFQUNsQjs7QUFFQTtJQUNFLFdBQVc7RUFDYjs7QUFFQTtJQUNFLFlBQVk7RUFDZDs7QUFHRjtFQUNFLFdBQVc7RUFDWCxZQUFZO0VBQ1osYUFBYTtFQUNiLGdCQUFnQjtFQUNoQixtQkFBbUI7RUFDbkIsdUJBQXVCO0FBS3pCOztBQUhFO0lBQ0UsVUFBVTtFQUNaOztBQUdGOztFQUVFLFdBQVc7RUFDWCxnQkFBZ0I7RUFDaEIsa0JBQWtCO0VBQ2xCLGtCQUFrQjtFQUNsQixnQkFBZ0I7QUFDbEI7O0FBRUE7OztFQUdFLFdBQVc7RUFDWCxrQkFBa0I7RUFDbEIsV0FBVztFQUNYLFlBQVk7RUFDWixzQkFBc0I7QUFDeEI7O0FBRUE7RUFDRSxVQUFVO0VBQ1Ysc0JBQXNCO0VBQ3RCLHVEQUF1RDtFQUN2RCw0Q0FBNEM7QUFDOUM7O0FBRUE7RUFDRSxXQUFXO0VBQ1gsdUJBQXVCO0VBQ3ZCLGdEQUFnRDtBQUNsRDs7QUFFQTtFQUNFLDRDQUE0QztBQUM5QyIsInNvdXJjZXNDb250ZW50IjpbIi5jb250cm9sbGVyIHtcbiAgYm9yZGVyOiAxcHggc29saWQgI2ZmZjtcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xuXG4gICYubGFyZ2Uge1xuICAgIHdpZHRoOiA5MHB4O1xuICAgIGhlaWdodDogOTBweDtcbiAgfVxuXG4gICYubm9ybWFsIHtcbiAgICAgICAgd2lkdGg6IDI4cHg7XG4gICAgaGVpZ2h0OiAyOHB4O1xuICAgIFxuXG4gICAgXG4gIH1cbn1cblxuLndyYXBwZXIge1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgYm9yZGVyOiAxcHggc29saWQgcmdiYSgwLCAwLCAwLCAwLjI3KTtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwLjU0KTtcbn1cblxuLnBsYXkge1xuICBoZWlnaHQ6IDEwMCU7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAmOjpiZWZvcmUsXG4gICY6OmFmdGVyIHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgY29udGVudDogJyc7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgd2lkdGg6IDYuNSU7XG4gICAgaGVpZ2h0OiA0NSU7XG4gICAgYm9yZGVyLXJhZGl1czogMnB4O1xuICAgIHRvcDogMjcuNSU7XG4gICAgYmFja2dyb3VuZDogI2ZmZjtcbiAgfVxuXG4gICY6OmJlZm9yZSB7XG4gICAgbGVmdDogMzYuNiU7XG4gIH1cblxuICAmOjphZnRlciB7XG4gICAgcmlnaHQ6IDM2LjYlO1xuICB9XG59XG5cbi5wYXVzZSB7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBhZGRpbmctbGVmdDogNiU7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXG4gICYgc3ZnIHtcbiAgICB3aWR0aDogMzYlO1xuICB9XG59XG5cbi5sZWZ0LFxuLnJpZ2h0IHtcbiAgZmxvYXQ6IGxlZnQ7XG4gIHdpZHRoOiBjYWxjKDUwJSk7XG4gIGhlaWdodDogY2FsYygxMDAlKTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBvdmVyZmxvdzogaGlkZGVuO1xufVxuXG4ubGVmdDo6YmVmb3JlLFxuLnJpZ2h0OjpiZWZvcmUsXG4ucmlnaHQ6OmFmdGVyIHtcbiAgY29udGVudDogJyc7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcbn1cblxuLmxlZnQ6OmJlZm9yZSB7XG4gIGxlZnQ6IDEwMCU7XG4gIHRyYW5zZm9ybS1vcmlnaW46IGxlZnQ7XG4gIHRyYW5zZm9ybTogcm90YXRlKGNhbGMoMy42ZGVnICogKHZhcigtLXBlcmNlbnQpIC0gNTApKSk7XG4gIG9wYWNpdHk6IGNhbGMoOTk5OTkgKiAodmFyKC0tcGVyY2VudCkgLSA1MCkpO1xufVxuXG4ucmlnaHQ6OmJlZm9yZSB7XG4gIHJpZ2h0OiAxMDAlO1xuICB0cmFuc2Zvcm0tb3JpZ2luOiByaWdodDtcbiAgdHJhbnNmb3JtOiByb3RhdGUoY2FsYygzLjZkZWcgKiB2YXIoLS1wZXJjZW50KSkpO1xufVxuXG4ucmlnaHQ6OmFmdGVyIHtcbiAgb3BhY2l0eTogY2FsYyg5OTk5OSAqICh2YXIoLS1wZXJjZW50KSAtIDUwKSk7XG59XG4iXSwic291cmNlUm9vdCI6IiJ9 */
    
    
        .F3OPImjmYc {
            display: flex;
        }

        .Jurx8VA4hm {
            cursor: pointer;
            box-sizing: border-box;
            width: 72px;
            height: 72px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: space-between;
            padding: 8px 0;
            border-radius: 6px;
        }

            .Jurx8VA4hm:not(:last-child) {
                margin-right: 12px;
            }

            .Jurx8VA4hm.IdQDpdJ2YV {
                background: #F6F6F6;
            }

                .Jurx8VA4hm.IdQDpdJ2YV .vCm3rkZcFW {
                    font-weight: 500;
                }

                .Jurx8VA4hm.IdQDpdJ2YV .QndonIq745 {
                    color: #ee2c4a;
                }

                .Jurx8VA4hm.IdQDpdJ2YV .xUp_ND36Rf {
                    color: #eda500;
                }

                .Jurx8VA4hm.IdQDpdJ2YV .NGaWK0HZ2W {
                    color: #30b566;
                }

        .vCm3rkZcFW {
            font-size: 12px;
            color: rgba(0, 0, 0, 0.87);
            line-height: 14px;
        }

        .BT18znWPab .Jurx8VA4hm {
            margin-right: 0;
        }

        .V0XtvWkWTa {
            width: 34px;
            height: 34px;
        }

        .SXlCgWH__z {
            cursor: not-allowed;
        }

        .hr8wWN6bb9 {
            opacity: 0.5;
        }

        /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3NyYy9jb21wb25lbnRzL2ZlZWRiYWNrLWVtb2ppL2luZGV4LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFLGFBQWE7QUFDZjs7QUFFQTtFQUNFLGVBQWU7RUFDZixzQkFBc0I7RUFDdEIsV0FBVztFQUNYLFlBQVk7RUFDWixhQUFhO0VBQ2Isc0JBQXNCO0VBQ3RCLG1CQUFtQjtFQUNuQiw4QkFBOEI7RUFDOUIsY0FBYztFQUNkLGtCQUFrQjtBQW9CcEI7O0FBbkJFO0lBQ0Usa0JBQWtCO0VBQ3BCOztBQUVBO0lBQ0UsbUJBQW1CO0VBYXJCOztBQVpFO01BQ0UsZ0JBQWdCO0lBQ2xCOztBQUNBO01BQ0UsY0FBYztJQUNoQjs7QUFDQTtNQUNFLGNBQWM7SUFDaEI7O0FBQ0E7TUFDRSxjQUFjO0lBQ2hCOztBQUlKO0VBQ0UsZUFBZTtFQUNmLDBCQUEwQjtFQUMxQixpQkFBaUI7QUFDbkI7O0FBR0U7UUFDTSxlQUFlOztFQUVyQjs7QUFHRjtFQUNFLFdBQVc7RUFDWCxZQUFZO0FBQ2Q7O0FBRUE7RUFDRSxtQkFBbUI7QUFDckI7O0FBRUE7RUFFRSxZQUFZO0FBQ2QiLCJzb3VyY2VzQ29udGVudCI6WyIuaWNvbnMge1xuICBkaXNwbGF5OiBmbGV4O1xufVxuXG4ub3B0aW9uIHtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICB3aWR0aDogNzJweDtcbiAgaGVpZ2h0OiA3MnB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIHBhZGRpbmc6IDhweCAwO1xuICBib3JkZXItcmFkaXVzOiA2cHg7XG4gICY6bm90KDpsYXN0LWNoaWxkKSB7XG4gICAgbWFyZ2luLXJpZ2h0OiAxMnB4O1xuICB9XG4gIFxuICAmLmFjdGl2ZSB7XG4gICAgYmFja2dyb3VuZDogI0Y2RjZGNjtcbiAgICAmIC5vcHRpb25UZXh0IHtcbiAgICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG4gICAgfVxuICAgICYgLmJhZCB7XG4gICAgICBjb2xvcjogI2VlMmM0YTtcbiAgICB9XG4gICAgJiAuYXZlcmFnZSB7XG4gICAgICBjb2xvcjogI2VkYTUwMDtcbiAgICB9XG4gICAgJiAuZ29vZCB7XG4gICAgICBjb2xvcjogIzMwYjU2NjtcbiAgICB9XG4gIH1cbn1cblxuLm9wdGlvblRleHQge1xuICBmb250LXNpemU6IDEycHg7XG4gIGNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuODcpO1xuICBsaW5lLWhlaWdodDogMTRweDtcbn1cblxuLmV2YWx1YXRpb24ge1xuICAmIC5vcHRpb24ge1xuICAgICAgICBtYXJnaW4tcmlnaHQ6IDA7XG4gICAgXG4gIH1cbn1cblxuLmljb24ge1xuICB3aWR0aDogMzRweDtcbiAgaGVpZ2h0OiAzNHB4O1xufVxuXG4uZGlzYWJsZWQge1xuICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xufVxuXG4uZ3JleSB7XG4gIGNvbXBvc2VzOiBkaXNhYmxlZDtcbiAgb3BhY2l0eTogMC41O1xufVxuIl0sInNvdXJjZVJvb3QiOiIifQ== */
    
    
        .Unh0RfvpcU {
            padding-top: 20px;
        }

        .UHBk3teKo9 {
            display: flex;
            align-items: center;
            margin-bottom: 20px;
        }

        .whQv1BJkth {
            padding-top: 12px;
        }

            .whQv1BJkth .UHBk3teKo9 {
                margin-bottom: 12px;
            }

                .whQv1BJkth .UHBk3teKo9:last-child {
                    margin-bottom: 0;
                }

                .whQv1BJkth .UHBk3teKo9 .R92Mlqvm6L {
                    font-size: 12px;
                }

        .lxZzo84oYg {
            display: inline;
            margin-left: 8px;
            color: rgba(0, 0, 0, 0.65);
            font-size: 14px;
        }

        .R92Mlqvm6L {
            color: #333;
            display: inline;
            margin-left: 8px;
        }

        /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3NyYy9jb21wb25lbnRzL2ZlZWRiYWNrLXJlYXNvbi9pbmRleC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUNBO0VBQ0UsaUJBQWlCO0FBQ25COztBQUVBO0VBQ0UsYUFBYTtFQUNiLG1CQUFtQjtFQUNuQixtQkFBbUI7QUFDckI7O0FBRUE7SUFDSSxpQkFBaUI7QUFlckI7O0FBWkU7UUFDTSxtQkFBbUI7RUFVekI7O0FBUkU7TUFDRSxnQkFBZ0I7SUFDbEI7O0FBRUE7WUFDUSxlQUFlOztJQUV2Qjs7QUFJSjtFQUNFLGVBQWU7RUFDZixnQkFBZ0I7RUFDaEIsMEJBQTBCO0VBQzFCLGVBQWU7QUFDakI7O0FBRUE7RUFDRSxXQUFXO0VBQ1gsZUFBZTtFQUNmLGdCQUFnQjtBQUNsQiIsInNvdXJjZXNDb250ZW50IjpbIlxuLmluZm9PcHRpb25zIHtcbiAgcGFkZGluZy10b3A6IDIwcHg7XG59XG5cbi5pbmZvIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgbWFyZ2luLWJvdHRvbTogMjBweDtcbn1cblxuLmV2YWx1YXRpb24ge1xuICAgIHBhZGRpbmctdG9wOiAxMnB4O1xuICBcblxuICAmIC5pbmZvIHtcbiAgICAgICAgbWFyZ2luLWJvdHRvbTogMTJweDtcbiAgICBcbiAgICAmOmxhc3QtY2hpbGQge1xuICAgICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgICB9XG5cbiAgICAmIC5sYWJlbCB7XG4gICAgICAgICAgICBmb250LXNpemU6IDEycHg7XG4gICAgICBcbiAgICB9XG4gIH1cbn1cblxuLmluZm9UZXh0IHtcbiAgZGlzcGxheTogaW5saW5lO1xuICBtYXJnaW4tbGVmdDogOHB4O1xuICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjY1KTtcbiAgZm9udC1zaXplOiAxNHB4O1xufVxuXG4ubGFiZWwge1xuICBjb2xvcjogIzMzMztcbiAgZGlzcGxheTogaW5saW5lO1xuICBtYXJnaW4tbGVmdDogOHB4O1xufVxuIl0sInNvdXJjZVJvb3QiOiIifQ== */
    
    
        .hfkkYhipl0 {
            width: 100%;
            height: 100%;
            padding: 8px;
            top: 0;
            left: 0;
            z-index: 99;
            position: absolute;
            box-sizing: border-box;
            background: rgba(255, 255, 255, 0.8);
        }

        .suKwEQGv0c {
            width: 100%;
            height: 100%;
            display: flex;
            color: #888;
            font-size: 18px;
            padding: 0 16px;
            align-items: center;
            border-radius: 4px;
            justify-content: center;
            box-sizing: border-box;
            border: 2px dashed #999;
        }

        /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3NyYy9jb21wb25lbnRzL21lZGlhLWRyb3BwZXIvaW5kZXguY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0UsV0FBVztFQUNYLFlBQVk7RUFDWixZQUFZO0VBQ1osTUFBTTtFQUNOLE9BQU87RUFDUCxXQUFXO0VBQ1gsa0JBQWtCO0VBQ2xCLHNCQUFzQjtFQUN0QixvQ0FBb0M7QUFDdEM7O0FBRUE7RUFDRSxXQUFXO0VBQ1gsWUFBWTtFQUNaLGFBQWE7RUFDYixXQUFXO0VBQ1gsZUFBZTtFQUNmLGVBQWU7RUFDZixtQkFBbUI7RUFDbkIsa0JBQWtCO0VBQ2xCLHVCQUF1QjtFQUN2QixzQkFBc0I7RUFDdEIsdUJBQXVCO0FBQ3pCIiwic291cmNlc0NvbnRlbnQiOlsiLmRyb3BXcmFwcGVyIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgcGFkZGluZzogOHB4O1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIHotaW5kZXg6IDk5O1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGJhY2tncm91bmQ6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC44KTtcbn1cblxuLmNvbnRlbnQge1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBjb2xvcjogIzg4ODtcbiAgZm9udC1zaXplOiAxOHB4O1xuICBwYWRkaW5nOiAwIDE2cHg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGJvcmRlcjogMnB4IGRhc2hlZCAjOTk5O1xufVxuIl0sInNvdXJjZVJvb3QiOiIifQ== */
    
    
        .dslqgtMABp {
            position: relative;
            width: 100%;
            height: 64px;
            display: flex;
            background-color: #fff;
            border-bottom: 1px solid #e4e6e8;
            box-sizing: border-box;
        }

        ._SxbhNrcLZ {
            margin-left: 9px;
            flex: 1 1 auto;
            padding: 9px 0;
            overflow-y: hidden;
            overflow-x: overlay;
            box-sizing: border-box;
            height: 64px;
        }

            ._SxbhNrcLZ::-webkit-scrollbar {
                height: 6px;
            }

            ._SxbhNrcLZ::-webkit-scrollbar-thumb {
                color: rgba(0, 0, 0, 0.3);
                border-radius: 2px;
            }

        .tIUgJKM6f4 {
            width: 24px;
            height: 64px;
            display: flex;
            flex-direction: column;
            align-items: center;
            flex: 0 0 auto;
        }

        .JojxZl2V1Q {
            box-shadow: -4px 0px 3px rgba(74, 74, 78, 0.13);
        }

        .ag78uSa0Xv {
            width: 10px;
            height: 10px;
            margin-top: 6px;
            color: #bbb;
            cursor: pointer;
        }

        .GhFIKKDfxt {
            display: inline-flex;
            align-items: center;
        }

        .JL_ENuSwIo {
            width: 46px;
            height: 46px;
            margin-right: 10px;
            flex: 0 0 auto;
            border: 1px solid #eff2f4;
            border-radius: 2px;
            position: relative;
            box-sizing: border-box;
        }

        .HnBRsOQrMO {
            width: 46px;
            height: 46px;
            border: 1px solid #eff2f4;
            border-radius: 2px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
        }

        .XCHMtuh3ZH {
            width: 10px;
            height: 10px;
        }

        .MRLB8MOIwJ {
            position: absolute;
            width: 27px;
            height: 27px;
            top: 0;
            bottom: 0;
            right: 0;
            left: 0;
            margin: auto;
        }

        .sRFHxNFIMk {
            position: absolute;
            width: 12px;
            height: 12px;
            right: -6px;
            top: -6px;
            cursor: pointer;
        }

        .yNE7nDFsb6 {
            position: absolute;
            bottom: 2px;
            right: 6px;
            color: #fff;
            font-size: 12px;
            line-height: 17px;
            text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
        }

        .NYRcYwNKQq {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
        }

        .Z1OHlYH4ok {
            width: 0;
            height: 100%;
        }

        /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3NyYy9jb21wb25lbnRzL21lZGlhLXByZXZpZXdlci9pbmRleC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRSxrQkFBa0I7RUFDbEIsV0FBVzs7OztJQUlULFlBQVk7OztFQUdkLGFBQWE7RUFDYixzQkFBc0I7RUFDdEIsZ0NBQWdDO0VBQ2hDLHNCQUFzQjtBQUN4Qjs7QUFFQTtFQUNFLGdCQUFnQjtFQUNoQixjQUFjO0VBQ2QsY0FBYztFQUNkLGtCQUFrQjtFQUNsQixtQkFBbUI7RUFDbkIsc0JBQXNCOzs7O0lBSXBCLFlBQVk7QUFXaEI7O0FBUkU7SUFDRSxXQUFXO0VBQ2I7O0FBRUE7SUFDRSx5QkFBeUI7SUFDekIsa0JBQWtCO0VBQ3BCOztBQUdGO0VBQ0UsV0FBVzs7O0lBR1QsWUFBWTs7RUFFZCxhQUFhO0VBQ2Isc0JBQXNCO0VBQ3RCLG1CQUFtQjtFQUNuQixjQUFjO0FBQ2hCOztBQUVBO0VBQ0UsK0NBQStDO0FBQ2pEOztBQUVBO0VBQ0UsV0FBVztFQUNYLFlBQVk7RUFDWixlQUFlO0VBQ2YsV0FBVztFQUNYLGVBQWU7QUFDakI7O0FBRUE7RUFDRSxvQkFBb0I7RUFDcEIsbUJBQW1CO0FBQ3JCOztBQUVBOzs7SUFHSSxXQUFXO0VBQ2IsWUFBWTs7O0VBR1osa0JBQWtCO0VBQ2xCLGNBQWM7RUFDZCx5QkFBeUI7RUFDekIsa0JBQWtCO0VBQ2xCLGtCQUFrQjtFQUNsQixzQkFBc0I7QUFDeEI7O0FBRUE7OztJQUdJLFdBQVc7RUFDYixZQUFZOzs7RUFHWix5QkFBeUI7RUFDekIsa0JBQWtCO0VBQ2xCLGFBQWE7RUFDYixtQkFBbUI7RUFDbkIsdUJBQXVCO0VBQ3ZCLGVBQWU7QUFDakI7O0FBRUE7OztJQUdJLFdBQVc7RUFDYixZQUFZOztBQUVkOztBQUVBO0VBQ0Usa0JBQWtCOzs7SUFHaEIsV0FBVztFQUNiLFlBQVk7O0VBRVosTUFBTTtFQUNOLFNBQVM7RUFDVCxRQUFRO0VBQ1IsT0FBTztFQUNQLFlBQVk7QUFDZDs7QUFFQTtFQUNFLGtCQUFrQjs7O0lBR2hCLFdBQVc7RUFDYixZQUFZO0VBQ1osV0FBVztFQUNYLFNBQVM7O0VBRVQsZUFBZTtBQUNqQjs7QUFFQTtFQUNFLGtCQUFrQjtFQUNsQixXQUFXO0VBQ1gsVUFBVTtFQUNWLFdBQVc7RUFDWCxlQUFlO0VBQ2YsaUJBQWlCO0VBQ2pCLDJDQUEyQztBQUM3Qzs7QUFFQTtFQUNFLFdBQVc7RUFDWCxZQUFZO0VBQ1osb0JBQWlCO0tBQWpCLGlCQUFpQjtBQUNuQjs7QUFFQTtFQUNFLFFBQVE7RUFDUixZQUFZO0FBQ2QiLCJzb3VyY2VzQ29udGVudCI6WyIuY29udGFpbmVyIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB3aWR0aDogMTAwJTtcblxuICBcblxuICAgIGhlaWdodDogNjRweDtcbiAgXG5cbiAgZGlzcGxheTogZmxleDtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNlNGU2ZTg7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG59XG5cbi5jb250ZW50V3JhcHBlciB7XG4gIG1hcmdpbi1sZWZ0OiA5cHg7XG4gIGZsZXg6IDEgMSBhdXRvO1xuICBwYWRkaW5nOiA5cHggMDtcbiAgb3ZlcmZsb3cteTogaGlkZGVuO1xuICBvdmVyZmxvdy14OiBvdmVybGF5O1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXG4gIFxuXG4gICAgaGVpZ2h0OiA2NHB4O1xuICBcblxuICAmOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgaGVpZ2h0OiA2cHg7XG4gIH1cblxuICAmOjotd2Via2l0LXNjcm9sbGJhci10aHVtYiB7XG4gICAgY29sb3I6IHJnYmEoMCwgMCwgMCwgMC4zKTtcbiAgICBib3JkZXItcmFkaXVzOiAycHg7XG4gIH1cbn1cblxuLnJpZ2h0SGlkZGVyIHtcbiAgd2lkdGg6IDI0cHg7XG4gIFxuXG4gICAgaGVpZ2h0OiA2NHB4O1xuICBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZmxleDogMCAwIGF1dG87XG59XG5cbi5yaWdodFNoYWRvdyB7XG4gIGJveC1zaGFkb3c6IC00cHggMHB4IDNweCByZ2JhKDc0LCA3NCwgNzgsIDAuMTMpO1xufVxuXG4uY2xvc2VJY29uIHtcbiAgd2lkdGg6IDEwcHg7XG4gIGhlaWdodDogMTBweDtcbiAgbWFyZ2luLXRvcDogNnB4O1xuICBjb2xvcjogI2JiYjtcbiAgY3Vyc29yOiBwb2ludGVyO1xufVxuXG4uY29udGVudCB7XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuXG4ubWVkaWEge1xuICBcblxuICAgIHdpZHRoOiA0NnB4O1xuICBoZWlnaHQ6IDQ2cHg7XG4gIFxuXG4gIG1hcmdpbi1yaWdodDogMTBweDtcbiAgZmxleDogMCAwIGF1dG87XG4gIGJvcmRlcjogMXB4IHNvbGlkICNlZmYyZjQ7XG4gIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xufVxuXG4uYWRkIHtcbiAgXG5cbiAgICB3aWR0aDogNDZweDtcbiAgaGVpZ2h0OiA0NnB4O1xuICBcblxuICBib3JkZXI6IDFweCBzb2xpZCAjZWZmMmY0O1xuICBib3JkZXItcmFkaXVzOiAycHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG5cbi5hZGRJY29uIHtcbiAgXG5cbiAgICB3aWR0aDogMTBweDtcbiAgaGVpZ2h0OiAxMHB4O1xuICBcbn1cblxuLnBsYXlJY29uIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBcblxuICAgIHdpZHRoOiAyN3B4O1xuICBoZWlnaHQ6IDI3cHg7XG4gIFxuICB0b3A6IDA7XG4gIGJvdHRvbTogMDtcbiAgcmlnaHQ6IDA7XG4gIGxlZnQ6IDA7XG4gIG1hcmdpbjogYXV0bztcbn1cblxuLmRlbGV0ZUljb24ge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIFxuXG4gICAgd2lkdGg6IDEycHg7XG4gIGhlaWdodDogMTJweDtcbiAgcmlnaHQ6IC02cHg7XG4gIHRvcDogLTZweDtcbiAgXG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cblxuLmR1cmF0aW9uIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBib3R0b206IDJweDtcbiAgcmlnaHQ6IDZweDtcbiAgY29sb3I6ICNmZmY7XG4gIGZvbnQtc2l6ZTogMTJweDtcbiAgbGluZS1oZWlnaHQ6IDE3cHg7XG4gIHRleHQtc2hhZG93OiAwcHggMHB4IDhweCByZ2JhKDAsIDAsIDAsIDAuNSk7XG59XG5cbi5jb3ZlciB7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIG9iamVjdC1maXQ6IGNvdmVyO1xufVxuXG4uZW5kQW5jaG9yIHtcbiAgd2lkdGg6IDA7XG4gIGhlaWdodDogMTAwJTtcbn1cbiJdLCJzb3VyY2VSb290IjoiIn0= */
    
    
.wKRm7_LvGn {
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}

.iMYp82KrgL {
  cursor: pointer;
  position: absolute;
  right: 24px;
  top: 24px;
  width: 24px;
  height: 24px;
  z-index: 9999;
}

.GhfgwUZ691 {
  width: 24px;
  height: 24px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

@keyframes TZT9NtS1_U {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.ZDdm2YSOgm {
  height: 48px;
}

.J5Jix_JXph {
  animation: TZT9NtS1_U 1s 0s infinite linear;
}

.ZGttcNIdy4 {
  position: absolute;
  top: 50%;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  text-align: center;
  line-height: 50px;
  margin-top: -20px;
  background: rgba(0, 0, 0, 0.3);
  z-index: 9999;
  cursor: pointer;
}

.ZGttcNIdy4:hover {
    background: rgba(0, 0, 0, 0.6);
  }

.BoRZMytMNg {
  left: 33px;
}

.BZs3Qlu8tL {
  right: 33px;
  transform: rotateZ(180deg);
}

.fdVdVUV4GR {
  max-width: 100vw;
  max-height: 100vh;
}

.fdVdVUV4GR > img {
  max-width: 100vw;
  max-height: 100vh;
  background: #fff;
}

.pSCLFAx5ny {
  width: 22px;
  height: 22px;
  color: #fff;
}

.Psfk3Redj0 {
  width: 104px;
}

.jJhgcDmDMU {
  width: 1067px;
  height: 600px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
}

.OqjFMKFfIU {
  display: none;
}

.J150raCe6r {
  background: #fff;
  display: flex;
  flex-direction: column;
  padding: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  width: 398px;
  box-shadow: 0 0 9px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  color: #333;
}

.J150raCe6r .bB8YcwASGE {
    margin-bottom: 36px;
    font-weight: 500;
    font-size: 20px;
    line-height: 20px;
    display: flex;
    align-items: center;
  }

.J150raCe6r .bB8YcwASGE .cUJoB835zp {
      margin-right: 8px;
    }

.J150raCe6r .bB8YcwASGE .cUJoB835zp svg path {
          stroke: #faad14;
        }

.J150raCe6r .LnLvxIvzWr {
    margin-bottom: 36px;
    font-size: 14px;
    line-height: 18px;
  }

.J150raCe6r .LnLvxIvzWr .hoioNKBC14 {
      font-size: 14px;
      line-height: 14px;
      color: #2673dd;
      text-decoration-line: underline;
      cursor: pointer;
    }

.J150raCe6r .Ay8Zpt5IDY {
    display: flex;
    justify-content: flex-end;
  }

.J150raCe6r .Ay8Zpt5IDY .dGs6wHn8TU {
      border: 1px solid #e5e5e5;
      padding: 8px 16px;
      margin-right: 16px;
      cursor: pointer;
    }

.J150raCe6r .Ay8Zpt5IDY .anj_g3F2MQ {
      background: #ee4d2d;
      border-radius: 4px;
      color: #fff;
      padding: 8px 16px;
      cursor: pointer;
    }


    
        .CXaUASDv5Q {
            display: flex;
            align-items: center;
            font-style: italic;
        }

        .IOSNtQB8eI {
            color: rgba(0, 0, 0, 0.26);
            width: 100%;
        }

        .r2QAmmJPRD {
            text-overflow: ellipsis;
            overflow: hidden;
        }

        .ZePQYMd_fC {
            width: 12px;
            height: 12px;
            margin-right: 2px;
            flex-shrink: 0;
        }


.TextMessage-module_content__1OhmO {
    max-width: 320px;
    color: #333;
    font-size: 14px;
    line-height: 20px;
    box-sizing: border-box;
    border-radius: 2px;
    padding: 8px 12px;
    letter-spacing: 0;
    word-break: break-word;
    white-space: pre-wrap;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.TextMessage-module_content__1OhmO > a {
    text-decoration: underline;
}

    .TextMessage-module_content__1OhmO > a:link, .TextMessage-module_content__1OhmO > a:hover, .TextMessage-module_content__1OhmO > a:visited, .TextMessage-module_content__1OhmO > a:active {
        color: #385692;
    }

.TextMessage-module_receiverContent__3RLrm {
    background: #F5F6F8;
}

.TextMessage-module_senderContent__1KFch {
    background: #D7E4FF;
}

.TextMessage-module_m-content__3Uldu {
    max-width: 412px;
    font-size: 16px;
    line-height: 24px;
}



.ImagePreview-module_root__2vB6G {
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
}

.ImagePreview-module_close__3GxUe {
    cursor: pointer;
    position: absolute;
    right: 24px;
    top: 24px;
    width: 24px;
    height: 24px;
}

.ImagePreview-module_closeIcon__3hCSi {
    width: 24px;
    height: 24px;
}

@-webkit-keyframes ImagePreview-module_loadingKeyframes__b3CMe {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes ImagePreview-module_loadingKeyframes__b3CMe {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.ImagePreview-module_loading__PYDWv {
    height: 48px;
}

    .ImagePreview-module_loading__PYDWv > img {
        -webkit-animation: ImagePreview-module_loadingKeyframes__b3CMe 1s 0s infinite linear;
        animation: ImagePreview-module_loadingKeyframes__b3CMe 1s 0s infinite linear;
    }

.ImagePreview-module_arrow__1ajZ8 {
    position: absolute;
    top: 50%;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    margin-top: -20px;
    background: rgba(0, 0, 0, 0.3);
    cursor: pointer;
}

    .ImagePreview-module_arrow__1ajZ8:hover {
        background: rgba(0, 0, 0, 0.6);
    }

.ImagePreview-module_arrowLeft__88Ukq {
    left: 33px;
}

.ImagePreview-module_arrowRight__3QL2j {
    right: 33px;
    transform: rotateZ(180deg);
}

.ImagePreview-module_image__3T90T {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .ImagePreview-module_image__3T90T img {
        max-width: 100%;
        max-height: 100%;
        padding: 16px;
    }



@-webkit-keyframes ImageMessage-module_spinner__2MZm_ {
    0%

{
    transform: rotate(0);
}

100% {
    transform: rotate(360deg);
}

}

@keyframes ImageMessage-module_spinner__2MZm_ {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.ImageMessage-module_spin__2q_qh {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEqADAAQAAAABAAAAEgAAAACaqbJVAAABU0lEQVQ4Ea2TSU8DMQxGh30RCKQWieXEgf//W7iD4IQAtaBW7Ft5z6qHFGmqHGrpNZ7E+RLHbtMsyJY6dLaYP4B92IBl+IAR3MEzzNh/ITecgCL6rjuWvnO3cAk/EFYKGXwKu+D8AwzhFbRtOIQjMNbbnUOIreCkHePswRdcwT2YzmSKvuJj6MEOrIGHNSm0iW9K2jU86XTYG/O+kTfz4DgwhfpMKPYIcQLjPDNdC6KQNx6Yq2b+TihUazcEut/ChOO4Cj7aux+VZvoKeYmojuPZ1L9gbEvqQq1lalZEgfXajcTZIklbNcuYIi+VYhZKIW2SVbN3bEQFfSe/55mZ+K4KzTTkNxMuKmQbfEKXmIf7/1PESru3TU3fRjPAk+wRNxhksJucdz2fwJt4YFjmWH7bZJbUwESx9B0tTv59cP8eKz6Kn0zR0zMFU02BSKeIX5z7C/3bSvJS2oegAAAAAElFTkSuQmCC");
    background-size: cover;
    -webkit-animation: ImageMessage-module_spinner__2MZm_ linear 0.8s infinite;
    animation: ImageMessage-module_spinner__2MZm_ linear 0.8s infinite;
}

.ImageMessage-module_fail__24XSt {
    width: 144px;
    height: 144px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    border: 4px solid #D7E4FF;
}

.ImageMessage-module_loading__s3rNk {
    width: 144px;
    height: 144px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    border: 4px solid #D7E4FF;
}

.ImageMessage-module_container__2khy8 {
    font-size: 16px;
    box-sizing: border-box;
    border-radius: 2px;
    border: 4px solid #F5F6F8;
    line-height: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

    .ImageMessage-module_container__2khy8 > svg {
        margin-right: 8px;
    }

.ImageMessage-module_isSender__347Hl {
    border-color: #D7E4FF;
}

.ImageMessage-module_img__2OTii {
    cursor: pointer;
}



.SystemMessage-module_root__2irW- {
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    color: #bbb;
    max-width: 320px;
}



.move-up-enter, .move-up-appear {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.move-up-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.move-up-enter.move-up-enter-active, .move-up-appear.move-up-appear-active {
    -webkit-animation-name: shopeeMoveUpIn;
    animation-name: shopeeMoveUpIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.move-up-leave.move-up-leave-active {
    -webkit-animation-name: shopeeMoveUpOut;
    animation-name: shopeeMoveUpOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.move-up-enter, .move-up-appear {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1)
}

.move-up-leave {
    -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
    animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34)
}

.move-down-enter, .move-down-appear {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.move-down-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.move-down-enter.move-down-enter-active, .move-down-appear.move-down-appear-active {
    -webkit-animation-name: shopeeMoveDownIn;
    animation-name: shopeeMoveDownIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.move-down-leave.move-down-leave-active {
    -webkit-animation-name: shopeeMoveDownOut;
    animation-name: shopeeMoveDownOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.move-down-enter, .move-down-appear {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1)
}

.move-down-leave {
    -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
    animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34)
}

.move-left-enter, .move-left-appear {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.move-left-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.move-left-enter.move-left-enter-active, .move-left-appear.move-left-appear-active {
    -webkit-animation-name: shopeeMoveLeftIn;
    animation-name: shopeeMoveLeftIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.move-left-leave.move-left-leave-active {
    -webkit-animation-name: shopeeMoveLeftOut;
    animation-name: shopeeMoveLeftOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.move-left-enter, .move-left-appear {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1)
}

.move-left-leave {
    -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
    animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34)
}

.move-right-enter, .move-right-appear {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.move-right-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.move-right-enter.move-right-enter-active, .move-right-appear.move-right-appear-active {
    -webkit-animation-name: shopeeMoveRightIn;
    animation-name: shopeeMoveRightIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.move-right-leave.move-right-leave-active {
    -webkit-animation-name: shopeeMoveRightOut;
    animation-name: shopeeMoveRightOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.move-right-enter, .move-right-appear {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1)
}

.move-right-leave {
    -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
    animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34)
}

@-webkit-keyframes shopeeMoveDownIn {
    0% {
        transform: translateY(100%);
        transform-origin: 0 0;
        opacity: 0
    }

    100% {
        transform: translateY(0%);
        transform-origin: 0 0;
        opacity: 1
    }
}

@keyframes shopeeMoveDownIn {
    0% {
        transform: translateY(100%);
        transform-origin: 0 0;
        opacity: 0
    }

    100% {
        transform: translateY(0%);
        transform-origin: 0 0;
        opacity: 1
    }
}

@-webkit-keyframes shopeeMoveDownOut {
    0% {
        transform: translateY(0%);
        transform-origin: 0 0;
        opacity: 1
    }

    100% {
        transform: translateY(100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

@keyframes shopeeMoveDownOut {
    0% {
        transform: translateY(0%);
        transform-origin: 0 0;
        opacity: 1
    }

    100% {
        transform: translateY(100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

@-webkit-keyframes shopeeMoveLeftIn {
    0% {
        transform: translateX(-100%);
        transform-origin: 0 0;
        opacity: 0
    }

    100% {
        transform: translateX(0%);
        transform-origin: 0 0;
        opacity: 1
    }
}

@keyframes shopeeMoveLeftIn {
    0% {
        transform: translateX(-100%);
        transform-origin: 0 0;
        opacity: 0
    }

    100% {
        transform: translateX(0%);
        transform-origin: 0 0;
        opacity: 1
    }
}

@-webkit-keyframes shopeeMoveLeftOut {
    0% {
        transform: translateX(0%);
        transform-origin: 0 0;
        opacity: 1
    }

    100% {
        transform: translateX(-100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

@keyframes shopeeMoveLeftOut {
    0% {
        transform: translateX(0%);
        transform-origin: 0 0;
        opacity: 1
    }

    100% {
        transform: translateX(-100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

@-webkit-keyframes shopeeMoveRightIn {
    0% {
        transform: translateX(100%);
        transform-origin: 0 0;
        opacity: 0
    }

    100% {
        transform: translateX(0%);
        transform-origin: 0 0;
        opacity: 1
    }
}

@keyframes shopeeMoveRightIn {
    0% {
        transform: translateX(100%);
        transform-origin: 0 0;
        opacity: 0
    }

    100% {
        transform: translateX(0%);
        transform-origin: 0 0;
        opacity: 1
    }
}

@-webkit-keyframes shopeeMoveRightOut {
    0% {
        transform: translateX(0%);
        transform-origin: 0 0;
        opacity: 1
    }

    100% {
        transform: translateX(100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

@keyframes shopeeMoveRightOut {
    0% {
        transform: translateX(0%);
        transform-origin: 0 0;
        opacity: 1
    }

    100% {
        transform: translateX(100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

@-webkit-keyframes shopeeMoveUpIn {
    0% {
        transform: translateY(-100%);
        transform-origin: 0 0;
        opacity: 0
    }

    100% {
        transform: translateY(0%);
        transform-origin: 0 0;
        opacity: 1
    }
}

@keyframes shopeeMoveUpIn {
    0% {
        transform: translateY(-100%);
        transform-origin: 0 0;
        opacity: 0
    }

    100% {
        transform: translateY(0%);
        transform-origin: 0 0;
        opacity: 1
    }
}

@-webkit-keyframes shopeeMoveUpOut {
    0% {
        transform: translateY(0%);
        transform-origin: 0 0;
        opacity: 1
    }

    100% {
        transform: translateY(-100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

@keyframes shopeeMoveUpOut {
    0% {
        transform: translateY(0%);
        transform-origin: 0 0;
        opacity: 1
    }

    100% {
        transform: translateY(-100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

.zoom-enter, .zoom-appear {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-enter.zoom-enter-active, .zoom-appear.zoom-appear-active {
    -webkit-animation-name: shopeeZoomIn;
    animation-name: shopeeZoomIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-leave.zoom-leave-active {
    -webkit-animation-name: shopeeZoomOut;
    animation-name: shopeeZoomOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.zoom-enter, .zoom-appear {
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1)
}

.zoom-enter-prepare, .zoom-appear-prepare {
    transform: none
}

.zoom-leave {
    -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
    animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86)
}

.zoom-big-enter, .zoom-big-appear {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-big-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-big-enter.zoom-big-enter-active, .zoom-big-appear.zoom-big-appear-active {
    -webkit-animation-name: shopeeZoomBigIn;
    animation-name: shopeeZoomBigIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-big-leave.zoom-big-leave-active {
    -webkit-animation-name: shopeeZoomBigOut;
    animation-name: shopeeZoomBigOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.zoom-big-enter, .zoom-big-appear {
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1)
}

.zoom-big-enter-prepare, .zoom-big-appear-prepare {
    transform: none
}

.zoom-big-leave {
    -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
    animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86)
}

.zoom-big-fast-enter, .zoom-big-fast-appear {
    -webkit-animation-duration: .1s;
    animation-duration: .1s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-big-fast-leave {
    -webkit-animation-duration: .1s;
    animation-duration: .1s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-big-fast-enter.zoom-big-fast-enter-active, .zoom-big-fast-appear.zoom-big-fast-appear-active {
    -webkit-animation-name: shopeeZoomBigIn;
    animation-name: shopeeZoomBigIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-big-fast-leave.zoom-big-fast-leave-active {
    -webkit-animation-name: shopeeZoomBigOut;
    animation-name: shopeeZoomBigOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.zoom-big-fast-enter, .zoom-big-fast-appear {
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1)
}

.zoom-big-fast-enter-prepare, .zoom-big-fast-appear-prepare {
    transform: none
}

.zoom-big-fast-leave {
    -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
    animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86)
}

.zoom-up-enter, .zoom-up-appear {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-up-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-up-enter.zoom-up-enter-active, .zoom-up-appear.zoom-up-appear-active {
    -webkit-animation-name: shopeeZoomUpIn;
    animation-name: shopeeZoomUpIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-up-leave.zoom-up-leave-active {
    -webkit-animation-name: shopeeZoomUpOut;
    animation-name: shopeeZoomUpOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.zoom-up-enter, .zoom-up-appear {
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1)
}

.zoom-up-enter-prepare, .zoom-up-appear-prepare {
    transform: none
}

.zoom-up-leave {
    -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
    animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86)
}

.zoom-down-enter, .zoom-down-appear {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-down-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-down-enter.zoom-down-enter-active, .zoom-down-appear.zoom-down-appear-active {
    -webkit-animation-name: shopeeZoomDownIn;
    animation-name: shopeeZoomDownIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-down-leave.zoom-down-leave-active {
    -webkit-animation-name: shopeeZoomDownOut;
    animation-name: shopeeZoomDownOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.zoom-down-enter, .zoom-down-appear {
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1)
}

.zoom-down-enter-prepare, .zoom-down-appear-prepare {
    transform: none
}

.zoom-down-leave {
    -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
    animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86)
}

.zoom-left-enter, .zoom-left-appear {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-left-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-left-enter.zoom-left-enter-active, .zoom-left-appear.zoom-left-appear-active {
    -webkit-animation-name: shopeeZoomLeftIn;
    animation-name: shopeeZoomLeftIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-left-leave.zoom-left-leave-active {
    -webkit-animation-name: shopeeZoomLeftOut;
    animation-name: shopeeZoomLeftOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.zoom-left-enter, .zoom-left-appear {
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1)
}

.zoom-left-enter-prepare, .zoom-left-appear-prepare {
    transform: none
}

.zoom-left-leave {
    -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
    animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86)
}

.zoom-right-enter, .zoom-right-appear {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-right-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-right-enter.zoom-right-enter-active, .zoom-right-appear.zoom-right-appear-active {
    -webkit-animation-name: shopeeZoomRightIn;
    animation-name: shopeeZoomRightIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-right-leave.zoom-right-leave-active {
    -webkit-animation-name: shopeeZoomRightOut;
    animation-name: shopeeZoomRightOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.zoom-right-enter, .zoom-right-appear {
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1)
}

.zoom-right-enter-prepare, .zoom-right-appear-prepare {
    transform: none
}

.zoom-right-leave {
    -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
    animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86)
}

@-webkit-keyframes shopeeZoomIn {
    0% {
        transform: scale(0.2);
        opacity: 0
    }

    100% {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes shopeeZoomIn {
    0% {
        transform: scale(0.2);
        opacity: 0
    }

    100% {
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes shopeeZoomOut {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(0.2);
        opacity: 0
    }
}

@keyframes shopeeZoomOut {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(0.2);
        opacity: 0
    }
}

@-webkit-keyframes shopeeZoomBigIn {
    0% {
        transform: scale(0.8);
        opacity: 0
    }

    100% {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes shopeeZoomBigIn {
    0% {
        transform: scale(0.8);
        opacity: 0
    }

    100% {
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes shopeeZoomBigOut {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(0.8);
        opacity: 0
    }
}

@keyframes shopeeZoomBigOut {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(0.8);
        opacity: 0
    }
}

@-webkit-keyframes shopeeZoomUpIn {
    0% {
        transform: scale(0.8);
        transform-origin: 50% 0%;
        opacity: 0
    }

    100% {
        transform: scale(1);
        transform-origin: 50% 0%
    }
}

@keyframes shopeeZoomUpIn {
    0% {
        transform: scale(0.8);
        transform-origin: 50% 0%;
        opacity: 0
    }

    100% {
        transform: scale(1);
        transform-origin: 50% 0%
    }
}

@-webkit-keyframes shopeeZoomUpOut {
    0% {
        transform: scale(1);
        transform-origin: 50% 0%
    }

    100% {
        transform: scale(0.8);
        transform-origin: 50% 0%;
        opacity: 0
    }
}

@keyframes shopeeZoomUpOut {
    0% {
        transform: scale(1);
        transform-origin: 50% 0%
    }

    100% {
        transform: scale(0.8);
        transform-origin: 50% 0%;
        opacity: 0
    }
}

@-webkit-keyframes shopeeZoomLeftIn {
    0% {
        transform: scale(0.8);
        transform-origin: 0% 50%;
        opacity: 0
    }

    100% {
        transform: scale(1);
        transform-origin: 0% 50%
    }
}

@keyframes shopeeZoomLeftIn {
    0% {
        transform: scale(0.8);
        transform-origin: 0% 50%;
        opacity: 0
    }

    100% {
        transform: scale(1);
        transform-origin: 0% 50%
    }
}

@-webkit-keyframes shopeeZoomLeftOut {
    0% {
        transform: scale(1);
        transform-origin: 0% 50%
    }

    100% {
        transform: scale(0.8);
        transform-origin: 0% 50%;
        opacity: 0
    }
}

@keyframes shopeeZoomLeftOut {
    0% {
        transform: scale(1);
        transform-origin: 0% 50%
    }

    100% {
        transform: scale(0.8);
        transform-origin: 0% 50%;
        opacity: 0
    }
}

@-webkit-keyframes shopeeZoomRightIn {
    0% {
        transform: scale(0.8);
        transform-origin: 100% 50%;
        opacity: 0
    }

    100% {
        transform: scale(1);
        transform-origin: 100% 50%
    }
}

@keyframes shopeeZoomRightIn {
    0% {
        transform: scale(0.8);
        transform-origin: 100% 50%;
        opacity: 0
    }

    100% {
        transform: scale(1);
        transform-origin: 100% 50%
    }
}

@-webkit-keyframes shopeeZoomRightOut {
    0% {
        transform: scale(1);
        transform-origin: 100% 50%
    }

    100% {
        transform: scale(0.8);
        transform-origin: 100% 50%;
        opacity: 0
    }
}

@keyframes shopeeZoomRightOut {
    0% {
        transform: scale(1);
        transform-origin: 100% 50%
    }

    100% {
        transform: scale(0.8);
        transform-origin: 100% 50%;
        opacity: 0
    }
}

@-webkit-keyframes shopeeZoomDownIn {
    0% {
        transform: scale(0.8);
        transform-origin: 50% 100%;
        opacity: 0
    }

    100% {
        transform: scale(1);
        transform-origin: 50% 100%
    }
}

@keyframes shopeeZoomDownIn {
    0% {
        transform: scale(0.8);
        transform-origin: 50% 100%;
        opacity: 0
    }

    100% {
        transform: scale(1);
        transform-origin: 50% 100%
    }
}

@-webkit-keyframes shopeeZoomDownOut {
    0% {
        transform: scale(1);
        transform-origin: 50% 100%
    }

    100% {
        transform: scale(0.8);
        transform-origin: 50% 100%;
        opacity: 0
    }
}

@keyframes shopeeZoomDownOut {
    0% {
        transform: scale(1);
        transform-origin: 50% 100%
    }

    100% {
        transform: scale(0.8);
        transform-origin: 50% 100%;
        opacity: 0
    }
}

.shopee-react-tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    visibility: visible
}

.shopee-react-tooltip-hidden {
    display: none
}

.shopee-react-tooltip-placement-top, .shopee-react-tooltip-placement-topLeft, .shopee-react-tooltip-placement-topRight {
    padding-bottom: 8px
}

.shopee-react-tooltip-placement-right, .shopee-react-tooltip-placement-rightTop, .shopee-react-tooltip-placement-rightBottom {
    padding-left: 8px
}

.shopee-react-tooltip-placement-bottom, .shopee-react-tooltip-placement-bottomLeft, .shopee-react-tooltip-placement-bottomRight {
    padding-top: 8px
}

.shopee-react-tooltip-placement-left, .shopee-react-tooltip-placement-leftTop, .shopee-react-tooltip-placement-leftBottom {
    padding-right: 8px
}

.shopee-react-tooltip-inner {
    box-sizing: border-box;
    font-size: 14px;
    min-width: 30px;
    padding: 4px 8px;
    color: #fff;
    text-align: left;
    text-decoration: none;
    word-wrap: break-word;
    background-color: #000;
    border-radius: 4px;
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.09),0 8px 8px 0 rgba(0,0,0,0.05)
}

.shopee-react-tooltip.no-arrow .shopee-react-tooltip-arrow {
    display: none
}

.shopee-react-tooltip-arrow {
    position: absolute;
    display: block;
    width: 13px;
    height: 13px;
    overflow: hidden;
    background: transparent;
    pointer-events: none
}

.shopee-react-tooltip-arrow-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 5px;
    height: 5px;
    margin: auto;
    background-color: #000;
    content: '';
    pointer-events: auto
}

.shopee-react-tooltip-placement-top .shopee-react-tooltip-arrow, .shopee-react-tooltip-placement-topLeft .shopee-react-tooltip-arrow, .shopee-react-tooltip-placement-topRight .shopee-react-tooltip-arrow {
    bottom: -5px
}

.shopee-react-tooltip-placement-top .shopee-react-tooltip-arrow-content, .shopee-react-tooltip-placement-topLeft .shopee-react-tooltip-arrow-content, .shopee-react-tooltip-placement-topRight .shopee-react-tooltip-arrow-content {
    box-shadow: 3px 3px 7px fade(#000, 7%);
    transform: translateY(-6.5px) rotate(45deg)
}

.shopee-react-tooltip-placement-top .shopee-react-tooltip-arrow {
    left: 50%;
    transform: translateX(-50%)
}

.shopee-react-tooltip-placement-topLeft .shopee-react-tooltip-arrow {
    left: 13px
}

.shopee-react-tooltip-placement-topRight .shopee-react-tooltip-arrow {
    right: 13px
}

.shopee-react-tooltip-placement-right .shopee-react-tooltip-arrow, .shopee-react-tooltip-placement-rightTop .shopee-react-tooltip-arrow, .shopee-react-tooltip-placement-rightBottom .shopee-react-tooltip-arrow {
    left: -5px
}

.shopee-react-tooltip-placement-right .shopee-react-tooltip-arrow-content, .shopee-react-tooltip-placement-rightTop .shopee-react-tooltip-arrow-content, .shopee-react-tooltip-placement-rightBottom .shopee-react-tooltip-arrow-content {
    box-shadow: -3px 3px 7px fade(#000, 7%);
    transform: translateX(6.5px) rotate(45deg)
}

.shopee-react-tooltip-placement-right .shopee-react-tooltip-arrow {
    top: 50%;
    transform: translateY(-50%)
}

.shopee-react-tooltip-placement-rightTop .shopee-react-tooltip-arrow {
    top: 5px
}

.shopee-react-tooltip-placement-rightBottom .shopee-react-tooltip-arrow {
    bottom: 5px
}

.shopee-react-tooltip-placement-left .shopee-react-tooltip-arrow, .shopee-react-tooltip-placement-leftTop .shopee-react-tooltip-arrow, .shopee-react-tooltip-placement-leftBottom .shopee-react-tooltip-arrow {
    right: -5px
}

.shopee-react-tooltip-placement-left .shopee-react-tooltip-arrow-content, .shopee-react-tooltip-placement-leftTop .shopee-react-tooltip-arrow-content, .shopee-react-tooltip-placement-leftBottom .shopee-react-tooltip-arrow-content {
    box-shadow: 0px 7px fade(#000, 7%);
    transform: translateX(-6.5px) rotate(45deg)
}

.shopee-react-tooltip-placement-left .shopee-react-tooltip-arrow {
    top: 50%;
    transform: translateY(-50%)
}

.shopee-react-tooltip-placement-leftTop .shopee-react-tooltip-arrow {
    top: 5px
}

.shopee-react-tooltip-placement-leftBottom .shopee-react-tooltip-arrow {
    bottom: 5px
}

.shopee-react-tooltip-placement-bottom .shopee-react-tooltip-arrow, .shopee-react-tooltip-placement-bottomLeft .shopee-react-tooltip-arrow, .shopee-react-tooltip-placement-bottomRight .shopee-react-tooltip-arrow {
    top: -5px
}

.shopee-react-tooltip-placement-bottom .shopee-react-tooltip-arrow-content, .shopee-react-tooltip-placement-bottomLeft .shopee-react-tooltip-arrow-content, .shopee-react-tooltip-placement-bottomRight .shopee-react-tooltip-arrow-content {
    box-shadow: -6px 7px fade(#000, 7%);
    transform: translateY(6.5px) rotate(45deg)
}

.shopee-react-tooltip-placement-bottom .shopee-react-tooltip-arrow {
    left: 50%;
    transform: translateX(-50%)
}

.shopee-react-tooltip-placement-bottomLeft .shopee-react-tooltip-arrow {
    left: 13px
}

.shopee-react-tooltip-placement-bottomRight .shopee-react-tooltip-arrow {
    right: 13px
}



.FilePreview-module_container__1XThj {
    width: 100%;
    height: 100%;
    position: relative;
}

.FilePreview-module_container__1XThj .FilePreview-module_previewImage__syavq {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    padding: 0;
    -o-object-fit: cover;
    object-fit: cover;
}

.FilePreview-module_container__1XThj .FilePreview-module_videoPlayerIcon__S9VUa {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.FilePreview-module_filePreview__3wfKe .FilePreview-module_previewImage__syavq {
    padding: 3px 4px;
}

.FilePreview-module_imagePreview__2A6_Y {
    cursor: pointer;
}

.FilePreview-module_videoDuration__3Qgx6 {
    position: absolute;
    bottom: 4px;
    right: 5px;
    color: #fff;
    font-size: 12px;
    line-height: 1;
}



.VideoController-module_controller__HbIXf {
    border: 1px solid #fff;
    border-radius: 100%;
    box-sizing: border-box;
}

.VideoController-module_controller__HbIXf.VideoController-module_large__3GnbS {
    width: 90px;
    height: 90px;
}

.VideoController-module_controller__HbIXf.VideoController-module_medium__2_Jsm {
    width: 45px;
    height: 45px;
}

.VideoController-module_controller__HbIXf.VideoController-module_normal__Kzm7S {
    width: 28px;
    height: 28px;
}

.VideoController-module_wrapper__1Su5o {
    cursor: pointer;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 100%;
    box-sizing: border-box;
}

.VideoController-module_loadingWrapper__2jFeQ {
    border: 1px solid rgba(0, 0, 0, 0.27);
    background-color: rgba(0, 0, 0, 0.54);
    cursor: auto;
}

.VideoController-module_controlIcon__3cpGS {
    width: 100%;
    height: 100%;
    position: relative;
}

.VideoController-module_left__3zrQI,
.VideoController-module_right__202Lk {
    float: left;
    width: calc(50%);
    height: calc(100%);
    position: relative;
    overflow: hidden;
}

    .VideoController-module_left__3zrQI::before,
    .VideoController-module_right__202Lk::before,
    .VideoController-module_right__202Lk::after {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: #fff;
    }

    .VideoController-module_left__3zrQI::before {
        left: 100%;
        transform-origin: left;
        transform: rotate(calc(3.6deg * (var(--percent) - 50)));
        opacity: calc(99999 * (var(--percent) - 50));
    }

    .VideoController-module_right__202Lk::before {
        right: 100%;
        transform-origin: right;
        transform: rotate(calc(3.6deg * var(--percent)));
    }

    .VideoController-module_right__202Lk::after {
        opacity: calc(99999 * (var(--percent) - 50));
    }



.VideoPlayer-module_container__ZI2aM {
    position: relative;
    width: 1068px;
    height: 600px;
    border-radius: 2px;
    background-color: #333;
}

.VideoPlayer-module_fullscreen__2slSr {
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 9998;
}

.VideoPlayer-module_video__2Pi85 {
    width: 100%;
    height: 100%;
}

.VideoPlayer-module_controlBar__B_ISO {
    position: absolute;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 13px 16px;
    bottom: 0;
    box-sizing: border-box;
}

.VideoPlayer-module_time__35mWk {
    flex: 0 0 auto;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    color: #fff;
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.65);
    margin-right: 11px;
}

.VideoPlayer-module_progress__3ISJy {
    flex: 1 1 auto;
    position: relative;
    height: 6px;
    cursor: pointer;
}

.VideoPlayer-module_progressTotal__1Ov6M {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.260899);
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.08);
    border-radius: 3.5px;
}

.VideoPlayer-module_currentProgress__38-ng {
    position: absolute;
    height: 100%;
    background-color: #fff;
    border-radius: 3.5px;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    min-width: 16px;
    pointer-events: none;
}

.VideoPlayer-module_progressAnchor__80VDu {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    cursor: pointer;
    background-color: #fff;
    flex: 0 0 auto;
}

.VideoPlayer-module_actions__3TEWm {
    display: flex;
    margin-left: 12px;
    align-items: center;
}

.VideoPlayer-module_actionIcon__zqEJS {
    margin-left: 12px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    color: #fff;
    fill: #fff;
    filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.65));
}

.VideoPlayer-module_downloadIcon__1ay9D {
    width: 35px;
    height: auto;
}

.VideoPlayer-module_playerStatus__3bamK {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 90px;
    height: 90px;
}

@-webkit-keyframes VideoPlayer-module_loadingKeyframes__3PPAQ {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes VideoPlayer-module_loadingKeyframes__3PPAQ {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.VideoPlayer-module_loading__1p1eZ {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 43px;
    width: 43px;
}

.VideoPlayer-module_loadingSpin__27lqn {
    width: 43px;
    height: 43px;
    -webkit-animation: VideoPlayer-module_loadingKeyframes__3PPAQ 1s 0s infinite linear;
    animation: VideoPlayer-module_loadingKeyframes__3PPAQ 1s 0s infinite linear;
}

.VideoPlayer-module_errorLayer__P_bUy {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
}

.VideoPlayer-module_errorWrap__1qmPL {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.VideoPlayer-module_errorIcon__Egnhw {
    width: 48px;
    height: 48px;
}

.VideoPlayer-module_reload__rQwFJ {
    margin-top: 12px;
    font-weight: normal;
    font-size: 18px;
    line-height: 21px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #ffffff;
    cursor: pointer;
}



.MediaPreview-module_root__3QYHE {
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
}

.MediaPreview-module_close__3GPrm {
    cursor: pointer;
    position: absolute;
    right: 24px;
    top: 24px;
    width: 24px;
    height: 24px;
}

.MediaPreview-module_closeIcon__3WCvS {
    width: 24px;
    height: 24px;
}

@-webkit-keyframes MediaPreview-module_loadingKeyframes__1Co34 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes MediaPreview-module_loadingKeyframes__1Co34 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.MediaPreview-module_loading__25K4z {
    height: 48px;
}

    .MediaPreview-module_loading__25K4z > img {
        -webkit-animation: MediaPreview-module_loadingKeyframes__1Co34 1s 0s infinite linear;
        animation: MediaPreview-module_loadingKeyframes__1Co34 1s 0s infinite linear;
    }

.MediaPreview-module_arrow__dqYen {
    position: absolute;
    top: 50%;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    margin-top: -20px;
    background: rgba(0, 0, 0, 0.3);
    cursor: pointer;
}

    .MediaPreview-module_arrow__dqYen:hover {
        background: rgba(0, 0, 0, 0.6);
    }

.MediaPreview-module_arrowLeft__39uPk {
    left: 33px;
}

.MediaPreview-module_arrowRight__32YBE {
    right: 33px;
    transform: rotateZ(180deg);
}

.MediaPreview-module_image__1L3QM {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .MediaPreview-module_image__1L3QM img {
        max-width: 100%;
        max-height: 100%;
        padding: 16px;
    }



.FileDrawer-module_wrapper__2BGc5 {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #EFF2F4;
}

.FileDrawer-module_wrapper__2BGc5 ::-webkit-scrollbar {
    width: 4px !important;
    height: 4px !important;
}

.FileDrawer-module_wrapper__2BGc5 ::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0);
}

.FileDrawer-module_wrapper__2BGc5 ::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background: #bbb;
}

.FileDrawer-module_container__33zC9 {
    margin: 0 24px 0 8px;
}

.FileDrawer-module_drawer__1u4T1 {
    overflow-x: auto;
    padding: 8px 0;
    background: #fff;
}

.FileDrawer-module_fileWrapper__2GDyL {
    display: flex;
    justify-content: left;
}

    .FileDrawer-module_fileWrapper__2GDyL.FileDrawer-module_startLeft__3inL6 {
        justify-content: left;
    }

.cs-chat-custom-tooltip {
    z-index: 100000;
}

    .cs-chat-custom-tooltip .shopee-react-tooltip-inner {
        background: rgba(51, 51, 51, 0.8);
        font-size: 12px;
        line-height: 14px;
        box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.12);
        border-radius: 4px;
    }

    .cs-chat-custom-tooltip .cs-chat-tooltip-arrow-inner {
        position: absolute;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        bottom: -1px;
        margin-left: -6px;
        border-width: 5px 4px 0;
        border-top-color: #333;
        opacity: 0.8;
        left: 50%;
    }

.FileDrawer-module_itemContainer__C-f29 {
    margin-right: 8px;
}

.FileDrawer-module_item__2Ar6- {
    position: relative;
    box-sizing: border-box;
    border-radius: 2px;
    border: 1px solid #EFF2F4;
    width: 48px;
    height: 48px;
}

    .FileDrawer-module_item__2Ar6-:hover .FileDrawer-module_delete__1Rt6J {
        display: flex;
    }

.FileDrawer-module_delete__1Rt6J {
    width: 12px;
    height: 12px;
    background: #8EA4D1;
    border-radius: 100%;
    display: none;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: -6px;
    top: -6px;
    cursor: pointer;
}

    .FileDrawer-module_delete__1Rt6J:hover {
        background: #7A93C8;
    }

.FileDrawer-module_removeAll__2ggmz {
    position: absolute;
    width: 24px;
    top: 0;
    bottom: 0;
    right: 0px;
    background: #fff;
    text-align: center;
    vertical-align: top;
}

    .FileDrawer-module_removeAll__2ggmz svg {
        margin-top: 4px;
        cursor: pointer;
        fill: #bbb;
    }

        .FileDrawer-module_removeAll__2ggmz svg:hover {
            fill: #999;
        }

.FileDrawer-module_overflowStyle__25Nru .FileDrawer-module_fileWrapper__2GDyL {
    justify-content: left;
}

.FileDrawer-module_overflowStyle__25Nru .FileDrawer-module_removeAll__2ggmz {
    box-shadow: 0px 9px 8px 8px rgba(0, 0, 0, 0.1);
}

.FileDrawer-module_overflowStyle__25Nru .FileDrawer-module_lastFile__3iWNf {
    margin-right: 8px;
}

.FileDrawer-module_addIcon__2ZYtb {
    cursor: pointer;
}

.FileDrawer-module_addIconInner__3AGRr {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    box-sizing: border-box;
    border-radius: 2px;
    width: 48px;
    height: 48px;
    border: 1px solid #EFF2F4;
}

.FileDrawer-module_input__3l-zb {
    display: none;
}

.FileDrawer-module_largeIconInner__1pv6W {
    width: 100px;
    height: 100px;
}

.FileDrawer-module_large__1QbNT .FileDrawer-module_item__2Ar6- {
    height: 100px;
    width: 100px;
}

.FileDrawer-module_large__1QbNT .FileDrawer-module_addIconInner__3AGRr {
    height: 100px;
    width: 100px;
}

.FileDrawer-module_large__1QbNT .FileDrawer-module_delete__1Rt6J {
    height: 16px;
    width: 16px;
}



.FileMessage-module_container__37Toc {
    position: relative;
    min-height: 64px;
    width: 268px;
    border-radius: 2px;
    border: 5px solid #F5F6F8;
    box-sizing: border-box;
    cursor: pointer;
}

.FileMessage-module_inner__2rR_5 {
    padding: 7px;
    margin: -1px;
    background: #fff;
    border-radius: 1px;
}

.FileMessage-module_isSender__1nLOA {
    border-color: #D7E4FF;
}

.FileMessage-module_info__3VHTN {
    position: relative;
    z-index: 2;
    display: flex;
}

.FileMessage-module_left__1AA5k {
    flex: 1;
}

    .FileMessage-module_left__1AA5k .FileMessage-module_name__3WwPG {
        display: -webkit-box;
        display: box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        overflow: hidden;
        -webkit-box-orient: vertical;
        box-orient: vertical;
        line-height: 18px;
        word-break: break-all;
        font-size: 14px;
        color: #333;
    }

    .FileMessage-module_left__1AA5k .FileMessage-module_size__3Em_z {
        margin-top: 8px;
        color: #999;
        font-size: 12px;
        line-height: 14px;
    }

.FileMessage-module_right__30Okv {
    width: 40px;
    height: 40px;
    background-size: 100% !important;
}

.FileMessage-module_progress__2WEbF {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: #D7E4FF;
    opacity: .5;
    margin: -1px;
}



.RatingMessage-module_root__1OfE3 {
    width: 320px;
    border: 4px solid #F5F6F8;
    box-sizing: border-box;
    display: flex;
    padding: 8px;
    align-items: center;
    border-radius: 2px;
}

.RatingMessage-module_left__3WP2k {
    margin-right: 8px;
}

.RatingMessage-module_title__2ackz {
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
    color: #333;
}

.RatingMessage-module_subTitle__3OhoZ {
    color: #999;
    font-size: 12px;
    line-height: 18px;
}

.RatingMessage-module_img__2OSc3 {
    width: 32px;
    height: 32px;
}



@charset "UTF-8";
.AudioMessage-module_content__2sdKo {
    display: flex;
    align-items: center;
    height: 32px;
    border-radius: 2px;
    cursor: pointer;
    background: #F5F6F8;
}

.AudioMessage-module_senderContent__1dami {
    background: #D7E4FF;
}

.AudioMessage-module_duration__1tJo_ {
    font-size: 12px;
    line-height: 14px;
    color: #000;
}

.AudioMessage-module_voiceIcon__3Ns3U {
    padding: 0 2px 0 14px;
}

.AudioMessage-module_box__2qEYV {
    box-sizing: border-box;
    position: relative;
}

.AudioMessage-module_wifiSymbol__XDyDW {
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    position: relative;
    /*必须，否则苹果overflow失效*/
    overflow: hidden;
    transform: rotate(135deg) scale(0.8);
}

.AudioMessage-module_wifiCircle__kTpXQ {
    border: 2px solid #333;
    border-radius: 50%;
    position: absolute;
}

.AudioMessage-module_first__2kXk- {
    width: 2px;
    height: 2px;
    background: #333;
    top: 17px;
    left: 17px;
}

.AudioMessage-module_second__1vn_o {
    width: 12px;
    height: 12px;
    top: 12px;
    left: 12px;
}

.AudioMessage-module_third__MUbCo {
    width: 20px;
    height: 20px;
    top: 7px;
    left: 7px;
}

.AudioMessage-module_secondAnimation__1QwwP {
    -webkit-animation: AudioMessage-module_fadeInOut__1NcP2 0.8s infinite 0.1s;
    animation: AudioMessage-module_fadeInOut__1NcP2 0.8s infinite 0.1s;
}

.AudioMessage-module_thirdAnimation__2n5OX {
    -webkit-animation: AudioMessage-module_fadeInOut__1NcP2 0.8s infinite 0.4s;
    animation: AudioMessage-module_fadeInOut__1NcP2 0.8s infinite 0.4s;
}

@-webkit-keyframes AudioMessage-module_fadeInOut__1NcP2 {
    0% {
        opacity: 0;
        /*初始状态 透明度为0*/
    }

    100% {
        opacity: 1;
        /*结尾状态 透明度为1*/
    }
}

@keyframes AudioMessage-module_fadeInOut__1NcP2 {
    0% {
        opacity: 0;
        /*初始状态 透明度为0*/
    }

    100% {
        opacity: 1;
        /*结尾状态 透明度为1*/
    }
}



.VideoMessage-module_root__1-gHh {
    display: inline-block;
    position: relative;
    overflow: hidden;
    line-height: 0;
    border-radius: 2px;
    background-color: #fff;
    border: 4px solid #f1f3f4;
    box-sizing: border-box;
}

.VideoMessage-module_root__1-gHh.VideoMessage-module_success__iLfva {
    cursor: pointer;
}

.VideoMessage-module_root__1-gHh.VideoMessage-module_send__3dRcB {
    border-color: #d6e5ff;
}

.VideoMessage-module_root__1-gHh.VideoMessage-module_receive__2MoQo {
    border-color: #f1f3f4;
}

.VideoMessage-module_controller__39mxQ {
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.VideoMessage-module_duration__LzVKR {
    position: absolute;
    right: 8px;
    bottom: 12px;
    color: #fff;
    font-size: 12px;
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
}

.VideoMessage-module_desktopWechatDuration__2xcgi {
    font-size: 14px;
}

.VideoMessage-module_block__1BT9C {
    display: block;
}

.VideoMessage-module_loading__1gz33 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 6.25em;
    height: 6.25em;
}

.VideoMessage-module_default-image__1zpdC {
    width: 6.375em;
    height: 6em;
}



.TextMessage-module_content__1OhmO {
    max-width: 320px;
    color: #333;
    font-size: 14px;
    line-height: 20px;
    box-sizing: border-box;
    border-radius: 2px;
    padding: 8px 12px;
    letter-spacing: 0;
    word-break: break-word;
    white-space: pre-wrap;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.TextMessage-module_content__1OhmO > a {
    text-decoration: underline;
}

    .TextMessage-module_content__1OhmO > a:link, .TextMessage-module_content__1OhmO > a:hover, .TextMessage-module_content__1OhmO > a:visited, .TextMessage-module_content__1OhmO > a:active {
        color: #385692;
    }

.TextMessage-module_receiverContent__3RLrm {
    background: #F5F6F8;
}

.TextMessage-module_senderContent__1KFch {
    background: #D7E4FF;
}

.TextMessage-module_m-content__3Uldu {
    max-width: 412px;
    font-size: 16px;
    line-height: 24px;
}



.ImagePreview-module_root__2vB6G {
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
}

.ImagePreview-module_close__3GxUe {
    cursor: pointer;
    position: absolute;
    right: 24px;
    top: 24px;
    width: 24px;
    height: 24px;
}

.ImagePreview-module_closeIcon__3hCSi {
    width: 24px;
    height: 24px;
}

@-webkit-keyframes ImagePreview-module_loadingKeyframes__b3CMe {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes ImagePreview-module_loadingKeyframes__b3CMe {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.ImagePreview-module_loading__PYDWv {
    height: 48px;
}

    .ImagePreview-module_loading__PYDWv > img {
        -webkit-animation: ImagePreview-module_loadingKeyframes__b3CMe 1s 0s infinite linear;
        animation: ImagePreview-module_loadingKeyframes__b3CMe 1s 0s infinite linear;
    }

.ImagePreview-module_arrow__1ajZ8 {
    position: absolute;
    top: 50%;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    margin-top: -20px;
    background: rgba(0, 0, 0, 0.3);
    cursor: pointer;
}

    .ImagePreview-module_arrow__1ajZ8:hover {
        background: rgba(0, 0, 0, 0.6);
    }

.ImagePreview-module_arrowLeft__88Ukq {
    left: 33px;
}

.ImagePreview-module_arrowRight__3QL2j {
    right: 33px;
    transform: rotateZ(180deg);
}

.ImagePreview-module_image__3T90T {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .ImagePreview-module_image__3T90T img {
        max-width: 100%;
        max-height: 100%;
        padding: 16px;
    }



@-webkit-keyframes ImageMessage-module_spinner__2MZm_ {
    0%

{
    transform: rotate(0);
}

100% {
    transform: rotate(360deg);
}

}

@keyframes ImageMessage-module_spinner__2MZm_ {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.ImageMessage-module_spin__2q_qh {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEqADAAQAAAABAAAAEgAAAACaqbJVAAABU0lEQVQ4Ea2TSU8DMQxGh30RCKQWieXEgf//W7iD4IQAtaBW7Ft5z6qHFGmqHGrpNZ7E+RLHbtMsyJY6dLaYP4B92IBl+IAR3MEzzNh/ITecgCL6rjuWvnO3cAk/EFYKGXwKu+D8AwzhFbRtOIQjMNbbnUOIreCkHePswRdcwT2YzmSKvuJj6MEOrIGHNSm0iW9K2jU86XTYG/O+kTfz4DgwhfpMKPYIcQLjPDNdC6KQNx6Yq2b+TihUazcEut/ChOO4Cj7aux+VZvoKeYmojuPZ1L9gbEvqQq1lalZEgfXajcTZIklbNcuYIi+VYhZKIW2SVbN3bEQFfSe/55mZ+K4KzTTkNxMuKmQbfEKXmIf7/1PESru3TU3fRjPAk+wRNxhksJucdz2fwJt4YFjmWH7bZJbUwESx9B0tTv59cP8eKz6Kn0zR0zMFU02BSKeIX5z7C/3bSvJS2oegAAAAAElFTkSuQmCC");
    background-size: cover;
    -webkit-animation: ImageMessage-module_spinner__2MZm_ linear 0.8s infinite;
    animation: ImageMessage-module_spinner__2MZm_ linear 0.8s infinite;
}

.ImageMessage-module_fail__24XSt {
    width: 144px;
    height: 144px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    border: 4px solid #D7E4FF;
}

.ImageMessage-module_loading__s3rNk {
    width: 144px;
    height: 144px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    border: 4px solid #D7E4FF;
}

.ImageMessage-module_container__2khy8 {
    font-size: 16px;
    box-sizing: border-box;
    border-radius: 2px;
    border: 4px solid #F5F6F8;
    line-height: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

    .ImageMessage-module_container__2khy8 > svg {
        margin-right: 8px;
    }

.ImageMessage-module_isSender__347Hl {
    border-color: #D7E4FF;
}

.ImageMessage-module_img__2OTii {
    cursor: pointer;
}



.SystemMessage-module_root__2irW- {
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    color: #bbb;
    max-width: 320px;
}



.move-up-enter, .move-up-appear {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.move-up-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.move-up-enter.move-up-enter-active, .move-up-appear.move-up-appear-active {
    -webkit-animation-name: shopeeMoveUpIn;
    animation-name: shopeeMoveUpIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.move-up-leave.move-up-leave-active {
    -webkit-animation-name: shopeeMoveUpOut;
    animation-name: shopeeMoveUpOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.move-up-enter, .move-up-appear {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1)
}

.move-up-leave {
    -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
    animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34)
}

.move-down-enter, .move-down-appear {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.move-down-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.move-down-enter.move-down-enter-active, .move-down-appear.move-down-appear-active {
    -webkit-animation-name: shopeeMoveDownIn;
    animation-name: shopeeMoveDownIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.move-down-leave.move-down-leave-active {
    -webkit-animation-name: shopeeMoveDownOut;
    animation-name: shopeeMoveDownOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.move-down-enter, .move-down-appear {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1)
}

.move-down-leave {
    -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
    animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34)
}

.move-left-enter, .move-left-appear {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.move-left-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.move-left-enter.move-left-enter-active, .move-left-appear.move-left-appear-active {
    -webkit-animation-name: shopeeMoveLeftIn;
    animation-name: shopeeMoveLeftIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.move-left-leave.move-left-leave-active {
    -webkit-animation-name: shopeeMoveLeftOut;
    animation-name: shopeeMoveLeftOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.move-left-enter, .move-left-appear {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1)
}

.move-left-leave {
    -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
    animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34)
}

.move-right-enter, .move-right-appear {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.move-right-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.move-right-enter.move-right-enter-active, .move-right-appear.move-right-appear-active {
    -webkit-animation-name: shopeeMoveRightIn;
    animation-name: shopeeMoveRightIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.move-right-leave.move-right-leave-active {
    -webkit-animation-name: shopeeMoveRightOut;
    animation-name: shopeeMoveRightOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.move-right-enter, .move-right-appear {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1)
}

.move-right-leave {
    -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
    animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34)
}

@-webkit-keyframes shopeeMoveDownIn {
    0% {
        transform: translateY(100%);
        transform-origin: 0 0;
        opacity: 0
    }

    100% {
        transform: translateY(0%);
        transform-origin: 0 0;
        opacity: 1
    }
}

@keyframes shopeeMoveDownIn {
    0% {
        transform: translateY(100%);
        transform-origin: 0 0;
        opacity: 0
    }

    100% {
        transform: translateY(0%);
        transform-origin: 0 0;
        opacity: 1
    }
}

@-webkit-keyframes shopeeMoveDownOut {
    0% {
        transform: translateY(0%);
        transform-origin: 0 0;
        opacity: 1
    }

    100% {
        transform: translateY(100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

@keyframes shopeeMoveDownOut {
    0% {
        transform: translateY(0%);
        transform-origin: 0 0;
        opacity: 1
    }

    100% {
        transform: translateY(100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

@-webkit-keyframes shopeeMoveLeftIn {
    0% {
        transform: translateX(-100%);
        transform-origin: 0 0;
        opacity: 0
    }

    100% {
        transform: translateX(0%);
        transform-origin: 0 0;
        opacity: 1
    }
}

@keyframes shopeeMoveLeftIn {
    0% {
        transform: translateX(-100%);
        transform-origin: 0 0;
        opacity: 0
    }

    100% {
        transform: translateX(0%);
        transform-origin: 0 0;
        opacity: 1
    }
}

@-webkit-keyframes shopeeMoveLeftOut {
    0% {
        transform: translateX(0%);
        transform-origin: 0 0;
        opacity: 1
    }

    100% {
        transform: translateX(-100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

@keyframes shopeeMoveLeftOut {
    0% {
        transform: translateX(0%);
        transform-origin: 0 0;
        opacity: 1
    }

    100% {
        transform: translateX(-100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

@-webkit-keyframes shopeeMoveRightIn {
    0% {
        transform: translateX(100%);
        transform-origin: 0 0;
        opacity: 0
    }

    100% {
        transform: translateX(0%);
        transform-origin: 0 0;
        opacity: 1
    }
}

@keyframes shopeeMoveRightIn {
    0% {
        transform: translateX(100%);
        transform-origin: 0 0;
        opacity: 0
    }

    100% {
        transform: translateX(0%);
        transform-origin: 0 0;
        opacity: 1
    }
}

@-webkit-keyframes shopeeMoveRightOut {
    0% {
        transform: translateX(0%);
        transform-origin: 0 0;
        opacity: 1
    }

    100% {
        transform: translateX(100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

@keyframes shopeeMoveRightOut {
    0% {
        transform: translateX(0%);
        transform-origin: 0 0;
        opacity: 1
    }

    100% {
        transform: translateX(100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

@-webkit-keyframes shopeeMoveUpIn {
    0% {
        transform: translateY(-100%);
        transform-origin: 0 0;
        opacity: 0
    }

    100% {
        transform: translateY(0%);
        transform-origin: 0 0;
        opacity: 1
    }
}

@keyframes shopeeMoveUpIn {
    0% {
        transform: translateY(-100%);
        transform-origin: 0 0;
        opacity: 0
    }

    100% {
        transform: translateY(0%);
        transform-origin: 0 0;
        opacity: 1
    }
}

@-webkit-keyframes shopeeMoveUpOut {
    0% {
        transform: translateY(0%);
        transform-origin: 0 0;
        opacity: 1
    }

    100% {
        transform: translateY(-100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

@keyframes shopeeMoveUpOut {
    0% {
        transform: translateY(0%);
        transform-origin: 0 0;
        opacity: 1
    }

    100% {
        transform: translateY(-100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

.zoom-enter, .zoom-appear {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-enter.zoom-enter-active, .zoom-appear.zoom-appear-active {
    -webkit-animation-name: shopeeZoomIn;
    animation-name: shopeeZoomIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-leave.zoom-leave-active {
    -webkit-animation-name: shopeeZoomOut;
    animation-name: shopeeZoomOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.zoom-enter, .zoom-appear {
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1)
}

.zoom-enter-prepare, .zoom-appear-prepare {
    transform: none
}

.zoom-leave {
    -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
    animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86)
}

.zoom-big-enter, .zoom-big-appear {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-big-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-big-enter.zoom-big-enter-active, .zoom-big-appear.zoom-big-appear-active {
    -webkit-animation-name: shopeeZoomBigIn;
    animation-name: shopeeZoomBigIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-big-leave.zoom-big-leave-active {
    -webkit-animation-name: shopeeZoomBigOut;
    animation-name: shopeeZoomBigOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.zoom-big-enter, .zoom-big-appear {
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1)
}

.zoom-big-enter-prepare, .zoom-big-appear-prepare {
    transform: none
}

.zoom-big-leave {
    -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
    animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86)
}

.zoom-big-fast-enter, .zoom-big-fast-appear {
    -webkit-animation-duration: .1s;
    animation-duration: .1s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-big-fast-leave {
    -webkit-animation-duration: .1s;
    animation-duration: .1s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-big-fast-enter.zoom-big-fast-enter-active, .zoom-big-fast-appear.zoom-big-fast-appear-active {
    -webkit-animation-name: shopeeZoomBigIn;
    animation-name: shopeeZoomBigIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-big-fast-leave.zoom-big-fast-leave-active {
    -webkit-animation-name: shopeeZoomBigOut;
    animation-name: shopeeZoomBigOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.zoom-big-fast-enter, .zoom-big-fast-appear {
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1)
}

.zoom-big-fast-enter-prepare, .zoom-big-fast-appear-prepare {
    transform: none
}

.zoom-big-fast-leave {
    -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
    animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86)
}

.zoom-up-enter, .zoom-up-appear {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-up-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-up-enter.zoom-up-enter-active, .zoom-up-appear.zoom-up-appear-active {
    -webkit-animation-name: shopeeZoomUpIn;
    animation-name: shopeeZoomUpIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-up-leave.zoom-up-leave-active {
    -webkit-animation-name: shopeeZoomUpOut;
    animation-name: shopeeZoomUpOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.zoom-up-enter, .zoom-up-appear {
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1)
}

.zoom-up-enter-prepare, .zoom-up-appear-prepare {
    transform: none
}

.zoom-up-leave {
    -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
    animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86)
}

.zoom-down-enter, .zoom-down-appear {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-down-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-down-enter.zoom-down-enter-active, .zoom-down-appear.zoom-down-appear-active {
    -webkit-animation-name: shopeeZoomDownIn;
    animation-name: shopeeZoomDownIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-down-leave.zoom-down-leave-active {
    -webkit-animation-name: shopeeZoomDownOut;
    animation-name: shopeeZoomDownOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.zoom-down-enter, .zoom-down-appear {
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1)
}

.zoom-down-enter-prepare, .zoom-down-appear-prepare {
    transform: none
}

.zoom-down-leave {
    -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
    animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86)
}

.zoom-left-enter, .zoom-left-appear {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-left-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-left-enter.zoom-left-enter-active, .zoom-left-appear.zoom-left-appear-active {
    -webkit-animation-name: shopeeZoomLeftIn;
    animation-name: shopeeZoomLeftIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-left-leave.zoom-left-leave-active {
    -webkit-animation-name: shopeeZoomLeftOut;
    animation-name: shopeeZoomLeftOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.zoom-left-enter, .zoom-left-appear {
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1)
}

.zoom-left-enter-prepare, .zoom-left-appear-prepare {
    transform: none
}

.zoom-left-leave {
    -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
    animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86)
}

.zoom-right-enter, .zoom-right-appear {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-right-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-right-enter.zoom-right-enter-active, .zoom-right-appear.zoom-right-appear-active {
    -webkit-animation-name: shopeeZoomRightIn;
    animation-name: shopeeZoomRightIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-right-leave.zoom-right-leave-active {
    -webkit-animation-name: shopeeZoomRightOut;
    animation-name: shopeeZoomRightOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.zoom-right-enter, .zoom-right-appear {
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1)
}

.zoom-right-enter-prepare, .zoom-right-appear-prepare {
    transform: none
}

.zoom-right-leave {
    -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
    animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86)
}

@-webkit-keyframes shopeeZoomIn {
    0% {
        transform: scale(0.2);
        opacity: 0
    }

    100% {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes shopeeZoomIn {
    0% {
        transform: scale(0.2);
        opacity: 0
    }

    100% {
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes shopeeZoomOut {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(0.2);
        opacity: 0
    }
}

@keyframes shopeeZoomOut {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(0.2);
        opacity: 0
    }
}

@-webkit-keyframes shopeeZoomBigIn {
    0% {
        transform: scale(0.8);
        opacity: 0
    }

    100% {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes shopeeZoomBigIn {
    0% {
        transform: scale(0.8);
        opacity: 0
    }

    100% {
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes shopeeZoomBigOut {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(0.8);
        opacity: 0
    }
}

@keyframes shopeeZoomBigOut {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(0.8);
        opacity: 0
    }
}

@-webkit-keyframes shopeeZoomUpIn {
    0% {
        transform: scale(0.8);
        transform-origin: 50% 0%;
        opacity: 0
    }

    100% {
        transform: scale(1);
        transform-origin: 50% 0%
    }
}

@keyframes shopeeZoomUpIn {
    0% {
        transform: scale(0.8);
        transform-origin: 50% 0%;
        opacity: 0
    }

    100% {
        transform: scale(1);
        transform-origin: 50% 0%
    }
}

@-webkit-keyframes shopeeZoomUpOut {
    0% {
        transform: scale(1);
        transform-origin: 50% 0%
    }

    100% {
        transform: scale(0.8);
        transform-origin: 50% 0%;
        opacity: 0
    }
}

@keyframes shopeeZoomUpOut {
    0% {
        transform: scale(1);
        transform-origin: 50% 0%
    }

    100% {
        transform: scale(0.8);
        transform-origin: 50% 0%;
        opacity: 0
    }
}

@-webkit-keyframes shopeeZoomLeftIn {
    0% {
        transform: scale(0.8);
        transform-origin: 0% 50%;
        opacity: 0
    }

    100% {
        transform: scale(1);
        transform-origin: 0% 50%
    }
}

@keyframes shopeeZoomLeftIn {
    0% {
        transform: scale(0.8);
        transform-origin: 0% 50%;
        opacity: 0
    }

    100% {
        transform: scale(1);
        transform-origin: 0% 50%
    }
}

@-webkit-keyframes shopeeZoomLeftOut {
    0% {
        transform: scale(1);
        transform-origin: 0% 50%
    }

    100% {
        transform: scale(0.8);
        transform-origin: 0% 50%;
        opacity: 0
    }
}

@keyframes shopeeZoomLeftOut {
    0% {
        transform: scale(1);
        transform-origin: 0% 50%
    }

    100% {
        transform: scale(0.8);
        transform-origin: 0% 50%;
        opacity: 0
    }
}

@-webkit-keyframes shopeeZoomRightIn {
    0% {
        transform: scale(0.8);
        transform-origin: 100% 50%;
        opacity: 0
    }

    100% {
        transform: scale(1);
        transform-origin: 100% 50%
    }
}

@keyframes shopeeZoomRightIn {
    0% {
        transform: scale(0.8);
        transform-origin: 100% 50%;
        opacity: 0
    }

    100% {
        transform: scale(1);
        transform-origin: 100% 50%
    }
}

@-webkit-keyframes shopeeZoomRightOut {
    0% {
        transform: scale(1);
        transform-origin: 100% 50%
    }

    100% {
        transform: scale(0.8);
        transform-origin: 100% 50%;
        opacity: 0
    }
}

@keyframes shopeeZoomRightOut {
    0% {
        transform: scale(1);
        transform-origin: 100% 50%
    }

    100% {
        transform: scale(0.8);
        transform-origin: 100% 50%;
        opacity: 0
    }
}

@-webkit-keyframes shopeeZoomDownIn {
    0% {
        transform: scale(0.8);
        transform-origin: 50% 100%;
        opacity: 0
    }

    100% {
        transform: scale(1);
        transform-origin: 50% 100%
    }
}

@keyframes shopeeZoomDownIn {
    0% {
        transform: scale(0.8);
        transform-origin: 50% 100%;
        opacity: 0
    }

    100% {
        transform: scale(1);
        transform-origin: 50% 100%
    }
}

@-webkit-keyframes shopeeZoomDownOut {
    0% {
        transform: scale(1);
        transform-origin: 50% 100%
    }

    100% {
        transform: scale(0.8);
        transform-origin: 50% 100%;
        opacity: 0
    }
}

@keyframes shopeeZoomDownOut {
    0% {
        transform: scale(1);
        transform-origin: 50% 100%
    }

    100% {
        transform: scale(0.8);
        transform-origin: 50% 100%;
        opacity: 0
    }
}

.shopee-react-tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    visibility: visible
}

.shopee-react-tooltip-hidden {
    display: none
}

.shopee-react-tooltip-placement-top, .shopee-react-tooltip-placement-topLeft, .shopee-react-tooltip-placement-topRight {
    padding-bottom: 8px
}

.shopee-react-tooltip-placement-right, .shopee-react-tooltip-placement-rightTop, .shopee-react-tooltip-placement-rightBottom {
    padding-left: 8px
}

.shopee-react-tooltip-placement-bottom, .shopee-react-tooltip-placement-bottomLeft, .shopee-react-tooltip-placement-bottomRight {
    padding-top: 8px
}

.shopee-react-tooltip-placement-left, .shopee-react-tooltip-placement-leftTop, .shopee-react-tooltip-placement-leftBottom {
    padding-right: 8px
}

.shopee-react-tooltip-inner {
    box-sizing: border-box;
    font-size: 14px;
    min-width: 30px;
    padding: 4px 8px;
    color: #fff;
    text-align: left;
    text-decoration: none;
    word-wrap: break-word;
    background-color: #000;
    border-radius: 4px;
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.09),0 8px 8px 0 rgba(0,0,0,0.05)
}

.shopee-react-tooltip.no-arrow .shopee-react-tooltip-arrow {
    display: none
}

.shopee-react-tooltip-arrow {
    position: absolute;
    display: block;
    width: 13px;
    height: 13px;
    overflow: hidden;
    background: transparent;
    pointer-events: none
}

.shopee-react-tooltip-arrow-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 5px;
    height: 5px;
    margin: auto;
    background-color: #000;
    content: '';
    pointer-events: auto
}

.shopee-react-tooltip-placement-top .shopee-react-tooltip-arrow, .shopee-react-tooltip-placement-topLeft .shopee-react-tooltip-arrow, .shopee-react-tooltip-placement-topRight .shopee-react-tooltip-arrow {
    bottom: -5px
}

.shopee-react-tooltip-placement-top .shopee-react-tooltip-arrow-content, .shopee-react-tooltip-placement-topLeft .shopee-react-tooltip-arrow-content, .shopee-react-tooltip-placement-topRight .shopee-react-tooltip-arrow-content {
    box-shadow: 3px 3px 7px fade(#000, 7%);
    transform: translateY(-6.5px) rotate(45deg)
}

.shopee-react-tooltip-placement-top .shopee-react-tooltip-arrow {
    left: 50%;
    transform: translateX(-50%)
}

.shopee-react-tooltip-placement-topLeft .shopee-react-tooltip-arrow {
    left: 13px
}

.shopee-react-tooltip-placement-topRight .shopee-react-tooltip-arrow {
    right: 13px
}

.shopee-react-tooltip-placement-right .shopee-react-tooltip-arrow, .shopee-react-tooltip-placement-rightTop .shopee-react-tooltip-arrow, .shopee-react-tooltip-placement-rightBottom .shopee-react-tooltip-arrow {
    left: -5px
}

.shopee-react-tooltip-placement-right .shopee-react-tooltip-arrow-content, .shopee-react-tooltip-placement-rightTop .shopee-react-tooltip-arrow-content, .shopee-react-tooltip-placement-rightBottom .shopee-react-tooltip-arrow-content {
    box-shadow: -3px 3px 7px fade(#000, 7%);
    transform: translateX(6.5px) rotate(45deg)
}

.shopee-react-tooltip-placement-right .shopee-react-tooltip-arrow {
    top: 50%;
    transform: translateY(-50%)
}

.shopee-react-tooltip-placement-rightTop .shopee-react-tooltip-arrow {
    top: 5px
}

.shopee-react-tooltip-placement-rightBottom .shopee-react-tooltip-arrow {
    bottom: 5px
}

.shopee-react-tooltip-placement-left .shopee-react-tooltip-arrow, .shopee-react-tooltip-placement-leftTop .shopee-react-tooltip-arrow, .shopee-react-tooltip-placement-leftBottom .shopee-react-tooltip-arrow {
    right: -5px
}

.shopee-react-tooltip-placement-left .shopee-react-tooltip-arrow-content, .shopee-react-tooltip-placement-leftTop .shopee-react-tooltip-arrow-content, .shopee-react-tooltip-placement-leftBottom .shopee-react-tooltip-arrow-content {
    box-shadow: 0px 7px fade(#000, 7%);
    transform: translateX(-6.5px) rotate(45deg)
}

.shopee-react-tooltip-placement-left .shopee-react-tooltip-arrow {
    top: 50%;
    transform: translateY(-50%)
}

.shopee-react-tooltip-placement-leftTop .shopee-react-tooltip-arrow {
    top: 5px
}

.shopee-react-tooltip-placement-leftBottom .shopee-react-tooltip-arrow {
    bottom: 5px
}

.shopee-react-tooltip-placement-bottom .shopee-react-tooltip-arrow, .shopee-react-tooltip-placement-bottomLeft .shopee-react-tooltip-arrow, .shopee-react-tooltip-placement-bottomRight .shopee-react-tooltip-arrow {
    top: -5px
}

.shopee-react-tooltip-placement-bottom .shopee-react-tooltip-arrow-content, .shopee-react-tooltip-placement-bottomLeft .shopee-react-tooltip-arrow-content, .shopee-react-tooltip-placement-bottomRight .shopee-react-tooltip-arrow-content {
    box-shadow: -6px 7px fade(#000, 7%);
    transform: translateY(6.5px) rotate(45deg)
}

.shopee-react-tooltip-placement-bottom .shopee-react-tooltip-arrow {
    left: 50%;
    transform: translateX(-50%)
}

.shopee-react-tooltip-placement-bottomLeft .shopee-react-tooltip-arrow {
    left: 13px
}

.shopee-react-tooltip-placement-bottomRight .shopee-react-tooltip-arrow {
    right: 13px
}



.FilePreview-module_container__1XThj {
    width: 100%;
    height: 100%;
    position: relative;
}

.FilePreview-module_container__1XThj .FilePreview-module_previewImage__syavq {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    padding: 0;
    -o-object-fit: cover;
    object-fit: cover;
}

.FilePreview-module_container__1XThj .FilePreview-module_videoPlayerIcon__S9VUa {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.FilePreview-module_filePreview__3wfKe .FilePreview-module_previewImage__syavq {
    padding: 3px 4px;
}

.FilePreview-module_imagePreview__2A6_Y {
    cursor: pointer;
}

.FilePreview-module_videoDuration__3Qgx6 {
    position: absolute;
    bottom: 4px;
    right: 5px;
    color: #fff;
    font-size: 12px;
    line-height: 1;
}



.VideoController-module_controller__HbIXf {
    border: 1px solid #fff;
    border-radius: 100%;
    box-sizing: border-box;
}

.VideoController-module_controller__HbIXf.VideoController-module_large__3GnbS {
    width: 90px;
    height: 90px;
}

.VideoController-module_controller__HbIXf.VideoController-module_medium__2_Jsm {
    width: 45px;
    height: 45px;
}

.VideoController-module_controller__HbIXf.VideoController-module_normal__Kzm7S {
    width: 28px;
    height: 28px;
}

.VideoController-module_wrapper__1Su5o {
    cursor: pointer;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 100%;
    box-sizing: border-box;
}

.VideoController-module_loadingWrapper__2jFeQ {
    border: 1px solid rgba(0, 0, 0, 0.27);
    background-color: rgba(0, 0, 0, 0.54);
    cursor: auto;
}

.VideoController-module_controlIcon__3cpGS {
    width: 100%;
    height: 100%;
    position: relative;
}

.VideoController-module_left__3zrQI,
.VideoController-module_right__202Lk {
    float: left;
    width: calc(50%);
    height: calc(100%);
    position: relative;
    overflow: hidden;
}

    .VideoController-module_left__3zrQI::before,
    .VideoController-module_right__202Lk::before,
    .VideoController-module_right__202Lk::after {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: #fff;
    }

    .VideoController-module_left__3zrQI::before {
        left: 100%;
        transform-origin: left;
        transform: rotate(calc(3.6deg * (var(--percent) - 50)));
        opacity: calc(99999 * (var(--percent) - 50));
    }

    .VideoController-module_right__202Lk::before {
        right: 100%;
        transform-origin: right;
        transform: rotate(calc(3.6deg * var(--percent)));
    }

    .VideoController-module_right__202Lk::after {
        opacity: calc(99999 * (var(--percent) - 50));
    }



.VideoPlayer-module_container__ZI2aM {
    position: relative;
    width: 1068px;
    height: 600px;
    border-radius: 2px;
    background-color: #333;
}

.VideoPlayer-module_fullscreen__2slSr {
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 9998;
}

.VideoPlayer-module_video__2Pi85 {
    width: 100%;
    height: 100%;
}

.VideoPlayer-module_controlBar__B_ISO {
    position: absolute;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 13px 16px;
    bottom: 0;
    box-sizing: border-box;
}

.VideoPlayer-module_time__35mWk {
    flex: 0 0 auto;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    color: #fff;
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.65);
    margin-right: 11px;
}

.VideoPlayer-module_progress__3ISJy {
    flex: 1 1 auto;
    position: relative;
    height: 6px;
    cursor: pointer;
}

.VideoPlayer-module_progressTotal__1Ov6M {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.260899);
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.08);
    border-radius: 3.5px;
}

.VideoPlayer-module_currentProgress__38-ng {
    position: absolute;
    height: 100%;
    background-color: #fff;
    border-radius: 3.5px;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    min-width: 16px;
    pointer-events: none;
}

.VideoPlayer-module_progressAnchor__80VDu {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    cursor: pointer;
    background-color: #fff;
    flex: 0 0 auto;
}

.VideoPlayer-module_actions__3TEWm {
    display: flex;
    margin-left: 12px;
    align-items: center;
}

.VideoPlayer-module_actionIcon__zqEJS {
    margin-left: 12px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    color: #fff;
    fill: #fff;
    filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.65));
}

.VideoPlayer-module_downloadIcon__1ay9D {
    width: 35px;
    height: auto;
}

.VideoPlayer-module_playerStatus__3bamK {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 90px;
    height: 90px;
}

@-webkit-keyframes VideoPlayer-module_loadingKeyframes__3PPAQ {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes VideoPlayer-module_loadingKeyframes__3PPAQ {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.VideoPlayer-module_loading__1p1eZ {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 43px;
    width: 43px;
}

.VideoPlayer-module_loadingSpin__27lqn {
    width: 43px;
    height: 43px;
    -webkit-animation: VideoPlayer-module_loadingKeyframes__3PPAQ 1s 0s infinite linear;
    animation: VideoPlayer-module_loadingKeyframes__3PPAQ 1s 0s infinite linear;
}

.VideoPlayer-module_errorLayer__P_bUy {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
}

.VideoPlayer-module_errorWrap__1qmPL {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.VideoPlayer-module_errorIcon__Egnhw {
    width: 48px;
    height: 48px;
}

.VideoPlayer-module_reload__rQwFJ {
    margin-top: 12px;
    font-weight: normal;
    font-size: 18px;
    line-height: 21px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #ffffff;
    cursor: pointer;
}



.MediaPreview-module_root__3QYHE {
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
}

.MediaPreview-module_close__3GPrm {
    cursor: pointer;
    position: absolute;
    right: 24px;
    top: 24px;
    width: 24px;
    height: 24px;
}

.MediaPreview-module_closeIcon__3WCvS {
    width: 24px;
    height: 24px;
}

@-webkit-keyframes MediaPreview-module_loadingKeyframes__1Co34 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes MediaPreview-module_loadingKeyframes__1Co34 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.MediaPreview-module_loading__25K4z {
    height: 48px;
}

    .MediaPreview-module_loading__25K4z > img {
        -webkit-animation: MediaPreview-module_loadingKeyframes__1Co34 1s 0s infinite linear;
        animation: MediaPreview-module_loadingKeyframes__1Co34 1s 0s infinite linear;
    }

.MediaPreview-module_arrow__dqYen {
    position: absolute;
    top: 50%;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    margin-top: -20px;
    background: rgba(0, 0, 0, 0.3);
    cursor: pointer;
}

    .MediaPreview-module_arrow__dqYen:hover {
        background: rgba(0, 0, 0, 0.6);
    }

.MediaPreview-module_arrowLeft__39uPk {
    left: 33px;
}

.MediaPreview-module_arrowRight__32YBE {
    right: 33px;
    transform: rotateZ(180deg);
}

.MediaPreview-module_image__1L3QM {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .MediaPreview-module_image__1L3QM img {
        max-width: 100%;
        max-height: 100%;
        padding: 16px;
    }



.FileDrawer-module_wrapper__2BGc5 {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #EFF2F4;
}

.FileDrawer-module_wrapper__2BGc5 ::-webkit-scrollbar {
    width: 4px !important;
    height: 4px !important;
}

.FileDrawer-module_wrapper__2BGc5 ::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0);
}

.FileDrawer-module_wrapper__2BGc5 ::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background: #bbb;
}

.FileDrawer-module_container__33zC9 {
    margin: 0 24px 0 8px;
}

.FileDrawer-module_drawer__1u4T1 {
    overflow-x: auto;
    padding: 8px 0;
    background: #fff;
}

.FileDrawer-module_fileWrapper__2GDyL {
    display: flex;
    justify-content: left;
}

    .FileDrawer-module_fileWrapper__2GDyL.FileDrawer-module_startLeft__3inL6 {
        justify-content: left;
    }

.cs-chat-custom-tooltip {
    z-index: 100000;
}

    .cs-chat-custom-tooltip .shopee-react-tooltip-inner {
        background: rgba(51, 51, 51, 0.8);
        font-size: 12px;
        line-height: 14px;
        box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.12);
        border-radius: 4px;
    }

    .cs-chat-custom-tooltip .cs-chat-tooltip-arrow-inner {
        position: absolute;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        bottom: -1px;
        margin-left: -6px;
        border-width: 5px 4px 0;
        border-top-color: #333;
        opacity: 0.8;
        left: 50%;
    }

.FileDrawer-module_itemContainer__C-f29 {
    margin-right: 8px;
}

.FileDrawer-module_item__2Ar6- {
    position: relative;
    box-sizing: border-box;
    border-radius: 2px;
    border: 1px solid #EFF2F4;
    width: 48px;
    height: 48px;
}

    .FileDrawer-module_item__2Ar6-:hover .FileDrawer-module_delete__1Rt6J {
        display: flex;
    }

.FileDrawer-module_delete__1Rt6J {
    width: 12px;
    height: 12px;
    background: #8EA4D1;
    border-radius: 100%;
    display: none;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: -6px;
    top: -6px;
    cursor: pointer;
}

    .FileDrawer-module_delete__1Rt6J:hover {
        background: #7A93C8;
    }

.FileDrawer-module_removeAll__2ggmz {
    position: absolute;
    width: 24px;
    top: 0;
    bottom: 0;
    right: 0px;
    background: #fff;
    text-align: center;
    vertical-align: top;
}

    .FileDrawer-module_removeAll__2ggmz svg {
        margin-top: 4px;
        cursor: pointer;
        fill: #bbb;
    }

        .FileDrawer-module_removeAll__2ggmz svg:hover {
            fill: #999;
        }

.FileDrawer-module_overflowStyle__25Nru .FileDrawer-module_fileWrapper__2GDyL {
    justify-content: left;
}

.FileDrawer-module_overflowStyle__25Nru .FileDrawer-module_removeAll__2ggmz {
    box-shadow: 0px 9px 8px 8px rgba(0, 0, 0, 0.1);
}

.FileDrawer-module_overflowStyle__25Nru .FileDrawer-module_lastFile__3iWNf {
    margin-right: 8px;
}

.FileDrawer-module_addIcon__2ZYtb {
    cursor: pointer;
}

.FileDrawer-module_addIconInner__3AGRr {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    box-sizing: border-box;
    border-radius: 2px;
    width: 48px;
    height: 48px;
    border: 1px solid #EFF2F4;
}

.FileDrawer-module_input__3l-zb {
    display: none;
}

.FileDrawer-module_largeIconInner__1pv6W {
    width: 100px;
    height: 100px;
}

.FileDrawer-module_large__1QbNT .FileDrawer-module_item__2Ar6- {
    height: 100px;
    width: 100px;
}

.FileDrawer-module_large__1QbNT .FileDrawer-module_addIconInner__3AGRr {
    height: 100px;
    width: 100px;
}

.FileDrawer-module_large__1QbNT .FileDrawer-module_delete__1Rt6J {
    height: 16px;
    width: 16px;
}



.FileMessage-module_container__37Toc {
    position: relative;
    min-height: 64px;
    width: 268px;
    border-radius: 2px;
    border: 5px solid #F5F6F8;
    box-sizing: border-box;
    cursor: pointer;
}

.FileMessage-module_inner__2rR_5 {
    padding: 7px;
    margin: -1px;
    background: #fff;
    border-radius: 1px;
}

.FileMessage-module_isSender__1nLOA {
    border-color: #D7E4FF;
}

.FileMessage-module_info__3VHTN {
    position: relative;
    z-index: 2;
    display: flex;
}

.FileMessage-module_left__1AA5k {
    flex: 1;
}

    .FileMessage-module_left__1AA5k .FileMessage-module_name__3WwPG {
        display: -webkit-box;
        display: box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        overflow: hidden;
        -webkit-box-orient: vertical;
        box-orient: vertical;
        line-height: 18px;
        word-break: break-all;
        font-size: 14px;
        color: #333;
    }

    .FileMessage-module_left__1AA5k .FileMessage-module_size__3Em_z {
        margin-top: 8px;
        color: #999;
        font-size: 12px;
        line-height: 14px;
    }

.FileMessage-module_right__30Okv {
    width: 40px;
    height: 40px;
    background-size: 100% !important;
}

.FileMessage-module_progress__2WEbF {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: #D7E4FF;
    opacity: .5;
    margin: -1px;
}



.RatingMessage-module_root__1OfE3 {
    width: 320px;
    border: 4px solid #F5F6F8;
    box-sizing: border-box;
    display: flex;
    padding: 8px;
    align-items: center;
    border-radius: 2px;
}

.RatingMessage-module_left__3WP2k {
    margin-right: 8px;
}

.RatingMessage-module_title__2ackz {
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
    color: #333;
}

.RatingMessage-module_subTitle__3OhoZ {
    color: #999;
    font-size: 12px;
    line-height: 18px;
}

.RatingMessage-module_img__2OSc3 {
    width: 32px;
    height: 32px;
}



@charset "UTF-8";
.AudioMessage-module_content__2sdKo {
    display: flex;
    align-items: center;
    height: 32px;
    border-radius: 2px;
    cursor: pointer;
    background: #F5F6F8;
}

.AudioMessage-module_senderContent__1dami {
    background: #D7E4FF;
}

.AudioMessage-module_duration__1tJo_ {
    font-size: 12px;
    line-height: 14px;
    color: #000;
}

.AudioMessage-module_voiceIcon__3Ns3U {
    padding: 0 2px 0 14px;
}

.AudioMessage-module_box__2qEYV {
    box-sizing: border-box;
    position: relative;
}

.AudioMessage-module_wifiSymbol__XDyDW {
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    position: relative;
    /*必须，否则苹果overflow失效*/
    overflow: hidden;
    transform: rotate(135deg) scale(0.8);
}

.AudioMessage-module_wifiCircle__kTpXQ {
    border: 2px solid #333;
    border-radius: 50%;
    position: absolute;
}

.AudioMessage-module_first__2kXk- {
    width: 2px;
    height: 2px;
    background: #333;
    top: 17px;
    left: 17px;
}

.AudioMessage-module_second__1vn_o {
    width: 12px;
    height: 12px;
    top: 12px;
    left: 12px;
}

.AudioMessage-module_third__MUbCo {
    width: 20px;
    height: 20px;
    top: 7px;
    left: 7px;
}

.AudioMessage-module_secondAnimation__1QwwP {
    -webkit-animation: AudioMessage-module_fadeInOut__1NcP2 0.8s infinite 0.1s;
    animation: AudioMessage-module_fadeInOut__1NcP2 0.8s infinite 0.1s;
}

.AudioMessage-module_thirdAnimation__2n5OX {
    -webkit-animation: AudioMessage-module_fadeInOut__1NcP2 0.8s infinite 0.4s;
    animation: AudioMessage-module_fadeInOut__1NcP2 0.8s infinite 0.4s;
}

@-webkit-keyframes AudioMessage-module_fadeInOut__1NcP2 {
    0% {
        opacity: 0;
        /*初始状态 透明度为0*/
    }

    100% {
        opacity: 1;
        /*结尾状态 透明度为1*/
    }
}

@keyframes AudioMessage-module_fadeInOut__1NcP2 {
    0% {
        opacity: 0;
        /*初始状态 透明度为0*/
    }

    100% {
        opacity: 1;
        /*结尾状态 透明度为1*/
    }
}



.VideoMessage-module_root__1-gHh {
    display: inline-block;
    position: relative;
    overflow: hidden;
    line-height: 0;
    border-radius: 2px;
    background-color: #fff;
    border: 4px solid #f1f3f4;
    box-sizing: border-box;
}

.VideoMessage-module_root__1-gHh.VideoMessage-module_success__iLfva {
    cursor: pointer;
}

.VideoMessage-module_root__1-gHh.VideoMessage-module_send__3dRcB {
    border-color: #d6e5ff;
}

.VideoMessage-module_root__1-gHh.VideoMessage-module_receive__2MoQo {
    border-color: #f1f3f4;
}

.VideoMessage-module_controller__39mxQ {
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.VideoMessage-module_duration__LzVKR {
    position: absolute;
    right: 8px;
    bottom: 12px;
    color: #fff;
    font-size: 12px;
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
}

.VideoMessage-module_desktopWechatDuration__2xcgi {
    font-size: 14px;
}

.VideoMessage-module_block__1BT9C {
    display: block;
}

.VideoMessage-module_loading__1gz33 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 6.25em;
    height: 6.25em;
}

.VideoMessage-module_default-image__1zpdC {
    width: 6.375em;
    height: 6em;
}

.render-loading-content[data-v-0a92eafb] {
    width: 480px;
    height: 60px;
}

.render-failed-content[data-v-0a92eafb] {
    display: inline-flex;
    align-items: center;
    color: #ee4d2d;
    font-size: 14px;
}

.render-failed-content span[data-v-0a92eafb] {
    margin-right: 8px;
}


.order-view-item .item-images[data-v-61856bf7] {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 2px;
    margin-right: 8px;
    border: #e8e8e8 solid 1px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.order-view-item--small .item-images[data-v-61856bf7] {
    width: 56px;
    height: 56px;
}

.order-view-item .link[data-v-61856bf7] {
    cursor: pointer;
}

.order-view-item .ct-item-product-name[data-v-61856bf7] {
    font-weight: 500;
    padding-left: 1px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
}

.order-view-item .ct-item-meta[data-v-61856bf7] {
    color: #8c8c8c;
    max-width: 400px;
    font-weight: 400;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.order-view-item .order-product-wrapper[data-v-61856bf7] {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 16px;
}

.user-view-item .avatar .image[data-v-b70c0742] {
    border-radius: 50%;
}

.order-list-panel .order-list-body[data-v-489853f7] .user-header .username {
    margin-right: 10px;
    font-weight: 400;
}

.user-view-item .username[data-v-b70c0742] {
    font-weight: 500;
    color: #666;
    cursor: pointer;
}

.user-view-item[data-v-b70c0742] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.user-view-item .avatar + .content[data-v-b70c0742] {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: 10px;
}

.order-list-item .body .item-status[data-v-35b4cc66], .order-list-item .body[data-v-35b4cc66] {
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    align-items: flex-start;
}

.order-list-item .body[data-v-35b4cc66] {
    position: relative;
    -webkit-box-orient: horizontal;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 16px;
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    /* border: 1px solid #ddd; */
}

.pagination > li > a, .pagination > li > span {
    border: 0px;
}
.product .product-list-pagination {
    padding: 24px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.order-list[data-v-0df79dbc] .order-list-section {
    margin-left: 24px;
    margin-right: 24px;
    padding-bottom: 30px;
}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
    .pagination > li {
        display: inline;
    }

.product .product-list-pagination {
    padding: 24px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/*.shopee-pagination__part:last-child {
    margin-left: 810px;
}*/
@keyframes spin {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.loading-screen {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 1
}

.spinning-ring, .spinning-s {
    position: absolute;
    width: 200px;
    height: 200px;
    left: 50%;
    top: 50%;
    margin: -100px 0 0 -100px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAACXBIWXMAAC4jAAAuIwF4pT92AAAFFmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiIHhtcDpDcmVhdGVEYXRlPSIyMDE4LTEyLTEwVDAxOjMzOjU2KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOC0xMi0yNFQxODozMDowNSswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOC0xMi0yNFQxODozMDowNSswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxMTVmOWY5Ni0wOTRjLTQ2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);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.spinning-ring {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAACXBIWXMAAC4jAAAuIwF4pT92AAAFEGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiIHhtcDpDcmVhdGVEYXRlPSIyMDE4LTEyLTEwVDAxOjM0KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOC0xMi0yNFQxODoyODowOCswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOC0xMi0yNFQxODoyODowOCswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxOTdhYzFjMS05YmU1LTQwN2QtODI1NC1kODljZjlmMDIyZDAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTk3YWMxYzEtOWJlNS00MDdkLTgyNTQtZDg5Y2Y5ZjAyMmQwIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MTk3YWMxYzEtOWJlNS00MDdkLTgyNTQtZDg5Y2Y5ZjAyMmQwIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDoxOTdhYzFjMS05YmU1LTQwN2QtODI1NC1kODljZjlmMDIyZDAiIHN0RXZ0OndoZW49IjIwMTgtMTItMTBUMDE6MzQrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAoTWFjaW50b3NoKSIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz54YPrgAAANHUlEQVR4nO3dbYwdVR3H8e/dB7q0lbSFAoqAQjQo2oBGQcWHBExACKBC4gufDUIiYtQYUXyBMcYYo6aKUfGhKopEQ6KRYJCSoFGJEZRHDaiAVSyENhVst9vd7l5f/O/hnnt25j8zex/23ju/TzK5vTOzd2e389tzzpwzZxrNZpMie87fUriPLDMFrAFmWssaYBo4pLWsae1zCDDRWsK/l1qf0QAOtv69ABxovc4D+4F9wF7gf61t0mNTq30AY2ASO7Fn6AzDFHayN3JewYIwH61foB2WyWjfEJ710bawhK9dxILyX2APsLu17O/Pj10PCkh1060llA5T2AkaB+AgdvKnwZhM9g0n+ETGukU6AxIHptn6/KXo86aADcDhyfebBR4HngB2Ak/SLqGkgAJSbBpYh/31PpR2IOITOw1Ium2iYF36dem6cLLHYQmvRNvD0ojWPQt4TvS1B4F/AX8H/oaVMpJDAcl2KBaIdVhJEU446Dxph2Gh4v4zwAuBF7V+jj3AQ8ADwD9Q6dJBAWlbg/21XUf799LAqjNBGgyi/dL1zWSfVCN5Tdc1k/Xp92y2lviYwroqgTkCOAp4PTAH3APciYWl+ArOmKt7QCZpV5+maZ9ssaITfZysA84AXgs8BfwO+D1WytRSXQMyQ7tNMUwnf5kwZm1PS5esbWVKvGa0/XDgQuDNwP3Ab4C7qVkVrE4BaQBraVehJvzdO74ursJA54lEzvpugpdWk/KOK+9Yi9YVfe/46yaBU4BTgV3ALcCvqUm/Sx0CMoEFYy3tqz4wHFWnRdp/kRfpvHI1jR1vuKzcT2V/D0cC7wQuBm4DfolVxcbWOAdkAqtCHUr7xEsbnc1o37y/vFlVk/jr0/ehn+IA1uidwzoD57GOwHgpW12ZxC4ihGUdFvjDsL6PDcDG6FjSUi8t8fJ+xqyLAFkN9fVY1es84FfAz4CnS/4sI2UcA9KgHYxuqzplLGG91WGZa732sq6+iHX4zTr7TGLths2t5dnAMZQvfYqqdFkOAc4HzgZuxoKyt8LXD73GmI3FmqGzxAC/3yCrPyOv8y8sIRD7Wsscw3s5dAI4GjgWOB44ASt54uEqDdqdn1mdkfHPP5lsa0T7TGAB/glwE1ZCjrxxCcg0Foy4F7koIBM5+2WNmzpAe2DgMAeiyARwHPAC4CTguSzvmU9DkBeQeF0jWbcb+CZ2iXikjXpAJrBSY5rsTjCcdUUBWcACsZcx+WuYYRN2heplWFi8gMTBKApI+No/A18FHhvQz9NzoxyQMII2bWAWBSSr6hT2W8ICsY/xDUWezcArsY7CjXSe+Ol4sDIBCVW3eeD7wE+xttRIGcWAhFIj/g+B7gIS2hQaGm6/l5cArwO20B5hsJISJF73MPB5bNzXyBi1gISbjSD/EmXZgIA1KvfRvilJOm0G3gi8gXbjvky1Kw1U2L4EXA98lxH5nY9KQBrY9f/wCw/rvHDkrVvCgtHrS7HjbC1wJnAO1m4pG5C8ofwPAlcDOwb4M6xI2eEWq2mK9qXbboT2xS6s1FA4ypsFfgF8GPgRdueip1Gw/SSsXXJe94fWX8NegkzTecdeULYUCULn3ahenh02M8C5wAVYb37amC8qQcL/zxTwc6xtMj/Qn6CkYS1BGlhbo9ue/gPYPdqzKBy9NAfcCFwObGf57zb9o5Wui/+AXQhsw3r+h84wBiQM1EuPrcoJvoANolNVqr+eBq4BPgLc11qXd1EkDUu8nAzcAJw+kKOuYNgCEmYICccVDyNvsnxYedY+s1hbY+SuuY+wh4FPAl9mefskqxoMy0uUTcC1wEX9O8zqhikgU3RXpVrA/nOGsi5bA03gVuD9wO05+2SVJrFJ4DNYiVTU0B+IYQlIfANT1bZCKDXUCB8Oe4DPYpdx4yHwWaVIvC3efinwJdp9XqtmGAJS5e6+1EHU0Tesfgu8F/hjtK6oBImdC3wbu8S/alY7IFnhyCsF0l/qAVRqDLvdwMewhnzZP2JxgF4N/ACbbWZVrGZAQv9GLKsRngr3Y9RtMOGoamL3iFyGze4YZJUkWVe6Xo4NT9nUx2PMtVoByQpHGUvYNXhduh09fwXeRX6VK+98aAAvxS4DH97PA8yyGgGZTN7n3fvcTJYFRvtmJbG+qSuwk71MCRI7CfghA65uDTog8WDDKsIkBzL6FoEvAl+gc/Jt77wI27dgY8EG1nAfZEDywlFUIsyjTr9xdAPW3zHH8kvAae2BaPsrgOvo/1RIwOACkvV98qaUiVWZGkdGz+3A+6g+t9YZwFYG0Jk4iIBkzTlVpImVHArH+LsfeDftxzDkDU1JvRW4qn+HZfodkLRumVdskuyzgBrjdfIQNmPjTpZf2YrP0fTcuQJ4Tz8PrJ8BSX+4MppYh5LCUT+PAG/HnoZVpcf9c9hs9H3Rz4Cs5LMVjnp7DHgHVt3yxmzF4ZnG7nE/ph8H1K+AKByyUo9i1a095D8QKAjvN2O97Wt6fTD9CMhKriwoHBJ7ELu6VWUaplOxEcA91c+AeLODxxQOyXI38CE6OxO986SJDWV5Wy8PotcBqVp6LKFwSL7t2H0lVWwFnt+rA+hlQMqEIw5DeM63iOc64Hs529J2SQMbq7WN5WP+VqRXASkKR1rVaqJwSHlXA3eQ3UCP3wenAZ/oxTdereHuCodUsYjdT7IzWlf0R/lKrOHelV4EpMyY/nhfhUNWYhdwCTbKIu98C23aJnbP0Tfocm61QZcgapRLN+7CZj0p6xRsutQV6zYgVa5albnkK1LkW3ROKxR3K4T38Xl5FXDiSr9ZNwEpGoSYUjikF5rAB7EqVypr4OsM8JWVfrNBVbEUDumlJyiuOsXn3FnY03grW2lAvKpV1iVdBUR6LTx2OkhHcMT/bmK3+M5U/SaDKEEUDumXj2ODGqF4iNPxwAeqfoOVBKRqw1ykX54EPpWxPq8UuZKK82tVDYiuWsmwuR6b5jRLOhHhYVS87NvPKpbCIYMQSoZFyp1zlwNHlv3wKgEZiunoRTLchw1qhPwpg8K2tcBHy35wv0oQlR4yaJ+m/PRBl1LykW9lA6KGuQy7Xdi9IOC3f0Pn4WVlPrRsQNJiSw1wGUZfx65sBd55eymwvugDe13FUmhkNe2lXYoU2YBNDuHqNiAqSWTYXEv7OSR5pUd4vZyC4fC9LEEUFBkG+7GqVhknAG/ydljtR7CJ9MN3sGdXprJKlEu8D1JAZBw9RWe/SHjNqmadCTwv74N6FRBVr2TYbKX90CXv/Gxg82llUgki4+rfwK0UPxi2gU2andnXp4DIONvWei2q4RwLvCprgwIi42w7NmN81g18aZvkoqwPUEBknB3EnowL+b3qYXkLGXlQQGTc/bjkfkcDr0lXKiAy7h4G7iT7Em9ailyQfrECInVwY8n9zk5XKCBSBzeR32EYOxEbfvIMBUTqYAdwL/mTOcRLRymigEhd3FZyv7PiNwqI1MUtZN+jni5nED18RwGRurgLeLrEfuuBLeGNAiJ1sYDNCl/mJr/Twz8UEKmTO8i+ipVWs04LGxQQqZM/JO/zOg+fGbiogEid3IfdkgvLS5D49RjgCFBApF4WgD9F773hJyeDAiL1czfl5nfbAgqI1M8DZDfSSdadDF0+IldkBP0lZ30cjgbwYlAJIvXzIHYjVdEs8CeCAiL1Mwf8M2N9GpbDgA0KiNTRoxnrskb5Hq82iNTRDvzhJmHbcSpBpI52JO/z5s46TiWI1FFagjRa7xvJ+qNUgkgd7Ure55UgmxQQqaPdyfu8HvWNqmJJHe2m3ITrRyggUkd7aAcknbQ6Ds5GVbGkjuaB2da/s8ZkBWsVEKmr/WRXs+KOwmlVsaSusm6cSq1RQKSu8q5cxW2SSQVE6mqW5QFJG+zr1AaRutreevWeGfI1BUTq6lyK+0LOU0Ckro5ytoXgHK2ASF09kbEurWI9roBIXd1M8XMLb1JApK6uAXY62/8DbFVApK52AxfT+WCdsNyDPfV2l/pBpM4eAc7BJqsOjzy4F5vDtwnQaDbLjPoVqSdVsUQcCoiIQwERcSggIg4FRMShgIg4FBARhwIi4lBARBwKiIhDARFxKCAiDgVExKGAiDgUEBGHAiLiUEBEHAqIiEMBEXEoICIOBUTEoYCIOBQQEYcCIuJQQEQcCoiIQwERcSggIg4FRMShgIg4FBARhwIi4lBARBwKiIhDARFxKCAiDgVExKGAiDgUEBGHAiLiUEBEHAqIiEMBEXEoICIOBUTEoYCIOBQQEYcCIuJQQEQcCoiIQwERcSggIg4FRMShgIg4FBARhwIi4lBARBwKiIhDARFxKCAiDgVExKGAiDgUEBGHAiLiUEBEHAqIiEMBEXEoICIOBUTEoYCIOBQQEYcCIuJQQEQcCoiIQwERcSggIg4FRMShgIg4FBARhwIi4lBARBwKiIhDARFxKCAiDgVExKGAiDgUEBGHAiLiUEBEHAqIiEMBEXH8H5ct3+npet7NAAAAAElFTkSuQmCC);
    animation-name: spin;
    animation-duration: 2.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}