.shopee-react-input{position:relative}.shopee-react-input__inner{background-color:#fff;border:1px solid #e5e5e5;border-collapse:initial;border-radius:4px;border-spacing:0;box-sizing:border-box;display:inline-table;font-size:14px;height:32px;outline:none;padding:0 12px;position:relative;transition:border .2s ease-in-out;width:100%}.shopee-react-input__inner.focused,.shopee-react-input__inner:hover{border-color:#b7b7b7}.shopee-react-input__inner .shopee-react-input__prefix-icon.shopee-react-icon,.shopee-react-input__inner .shopee-react-input__suffix-icon.shopee-react-icon{height:16px;line-height:16px;vertical-align:middle;width:16px}.shopee-react-input__inner .shopee-react-input__clear-btn.shopee-react-icon{cursor:pointer;height:16px;line-height:16px;vertical-align:middle;width:16px}.shopee-react-input__inner.shopee-react-input__textarea{height:auto;transition:all .3s,height 0s;vertical-align:bottom}.shopee-react-input__inner .shopee-react-input__input{border-radius:4px;font-size:14px;height:30px}.shopee-react-input__inner--small{font-size:12px;height:24px;padding:0 8px}.shopee-react-input__inner--small .shopee-react-input__prefix-icon.shopee-react-icon,.shopee-react-input__inner--small .shopee-react-input__suffix-icon.shopee-react-icon{height:16px;line-height:16px;vertical-align:middle;width:16px}.shopee-react-input__inner--small .shopee-react-input__clear-btn.shopee-react-icon{cursor:pointer;height:16px;line-height:16px;vertical-align:middle;width:16px}.shopee-react-input__inner--small .shopee-react-input__input{font-size:12px;height:22px}.shopee-react-input__inner--large{height:40px;padding:0 12px}.shopee-react-input__inner--large .shopee-react-input__prefix-icon.shopee-react-icon,.shopee-react-input__inner--large .shopee-react-input__suffix-icon.shopee-react-icon{height:16px;line-height:16px;vertical-align:middle;width:16px}.shopee-react-input__inner--large .shopee-react-input__clear-btn.shopee-react-icon{cursor:pointer;height:16px;line-height:16px;vertical-align:middle;width:16px}.shopee-react-input__inner--large .shopee-react-input__input{font-size:14px;height:38px}.shopee-react-input__inner--x-large{font-size:16px;height:48px;padding:0 16px}.shopee-react-input__inner--x-large .shopee-react-input__prefix-icon.shopee-react-icon,.shopee-react-input__inner--x-large .shopee-react-input__suffix-icon.shopee-react-icon{height:16px;line-height:16px;vertical-align:middle;width:16px}.shopee-react-input__inner--x-large .shopee-react-input__clear-btn.shopee-react-icon{cursor:pointer;height:16px;line-height:16px;vertical-align:middle;width:16px}.shopee-react-input__inner--x-large .shopee-react-input__input{font-size:16px;height:46px}.shopee-react-input__inner.error{border-color:#ff4742}.shopee-react-input__inner.disabled{background-color:#f6f6f6;border-color:#e5e5e5;color:#b7b7b7;cursor:not-allowed}.shopee-react-input__inner.disabled:hover{border-color:#e5e5e5}.shopee-react-input__inner.disabled .shopee-react-input__input{color:#b7b7b7;cursor:not-allowed}.shopee-react-input__inner.active-clearable:hover .shopee-react-input__clear-btn{display:inline-block}.shopee-react-input__input{background-color:inherit;border:0;box-sizing:border-box;color:#333;display:table-cell;outline:none;padding:0;vertical-align:middle;width:100%}.shopee-react-input__input::placeholder{color:#b7b7b7}.shopee-react-input__borderless,.shopee-react-input__borderless-disabled,.shopee-react-input__borderless-focused,.shopee-react-input__borderless:focus,.shopee-react-input__borderless:hover,.shopee-react-input__borderless[disabled]{background-color:initial;border:none;box-shadow:none}.shopee-react-input__prefix,.shopee-react-input__suffix{color:#999;display:table-cell;height:100%;line-height:0;position:relative;vertical-align:middle;white-space:nowrap;width:1px}.shopee-react-input .shopee-react-input__clear-btn{color:#b7b7b7;display:none}.shopee-react-input .shopee-react-input__clear-btn:hover{color:#6e6e6e}.shopee-react-input__count{color:#999;font-size:14px;line-height:16px;vertical-align:middle}.shopee-react-input__prefix{padding-right:8px}.shopee-react-input__suffix{padding-left:8px}.shopee-react-input__suffix .shopee-react-input__suffix-split{margin-left:0}.shopee-react-input__prefix-split,.shopee-react-input__suffix-split{background:#eee;display:inline-block;height:calc(100% - 14px);margin-left:8px;vertical-align:middle;width:1px}.shopee-react-input__suffix-split{margin-right:8px}.shopee-react-input__area{border:0;box-sizing:border-box;font-size:14px;outline:none;overflow:auto;position:relative;vertical-align:top;width:100%}.shopee-react-input__area:hover .active-clearable+.shopee-react-input__clear-btn{cursor:pointer;display:block;position:absolute;right:8px;top:8px;z-index:1}.shopee-react-input__area .shopee-react-input__inner{display:inline-block;padding:8px 12px}.shopee-react-input__area .shopee-react-input__inner::placeholder{color:#b7b7b7}.shopee-react-input__area .shopee-react-input__count{color:#999;float:right;line-height:16px;margin-top:4px}.shopee-react-input__error-msg{word-wrap:break-word;color:#ff4742;font-size:12px;line-height:1em;margin:4px 0;white-space:nowrap;word-break:normal}.shopee-react-input__help-text{margin-bottom:0}.shopee-react-input__help-text,.shopee-react-input__warning-text{color:#999;font-size:12px;line-height:14px;margin-top:4px;white-space:nowrap}.shopee-react-input__warning-text{background-color:#f6f6f6;border-radius:4px;display:inline-flex;padding:9px}.shopee-react-input__warning-text .shopee-react-icon{color:#ffbf00;height:14px;line-height:14px;margin-right:5px;width:14px}.shopee-react-input-group{display:flex}.shopee-react-input-group__prepend .shopee-react-input__inner,.shopee-react-input-group__prepend .shopee-react-select .trigger{border-bottom-right-radius:0;border-right:0;border-top-right-radius:0}.shopee-react-input-group__prepend:hover+.shopee-react-input-group__append .shopee-react-input__inner{border-left-color:#b7b7b7}.shopee-react-input-group__append{flex:1}.shopee-react-input-group__append .shopee-react-button,.shopee-react-input-group__append .shopee-react-input__inner,.shopee-react-input-group__append .shopee-react-select .trigger{border-bottom-left-radius:0;border-top-left-radius: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)}}