.shopee-react-toast{left:0;pointer-events:none;position:fixed;top:8px;width:100%;z-index:1010}.shopee-react-toast-notice{padding:12px;text-align:center}.shopee-react-toast-notice.move-up-leave.move-up-leave-active{animation-duration:.3s;animation-name:MessageMoveOut}.shopee-react-toast-body{align-items:baseline;background-color:#fff;border-radius:4px;box-shadow:0 0 8px 0 rgba(0,0,0,.09),0 8px 8px 0 rgba(0,0,0,.05);box-sizing:border-box;display:inline-flex;padding:16px 24px;pointer-events:all}.shopee-react-toast-icon{flex-shrink:0}.shopee-react-toast-icon.shopee-react-icon{line-height:16px;width:16px}.shopee-react-toast-icon--message.shopee-react-icon{color:#2673dd}.shopee-react-toast-icon--success.shopee-react-icon{color:#5c7}.shopee-react-toast-icon--warning.shopee-react-icon{color:#ffbf00}.shopee-react-toast-icon--error.shopee-react-icon{color:#ff4742}.shopee-react-toast-content{color:#333;display:inline-block;font-size:14px;line-height:18px;margin-left:8px;text-align:left;word-break:break-word}@keyframes MessageMoveOut{0%{max-height:150px;opacity:1;padding:8px}to{max-height:0;opacity:0;padding:0}}.move-up-appear,.move-up-enter,.move-up-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused;animation-timing-function:ease-in-out}.move-up-appear.move-up-appear-active,.move-up-enter.move-up-enter-active{animation-name:shopeeMoveUpIn;animation-play-state:running}.move-up-leave.move-up-leave-active{animation-name:shopeeMoveUpOut;animation-play-state:running;pointer-events:none}.move-up-appear,.move-up-enter{animation-timing-function:cubic-bezier(.08,.82,.17,1);opacity:0}.move-up-leave{animation-timing-function:cubic-bezier(.6,.04,.98,.34)}.move-down-appear,.move-down-enter,.move-down-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused;animation-timing-function:ease-in-out}.move-down-appear.move-down-appear-active,.move-down-enter.move-down-enter-active{animation-name:shopeeMoveDownIn;animation-play-state:running}.move-down-leave.move-down-leave-active{animation-name:shopeeMoveDownOut;animation-play-state:running;pointer-events:none}.move-down-appear,.move-down-enter{animation-timing-function:cubic-bezier(.08,.82,.17,1);opacity:0}.move-down-leave{animation-timing-function:cubic-bezier(.6,.04,.98,.34)}.move-left-appear,.move-left-enter,.move-left-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused;animation-timing-function:ease-in-out}.move-left-appear.move-left-appear-active,.move-left-enter.move-left-enter-active{animation-name:shopeeMoveLeftIn;animation-play-state:running}.move-left-leave.move-left-leave-active{animation-name:shopeeMoveLeftOut;animation-play-state:running;pointer-events:none}.move-left-appear,.move-left-enter{animation-timing-function:cubic-bezier(.08,.82,.17,1);opacity:0}.move-left-leave{animation-timing-function:cubic-bezier(.6,.04,.98,.34)}.move-right-appear,.move-right-enter,.move-right-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused;animation-timing-function:ease-in-out}.move-right-appear.move-right-appear-active,.move-right-enter.move-right-enter-active{animation-name:shopeeMoveRightIn;animation-play-state:running}.move-right-leave.move-right-leave-active{animation-name:shopeeMoveRightOut;animation-play-state:running;pointer-events:none}.move-right-appear,.move-right-enter{animation-timing-function:cubic-bezier(.08,.82,.17,1);opacity:0}.move-right-leave{animation-timing-function:cubic-bezier(.6,.04,.98,.34)}@keyframes shopeeMoveDownIn{0%{opacity:0;transform:translateY(100%);transform-origin:0 0}to{opacity:1;transform:translateY(0);transform-origin:0 0}}@keyframes shopeeMoveDownOut{0%{opacity:1;transform:translateY(0);transform-origin:0 0}to{opacity:0;transform:translateY(100%);transform-origin:0 0}}@keyframes shopeeMoveLeftIn{0%{opacity:0;transform:translateX(-100%);transform-origin:0 0}to{opacity:1;transform:translateX(0);transform-origin:0 0}}@keyframes shopeeMoveLeftOut{0%{opacity:1;transform:translateX(0);transform-origin:0 0}to{opacity:0;transform:translateX(-100%);transform-origin:0 0}}@keyframes shopeeMoveRightIn{0%{opacity:0;transform:translateX(100%);transform-origin:0 0}to{opacity:1;transform:translateX(0);transform-origin:0 0}}@keyframes shopeeMoveRightOut{0%{opacity:1;transform:translateX(0);transform-origin:0 0}to{opacity:0;transform:translateX(100%);transform-origin:0 0}}@keyframes shopeeMoveUpIn{0%{opacity:0;transform:translateY(-100%);transform-origin:0 0}to{opacity:1;transform:translateY(0);transform-origin:0 0}}@keyframes shopeeMoveUpOut{0%{opacity:1;transform:translateY(0);transform-origin:0 0}to{opacity:0;transform:translateY(-100%);transform-origin:0 0}}.shopee-react-zoom-appear,.shopee-react-zoom-enter,.shopee-react-zoom-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused;animation-timing-function:ease-in-out}.shopee-react-zoom-appear.shopee-react-zoom-appear-active,.shopee-react-zoom-enter.shopee-react-zoom-enter-active{animation-name:shopeeZoomIn;animation-play-state:running}.shopee-react-zoom-leave.shopee-react-zoom-leave-active{animation-name:shopeeZoomOut;animation-play-state:running;pointer-events:none}.shopee-react-zoom-appear,.shopee-react-zoom-enter{animation-timing-function:cubic-bezier(.08,.82,.17,1);opacity:0;transform:scale(0)}.shopee-react-zoom-appear-prepare,.shopee-react-zoom-enter-prepare{transform:none}.shopee-react-zoom-leave{animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.shopee-react-zoom-big-appear,.shopee-react-zoom-big-enter,.shopee-react-zoom-big-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused;animation-timing-function:ease-in-out}.shopee-react-zoom-big-appear.shopee-react-zoom-big-appear-active,.shopee-react-zoom-big-enter.shopee-react-zoom-big-enter-active{animation-name:shopeeZoomBigIn;animation-play-state:running}.shopee-react-zoom-big-leave.shopee-react-zoom-big-leave-active{animation-name:shopeeZoomBigOut;animation-play-state:running;pointer-events:none}.shopee-react-zoom-big-appear,.shopee-react-zoom-big-enter{animation-timing-function:cubic-bezier(.08,.82,.17,1);opacity:0;transform:scale(0)}.shopee-react-zoom-big-appear-prepare,.shopee-react-zoom-big-enter-prepare{transform:none}.shopee-react-zoom-big-leave{animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.shopee-react-zoom-big-fast-appear,.shopee-react-zoom-big-fast-enter,.shopee-react-zoom-big-fast-leave{animation-duration:.1s;animation-fill-mode:both;animation-play-state:paused;animation-timing-function:ease-in-out}.shopee-react-zoom-big-fast-appear.shopee-react-zoom-big-fast-appear-active,.shopee-react-zoom-big-fast-enter.shopee-react-zoom-big-fast-enter-active{animation-name:shopeeZoomBigIn;animation-play-state:running}.shopee-react-zoom-big-fast-leave.shopee-react-zoom-big-fast-leave-active{animation-name:shopeeZoomBigOut;animation-play-state:running;pointer-events:none}.shopee-react-zoom-big-fast-appear,.shopee-react-zoom-big-fast-enter{animation-timing-function:cubic-bezier(.08,.82,.17,1);opacity:0;transform:scale(0)}.shopee-react-zoom-big-fast-appear-prepare,.shopee-react-zoom-big-fast-enter-prepare{transform:none}.shopee-react-zoom-big-fast-leave{animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.shopee-react-zoom-up-appear,.shopee-react-zoom-up-enter,.shopee-react-zoom-up-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused;animation-timing-function:ease-in-out}.shopee-react-zoom-up-appear.shopee-react-zoom-up-appear-active,.shopee-react-zoom-up-enter.shopee-react-zoom-up-enter-active{animation-name:shopeeZoomUpIn;animation-play-state:running}.shopee-react-zoom-up-leave.shopee-react-zoom-up-leave-active{animation-name:shopeeZoomUpOut;animation-play-state:running;pointer-events:none}.shopee-react-zoom-up-appear,.shopee-react-zoom-up-enter{animation-timing-function:cubic-bezier(.08,.82,.17,1);opacity:0;transform:scale(0)}.shopee-react-zoom-up-appear-prepare,.shopee-react-zoom-up-enter-prepare{transform:none}.shopee-react-zoom-up-leave{animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.shopee-react-zoom-down-appear,.shopee-react-zoom-down-enter,.shopee-react-zoom-down-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused;animation-timing-function:ease-in-out}.shopee-react-zoom-down-appear.shopee-react-zoom-down-appear-active,.shopee-react-zoom-down-enter.shopee-react-zoom-down-enter-active{animation-name:shopeeZoomDownIn;animation-play-state:running}.shopee-react-zoom-down-leave.shopee-react-zoom-down-leave-active{animation-name:shopeeZoomDownOut;animation-play-state:running;pointer-events:none}.shopee-react-zoom-down-appear,.shopee-react-zoom-down-enter{animation-timing-function:cubic-bezier(.08,.82,.17,1);opacity:0;transform:scale(0)}.shopee-react-zoom-down-appear-prepare,.shopee-react-zoom-down-enter-prepare{transform:none}.shopee-react-zoom-down-leave{animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.shopee-react-zoom-left-appear,.shopee-react-zoom-left-enter,.shopee-react-zoom-left-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused;animation-timing-function:ease-in-out}.shopee-react-zoom-left-appear.shopee-react-zoom-left-appear-active,.shopee-react-zoom-left-enter.shopee-react-zoom-left-enter-active{animation-name:shopeeZoomLeftIn;animation-play-state:running}.shopee-react-zoom-left-leave.shopee-react-zoom-left-leave-active{animation-name:shopeeZoomLeftOut;animation-play-state:running;pointer-events:none}.shopee-react-zoom-left-appear,.shopee-react-zoom-left-enter{animation-timing-function:cubic-bezier(.08,.82,.17,1);opacity:0;transform:scale(0)}.shopee-react-zoom-left-appear-prepare,.shopee-react-zoom-left-enter-prepare{transform:none}.shopee-react-zoom-left-leave{animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.shopee-react-zoom-right-appear,.shopee-react-zoom-right-enter,.shopee-react-zoom-right-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused;animation-timing-function:ease-in-out}.shopee-react-zoom-right-appear.shopee-react-zoom-right-appear-active,.shopee-react-zoom-right-enter.shopee-react-zoom-right-enter-active{animation-name:shopeeZoomRightIn;animation-play-state:running}.shopee-react-zoom-right-leave.shopee-react-zoom-right-leave-active{animation-name:shopeeZoomRightOut;animation-play-state:running;pointer-events:none}.shopee-react-zoom-right-appear,.shopee-react-zoom-right-enter{animation-timing-function:cubic-bezier(.08,.82,.17,1);opacity:0;transform:scale(0)}.shopee-react-zoom-right-appear-prepare,.shopee-react-zoom-right-enter-prepare{transform:none}.shopee-react-zoom-right-leave{animation-timing-function:cubic-bezier(.78,.14,.15,.86)}@keyframes shopeeZoomIn{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}@keyframes shopeeZoomOut{0%{transform:scale(1)}to{opacity:0;transform:scale(.2)}}@keyframes shopeeZoomBigIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes shopeeZoomBigOut{0%{transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes shopeeZoomUpIn{0%{opacity:0;transform:scale(.8);transform-origin:50% 0}to{transform:scale(1);transform-origin:50% 0}}@keyframes shopeeZoomUpOut{0%{transform:scale(1);transform-origin:50% 0}to{opacity:0;transform:scale(.8);transform-origin:50% 0}}@keyframes shopeeZoomLeftIn{0%{opacity:0;transform:scale(.8);transform-origin:0 50%}to{transform:scale(1);transform-origin:0 50%}}@keyframes shopeeZoomLeftOut{0%{transform:scale(1);transform-origin:0 50%}to{opacity:0;transform:scale(.8);transform-origin:0 50%}}@keyframes shopeeZoomRightIn{0%{opacity:0;transform:scale(.8);transform-origin:100% 50%}to{transform:scale(1);transform-origin:100% 50%}}@keyframes shopeeZoomRightOut{0%{transform:scale(1);transform-origin:100% 50%}to{opacity:0;transform:scale(.8);transform-origin:100% 50%}}@keyframes shopeeZoomDownIn{0%{opacity:0;transform:scale(.8);transform-origin:50% 100%}to{transform:scale(1);transform-origin:50% 100%}}@keyframes shopeeZoomDownOut{0%{transform:scale(1);transform-origin:50% 100%}to{opacity:0;transform:scale(.8);transform-origin:50% 100%}}.shopee-react-icon{fill:currentColor;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:inherit;display:inline-block;font-style:normal;line-height:0;outline:none;text-align:center;text-rendering:optimizeLegibility;text-transform:none;vertical-align:-.125em}.shopee-react-icon>*{line-height:1}.shopee-react-icon svg{height:100%;width:100%}.shopee-react-icon .shopee-react-icon-icon{display:block}.shopee-react-icon[tabindex]{cursor:pointer}.shopee-react-icon-spin{animation:shopee-react-icon-spin 1s linear 0s infinite;display:inline-block}@keyframes shopee-react-icon-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}