.shopee-modal__mask{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background-color:rgba(0,0,0,.4)}.shopee-modal__container{position:absolute;top:40px;right:0;bottom:40px;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.shopee-modal__box{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;max-height:100%;padding:0 24px;-webkit-transform-origin:top;transform-origin:top}.shopee-modal__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:400px;max-height:100%;overflow-y:auto;background-color:#fff;border-radius:3px;-webkit-box-shadow:0 1px 8px 0 rgba(0,0,0,.12);box-shadow:0 1px 8px 0 rgba(0,0,0,.12)}.shopee-modal__content--medium{width:500px}.shopee-modal__content--large{width:600px}.shopee-modal__content--x-large{width:800px;min-height:400px}.shopee-modal__content--center{text-align:center}.shopee-modal__header{-ms-flex-negative:0;flex-shrink:0;min-height:24px;padding:24px}.shopee-modal__header-inner{position:relative}.shopee-modal__header-inner__has-back{padding-left:36px}.shopee-modal__header-inner__has-close{padding-right:28px}.shopee-modal__header-back.shopee-icon{position:absolute;top:0;width:20px;height:20px;margin-top:2px;margin-left:-36px;cursor:pointer}.shopee-modal__title{display:-webkit-box;overflow:hidden;font-size:20px;font-weight:500;color:#333;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2}.shopee-modal__subtitle{margin-top:8px;font-size:14px;line-height:1;color:#999;word-break:break-word}.shopee-modal__body{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;min-height:32px;padding:0 24px;overflow:auto;font-size:14px}.shopee-modal__body.over-height+.shopee-modal__footer{-webkit-box-shadow:0 -4px 4px 0 rgba(0,0,0,.04);box-shadow:0 -4px 4px 0 rgba(0,0,0,.04)}.shopee-modal__footer{position:relative;-ms-flex-negative:0;flex-shrink:0;padding:24px;overflow:hidden}.shopee-modal__footer.with-assist{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.shopee-modal__footer-buttons{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;float:right}.shopee-modal__footer-buttons .shopee-button:not(:first-child){margin-left:16px}.shopee-modal__content--center .shopee-modal__footer-buttons{float:none}.shopee-modal__close.shopee-icon{position:absolute;top:24px;right:48px;width:24px;height:24px;padding:4px;color:#999;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:color .2s ease-in-out;transition:color .2s ease-in-out}.shopee-modal__close.shopee-icon:focus,.shopee-modal__close.shopee-icon:hover{color:#747474}.fade-fast-appear,.fade-fast-enter-active,.fade-fast-leave-active{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.fade-fast-appear,.fade-fast-enter-active{-webkit-animation-name:"shopee-fade-fast-in";animation-name:"shopee-fade-fast-in";-webkit-animation-play-state:running;animation-play-state:running}.fade-fast-leave-active{-webkit-animation-name:"shopee-fade-fast-out";animation-name:"shopee-fade-fast-out";-webkit-animation-play-state:running;animation-play-state:running}@-webkit-keyframes shopee-fade-fast-in{0%{opacity:0}}@keyframes shopee-fade-fast-in{0%{opacity:0}}@-webkit-keyframes shopee-fade-fast-out{to{opacity:0}}@keyframes shopee-fade-fast-out{to{opacity:0}}.move-down-fast-appear,.move-down-fast-enter-active,.move-down-fast-leave-active{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.move-down-fast-appear,.move-down-fast-enter-active{-webkit-animation-name:"shopee-move-down-fast-in";animation-name:"shopee-move-down-fast-in";-webkit-animation-play-state:running;animation-play-state:running}.move-down-fast-leave-active{-webkit-animation-name:"shopee-move-down-fast-out";animation-name:"shopee-move-down-fast-out";-webkit-animation-play-state:running;animation-play-state:running}@-webkit-keyframes shopee-move-down-fast-in{0%{opacity:0;-webkit-transform:translateY(-10%) scaleY(.95);transform:translateY(-10%) scaleY(.95)}}@keyframes shopee-move-down-fast-in{0%{opacity:0;-webkit-transform:translateY(-10%) scaleY(.95);transform:translateY(-10%) scaleY(.95)}}@-webkit-keyframes shopee-move-down-fast-out{to{opacity:0;-webkit-transform:translateY(-10%) scaleY(.95);transform:translateY(-10%) scaleY(.95)}}@keyframes shopee-move-down-fast-out{to{opacity:0;-webkit-transform:translateY(-10%) scaleY(.95);transform:translateY(-10%) scaleY(.95)}}.shopee-popper{background-color:#fff;border-radius:4px;-webkit-box-shadow:0 0 16px 0 rgba(0,0,0,.1),0 8px 16px 0 rgba(0,0,0,.06);box-shadow:0 0 16px 0 rgba(0,0,0,.1),0 8px 16px 0 rgba(0,0,0,.06)}.shopee-popper[x-placement^=bottom]{margin-top:4px}.shopee-popper[x-placement^=top]{margin-bottom:4px}.shopee-popper[x-placement^=left]{margin-right:4px}.shopee-popper[x-placement^=right]{margin-left:4px}.shopee-selector{border:1px solid #e5e5e5;border-radius:4px;outline:none;-webkit-transition:border .2s ease-in-out;transition:border .2s ease-in-out;position:relative;display:inline-table;width:100%;padding:7px 12px;font-size:14px;line-height:16px;color:#333;cursor:pointer;background-color:#fff;border-collapse:separate;border-spacing:0;-webkit-box-sizing:border-box;box-sizing:border-box}.shopee-selector .shopee-selector__prefix-icon.shopee-icon,.shopee-selector .shopee-selector__suffix-icon.shopee-icon{width:16px;height:16px;vertical-align:middle}.shopee-selector .shopee-selector__clear-btn.shopee-icon{width:16px;height:16px;margin-right:0;vertical-align:middle}.shopee-selector.focused,.shopee-selector:focus,.shopee-selector:hover{border-color:#b7b7b7}.shopee-selector .shopee-selector__inner{font-size:14px;line-height:16px}.shopee-selector .shopee-selector__inner:before{position:absolute;width:10px;margin-left:-10px;content:"*";visibility:hidden}.shopee-selector.th{padding:4.5px 12px;line-height:1.5}.shopee-selector.th .shopee-selector__inner{position:relative;line-height:1.5}.shopee-selector.th .shopee-selector__inner:before{position:absolute;width:10px;margin-left:-10px;line-height:1.5;content:"*";visibility:hidden}.shopee-selector.disabled{color:#b7b7b7;cursor:not-allowed;background-color:#f6f6f6;border-color:#e5e5e5}.shopee-selector.disabled:hover{border-color:#e5e5e5}.shopee-selector.disabled .shopee-selector__prefix,.shopee-selector.disabled .shopee-selector__suffix{color:#b7b7b7}.shopee-selector.disabled .shopee-selector--tag{background-color:#eee;border:1px solid #d8d8d8}.shopee-selector.disabled .shopee-selector--tag__text{color:#b7b7b7}.shopee-selector.disabled .shopee-selector--tag__delete-icon{fill:#b7b7b7}.shopee-selector.active-clearable:hover .shopee-selector__clear-btn.shopee-icon{visibility:visible}.shopee-selector .placeholder{color:#b7b7b7}.shopee-selector .placeholder:before{position:absolute;width:10px;margin-left:-10px;content:"*";visibility:hidden}.shopee-selector .line-clamp--1{-webkit-line-clamp:1}.shopee-selector .line-clamp--1,.shopee-selector .line-clamp--2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical}.shopee-selector .line-clamp--2{-webkit-line-clamp:2}.shopee-selector .line-clamp--3{-webkit-line-clamp:3}.shopee-selector .line-clamp--3,.shopee-selector .line-clamp--4{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical}.shopee-selector .line-clamp--4{-webkit-line-clamp:4}.shopee-selector .line-clamp--5{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-line-clamp:5;-webkit-box-orient:vertical}.shopee-selector--small{padding:3px 8px}.shopee-selector--small .shopee-selector__prefix-icon.shopee-icon,.shopee-selector--small .shopee-selector__suffix-icon.shopee-icon{width:16px;height:16px;vertical-align:middle}.shopee-selector--small .shopee-selector__clear-btn.shopee-icon{width:16px;height:16px;margin-right:0;vertical-align:middle}.shopee-selector--small.th{padding:.5px 12px}.shopee-selector--large{padding:11px 12px}.shopee-selector--large .shopee-selector__prefix-icon.shopee-icon,.shopee-selector--large .shopee-selector__suffix-icon.shopee-icon{width:16px;height:16px;vertical-align:middle}.shopee-selector--large .shopee-selector__clear-btn.shopee-icon{width:16px;height:16px;margin-right:0;vertical-align:middle}.shopee-selector--large.th{padding:8.5px 12px}.shopee-selector--large .shopee-selector--tags{padding:0;margin:3px 8px 7px}.shopee-selector.multiple{padding:0 12px 0 0}.shopee-selector__prefix,.shopee-selector__suffix{position:relative;display:table-cell;width:1px;height:100%;line-height:0;color:#b7b7b7;white-space:nowrap;vertical-align:middle}.shopee-selector__prefix{padding-right:8px}.shopee-selector__suffix{padding-left:8px}.shopee-selector__clear-btn.shopee-icon{display:inline-block;visibility:hidden;-webkit-transition:color .2s ease-in-out;transition:color .2s ease-in-out}.shopee-selector__clear-btn:hover{color:#6e6e6e}.shopee-selector--tags{padding:0;margin:-1px 4px 3px 8px}.shopee-selector--tag{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:22px;padding-left:8px;margin:4px 4px 0 0;font-size:0;white-space:nowrap;background-color:#fafafa;border:1px solid #e5e5e5;border-radius:2px}.shopee-selector--tag .text{height:22px;overflow:hidden;font-size:14px;line-height:22px;color:#333;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.shopee-selector--tag .delete-icon{width:12px;height:12px;min-width:12px;padding:2px;margin:0 4px;fill:#999}.shopee-selector--tag .delete-icon:hover{fill:#666}.shopee-scrollbar{position:relative;overflow:hidden}.shopee-scrollbar,.shopee-scrollbar__wrapper{height:100%;max-width:inherit;max-height:inherit}.shopee-scrollbar__wrapper{overflow:auto;line-height:0;-webkit-box-sizing:content-box;box-sizing:content-box}.shopee-scrollbar__wrapper::-webkit-scrollbar{width:0;height:0}.shopee-scrollbar__content{display:inline-table;width:100%;line-height:normal;-webkit-box-sizing:content-box;box-sizing:content-box}.shopee-scrollbar__bar{position:absolute;right:0;bottom:0;z-index:1;border-radius:100px}.shopee-scrollbar__bar.vertical{top:0;width:6px}.shopee-scrollbar__bar.vertical>div{width:100%}.shopee-scrollbar__bar.vertical .shopee-scrollbar__thumb{width:100%;height:0}.shopee-scrollbar__bar.horizontal{left:0;height:6px}.shopee-scrollbar__bar.horizontal>div{height:100%}.shopee-scrollbar__bar.horizontal .shopee-scrollbar__thumb{width:0;height:100%}.shopee-scrollbar__thumb{position:relative;display:block;cursor:pointer;background-color:#333;border-radius:inherit;opacity:0;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}.shopee-scrollbar__thumb.visible{opacity:.5}.shopee-scrollbar__thumb:hover{opacity:.7}.shopee-option{position:relative;padding:8px 12px;font-size:14px;line-height:16px;color:#333;word-break:break-word;word-wrap:break-word;list-style:none;cursor:pointer}.shopee-option.active,.shopee-option:hover{color:#333;background-color:rgba(0,0,0,.04)}.shopee-option.multiple{padding-right:36px}.shopee-option.selected{font-weight:500;color:#ee4d2d}.shopee-option.selected .shopee-option__selected-icon{position:absolute;top:50%;right:12px;width:16px;height:16px;margin:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);fill:#ee4d2d}.shopee-option.disabled{cursor:not-allowed;opacity:.5}.shopee-option.is-divided{border-top:1px solid #e5e5e5}.shopee-option .shopee-icon{float:right;width:10px;height:10px;margin-top:1px}.shopee-option-group__title{padding:8px 16px;font-size:12px;color:#999}.shopee-option-group__options{padding:0}.shopee-option-group__split{width:calc(100% - 24px);height:1px;margin:8px 12px;background:#e5e5e5}.shopee-option-add{position:relative;width:100%;height:40px;background:#fff;-webkit-box-shadow:inset 0 1px 0 0 #e5e5e5;box-shadow:inset 0 1px 0 0 #e5e5e5}.shopee-option-add__text{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding:12px;cursor:pointer}.shopee-option-add__text .add-icon{width:16px;height:16px;fill:#2673dd}.shopee-option-add__text .label{height:16px;padding-left:4px;font-size:14px;line-height:16px;color:#2673dd}.shopee-option-add__input{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:inherit;padding:8px 12px;-webkit-box-sizing:border-box;box-sizing:border-box}.shopee-option-add__input .input{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin-right:4px}.shopee-option-add__input .icon{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;width:24px;height:24px;min-width:24px;padding:3px;margin-left:4px}.shopee-select{display:inline-block;width:100%}.shopee-select.is-show .shopee-selector .shopee-selector__suffix-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.shopee-select__filter{margin:12px 12px 8px}.shopee-select__filter-empty{padding:8px 12px 16px;margin:0;font-size:14px;line-height:16px;color:#999;text-align:center}.shopee-select__menu{position:relative;padding:0;margin:0;overflow:auto;font-weight:400;line-height:0;color:#333;background:#fff;border-radius:4px}.shopee-select__menu::-webkit-scrollbar{width:0;height:0}.shopee-select__menu-mask{position:absolute;right:0;bottom:0;left:0;height:32px;background:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,0)),color-stop(69%,hsla(0,0%,100%,.5)),to(hsla(0,0%,100%,.9)));background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5) 69%,hsla(0,0%,100%,.9))}.shopee-select__options{padding-top:8px;padding-bottom:8px}.shopee-select__filter+.shopee-select__menu .shopee-select__options{padding-top:0}.shopee-form-item{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:24px;font-size:14px;-webkit-transition:margin-bottom 0s .2s;transition:margin-bottom 0s .2s}.shopee-form-item__label{-ms-flex-negative:0;flex-shrink:0;padding:8px 0;margin-right:16px;line-height:16px;-webkit-box-sizing:border-box;box-sizing:border-box}.shopee-form-item__control{position:relative}.shopee-form-item__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:start;align-self:flex-start;-webkit-box-flex:1;-ms-flex:1;flex:1;line-height:32px}.shopee-form-item__content:before{display:table;height:32px;content:""}.shopee-form-item__reqiured{display:inline-block;font-size:12px;line-height:0;color:#ff4742}.shopee-form-item__extra{padding-top:4px;font-size:12px;line-height:16px;color:#666}.shopee-form-item__error{padding-top:4px;font-size:12px;line-height:1;color:#ff4742;-webkit-transform-origin:center top;transform-origin:center top}.shopee-form-item--error{margin-bottom:8px;-webkit-transition-delay:0s;transition-delay:0s}.shopee-form-item--error .shopee-input__inner,.shopee-form-item--error .shopee-selector{border-color:#ff4742}.shopee-form-item--small{margin-bottom:24px}.shopee-form-item--small .shopee-form-item__label{padding:4px 0}.shopee-form-item--small .shopee-form-item__content{line-height:24px}.shopee-form-item--small .shopee-form-item__content:before{height:24px}.shopee-form-item--small .shopee-form-item__error{padding-top:3px}.shopee-form-item--large{margin-bottom:24px}.shopee-form-item--large .shopee-form-item__label{padding:12px 0}.shopee-form-item--large .shopee-form-item__content{line-height:40px}.shopee-form-item--large .shopee-form-item__content:before{height:40px}.shopee-form-item--x-large{margin-bottom:24px}.shopee-form-item--x-large .shopee-form-item__label{padding:16px 0}.shopee-form-item--x-large .shopee-form-item__content{line-height:48px}.shopee-form-item--x-large .shopee-form-item__content:before{height:48px}.slide-fast-appear,.slide-fast-enter-active,.slide-fast-leave-active{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.slide-fast-appear,.slide-fast-enter-active{-webkit-animation-name:"shopee-slide-fast-in";animation-name:"shopee-slide-fast-in";-webkit-animation-play-state:running;animation-play-state:running}.slide-fast-leave-active{-webkit-animation-name:"shopee-slide-fast-out";animation-name:"shopee-slide-fast-out";-webkit-animation-play-state:running;animation-play-state:running}@-webkit-keyframes shopee-slide-fast-in{0%{opacity:0;-webkit-transform:scaleY(.8);transform:scaleY(.8)}}@keyframes shopee-slide-fast-in{0%{opacity:0;-webkit-transform:scaleY(.8);transform:scaleY(.8)}}@-webkit-keyframes shopee-slide-fast-out{to{opacity:0;-webkit-transform:scaleY(.8);transform:scaleY(.8)}}@keyframes shopee-slide-fast-out{to{opacity:0;-webkit-transform:scaleY(.8);transform:scaleY(.8)}}.shopee-form--inline{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.shopee-form--inline .shopee-form-item{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin-right:24px;margin-bottom:16px;vertical-align:top}.shopee-form--label-top .shopee-form-item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.shopee-form--label-top .shopee-form-item__label{padding-top:0}.shopee-form--label-right .shopee-form-item__label{text-align:right}.shopee-form-item__label{width:200px}.shopee-form--inline .shopee-form-item__label,.shopee-form--label-top .shopee-form-item__label{width:auto}.shopee-form--inline .shopee-form-item__label.empty,.shopee-form--label-top .shopee-form-item__label.empty{display:none}.shopee-toasts{position:fixed;top:64px;z-index:9999999;width:100%;pointer-events:none}.shopee-toast{margin-bottom:16px;text-align:center;-webkit-transition:height .2s ease-in-out,margin .2s ease-in-out;transition:height .2s ease-in-out,margin .2s ease-in-out}.shopee-toast-body{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:16px 24px;margin:0 auto;pointer-events:all;background-color:#fff;border-radius:4px;-webkit-box-shadow:0 0 16px 0 rgba(0,0,0,.1),0 8px 16px 0 rgba(0,0,0,.06);box-shadow:0 0 16px 0 rgba(0,0,0,.1),0 8px 16px 0 rgba(0,0,0,.06);-webkit-box-sizing:border-box;box-sizing:border-box}.shopee-toast__icon{-ms-flex-negative:0;flex-shrink:0}.shopee-toast__icon.shopee-icon{width:16px;height:16px;line-height:16px}.shopee-toast__icon--message.shopee-icon{fill:#2673dd}.shopee-toast__icon--success.shopee-icon{fill:#5c7}.shopee-toast__icon--warning.shopee-icon{fill:#ffbf00}.shopee-toast__icon--error.shopee-icon{fill:#ff4742}.shopee-toast__content{font-size:16px;line-height:18px;color:#333;word-break:break-word}.shopee-toast.has-icon .shopee-toast__content{margin-left:8px}.toast-slide-appear,.toast-slide-enter-active,.toast-slide-leave-active{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.toast-slide-appear,.toast-slide-enter-active{-webkit-animation-name:"shopee-toast-slide-in";animation-name:"shopee-toast-slide-in";-webkit-animation-play-state:running;animation-play-state:running}.toast-slide-leave-active{-webkit-animation-name:"shopee-toast-slide-out";animation-name:"shopee-toast-slide-out";-webkit-animation-play-state:running;animation-play-state:running}@-webkit-keyframes shopee-toast-slide-in{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes shopee-toast-slide-in{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@-webkit-keyframes shopee-toast-slide-out{to{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes shopee-toast-slide-out{to{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.shopee-checkbox{display:inline-block;font-size:0;color:#333;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.shopee-checkbox__input{display:none}.shopee-checkbox__input:checked+.shopee-checkbox__indicator{background-color:#ee4d2d;border-color:#ee4d2d}.shopee-checkbox__input:checked+.shopee-checkbox__indicator .shopee-icon{-webkit-transform:scale(1);transform:scale(1)}.shopee-checkbox__indicator{position:relative;display:inline-block;width:16px;height:16px;margin-right:8px;vertical-align:middle;background-color:#fff;border:1px solid #e5e5e5;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.shopee-checkbox__indicator:hover{border-color:#ee4d2d}.shopee-checkbox__indicator .shopee-icon{position:absolute;top:-1px;left:-1px;width:16px;height:16px;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;fill:#fff}.shopee-checkbox.indeterminate .shopee-checkbox__indicator{background-color:#ee4d2d;border-color:#ee4d2d}.shopee-checkbox.indeterminate .shopee-checkbox__indicator .shopee-icon{-webkit-transform:scale(1);transform:scale(1)}.shopee-checkbox__label{display:inline-block;font-size:14px;line-height:16px;vertical-align:middle}.shopee-checkbox.disabled{color:#b7b7b7;cursor:not-allowed}.shopee-checkbox.disabled .shopee-checkbox__indicator{background-color:#eee;border-color:#d8d8d8}.shopee-checkbox.disabled .shopee-checkbox__indicator+.shopee-checkbox__label{color:#333}.shopee-checkbox.disabled.indeterminate .shopee-checkbox__indicator,.shopee-checkbox.disabled .shopee-checkbox__input:checked+.shopee-checkbox__indicator{background-color:#ee4d2d;border-color:#ee4d2d;opacity:.5}.shopee-checkbox--outline.disabled .shopee-checkbox__input:checked+.shopee-checkbox__indicator{background-color:#f6f6f6;border-color:#e5e5e5}.shopee-checkbox--outline.disabled .shopee-checkbox__input:checked+.shopee-checkbox__indicator .shopee-icon{fill:#e5e5e5}.shopee-checkbox--outline .shopee-checkbox__input:checked+.shopee-checkbox__indicator{background-color:#fff}.shopee-checkbox--outline .shopee-checkbox__indicator .shopee-icon{fill:#ee4d2d}.shopee-checkbox:not(.disabled):hover .shopee-checkbox__indicator{border-color:#ee4d2d}.shopee-checkbox-button{position:relative;display:inline-block;height:32px;padding:0 16px;font-size:13px;line-height:32px;color:#333;text-align:center;cursor:pointer;background-color:#fff;border:1px solid #e5e5e5;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.shopee-checkbox-button__indicator{position:absolute;right:0;bottom:0;width:16px;height:16px}.shopee-checkbox-button__indicator .shopee-icon{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;opacity:0;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;fill:#fff}.shopee-checkbox-button__indicator:before{position:absolute;top:0;left:0;width:0;height:0;border:8px solid transparent;content:"";-webkit-transition:border-color .2s ease-in-out;transition:border-color .2s ease-in-out}.shopee-checkbox-button.checked,.shopee-checkbox-button:hover{color:#ee4d2d;border-color:#ee4d2d}.shopee-checkbox-button.checked .shopee-checkbox-button__indicator:before{border-right-color:#ee4d2d;border-bottom-color:#ee4d2d}.shopee-checkbox-button.checked .shopee-checkbox-button__indicator .shopee-icon{opacity:1}.shopee-checkbox-button.checked.disabled .shopee-checkbox-button__indicator:before,.shopee-checkbox-button.checked.disabled:hover .shopee-checkbox-button__indicator:before{border-right-color:#e5e5e5;border-bottom-color:#e5e5e5}.shopee-checkbox-button.disabled,.shopee-checkbox-button.disabled:hover{color:#b7b7b7;cursor:not-allowed;background-color:#f6f6f6;border-color:#e5e5e5}.shopee-checkbox-button__input{display:none}.shopee-checkbox-button__label{display:inline-block}.shopee-checkbox-group{display:inline-block;font-size:0}.shopee-checkbox-group .shopee-checkbox:not(:last-child){margin-right:24px}.shopee-checkbox-group.vertical{vertical-align:middle}.shopee-checkbox-group.vertical .shopee-checkbox{display:block;width:100%;margin-right:0}.shopee-checkbox-group.vertical .shopee-checkbox:not(:last-child){margin-bottom:16px}.shopee-checkbox-group.vertical .shopee-checkbox-button:not(:last-child){margin-bottom:8px}.shopee-checkbox-group .shopee-checkbox-button{float:left}.shopee-checkbox-group .shopee-checkbox-button:not(:last-child){margin-right:8px}.shopee-checkbox-group--x-large .shopee-checkbox-button{height:48px;padding:0 28px;font-size:16px;line-height:48px}.shopee-checkbox-group--x-large .shopee-checkbox-button__indicator{width:24px;height:24px}.shopee-checkbox-group--x-large .shopee-checkbox-button__indicator:before{border-width:12px}.shopee-checkbox-group--x-large .shopee-checkbox-button__indicator .shopee-icon{width:16px;height:16px}.shopee-checkbox-group--large .shopee-checkbox-button{height:40px;padding:0 24px;font-size:14px;line-height:40px}.shopee-checkbox-group--large .shopee-checkbox-button__indicator{width:20px;height:20px}.shopee-checkbox-group--large .shopee-checkbox-button__indicator:before{border-width:10px}.shopee-checkbox-group--large .shopee-checkbox-button__indicator .shopee-icon{width:14px;height:14px}.shopee-checkbox-group--small .shopee-checkbox-button{height:24px;padding:0 8px;font-size:12px;line-height:24px}.shopee-checkbox-group--small .shopee-checkbox-button__indicator{width:12px;height:12px}.shopee-checkbox-group--small .shopee-checkbox-button__indicator:before{border-width:6px}.shopee-checkbox-group--small .shopee-checkbox-button__indicator .shopee-icon{width:10px;height:10px}.shopee-button{color:#333;background-color:#fff;border:1px solid #e5e5e5;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:32px;min-width:72px;padding:0 16px;font-family:inherit;font-size:14px;font-weight:500;text-decoration:none;white-space:nowrap;vertical-align:middle;cursor:pointer;border-radius:4px;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.shopee-button:hover:before{background-color:rgba(0,0,0,.04)}.shopee-button:active:before{background-color:rgba(0,0,0,.08)}.shopee-button.loading:before{z-index:1;background-color:hsla(0,0%,100%,.4)}.shopee-button.shopee-button--outline{color:#fff;background-color:transparent;border-color:#e5e5e5}.shopee-button.shopee-button--outline:hover:before{background-color:hsla(0,0%,100%,.04)}.shopee-button.shopee-button--outline:active:before{background-color:hsla(0,0%,100%,.08)}.shopee-button.shopee-button--outline.loading:before{z-index:1;background-color:hsla(0,0%,100%,.4)}.shopee-button.shopee-button--frameless{color:#fff;background-color:transparent;border-color:transparent}.shopee-button.shopee-button--frameless:hover:before{background-color:hsla(0,0%,100%,.04)}.shopee-button.shopee-button--frameless:active:before{background-color:hsla(0,0%,100%,.08)}.shopee-button.shopee-button--frameless.loading:before{z-index:1;background-color:hsla(0,0%,100%,.4)}html[data-focus-visible] .shopee-button:focus{-webkit-box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(238,77,45,.3);box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(238,77,45,.3)}.shopee-button:before{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;content:""}.shopee-button.disabled,.shopee-button.disabled:hover{cursor:not-allowed;opacity:.5}.shopee-button.disabled:before,.shopee-button.disabled:hover:before{display:none}.shopee-button span{line-height:1;vertical-align:middle}.shopee-button span .shopee-icon{vertical-align:text-bottom}.shopee-button .shopee-icon{width:16px;height:16px;vertical-align:middle}.shopee-button .shopee-icon+span,.shopee-button span+.shopee-icon{margin-left:8px}.shopee-button--x-large{height:48px;min-width:80px;padding:0 16px;font-size:16px}.shopee-button--x-large .shopee-icon+span,.shopee-button--x-large span+.shopee-icon{margin-left:8px}.shopee-button--large{height:40px;min-width:80px;padding:0 16px;font-size:14px}.shopee-button--small{height:24px;min-width:64px;padding:0 8px;font-size:12px}.shopee-button--small .shopee-icon{width:12px;height:12px}.shopee-button--rich{height:auto;padding:8px 24px}.shopee-button--rich .shopee-icon{display:inline-block;width:24px;height:24px;vertical-align:middle}.shopee-button--rich .shopee-button__rich-content{display:inline-block;margin-left:16px;line-height:1;text-align:left;vertical-align:middle}.shopee-button--rich .shopee-button__rich-content .shopee-button__description{margin-top:2px;font-size:11px;line-height:normal;white-space:nowrap}.shopee-button--frameless{color:#333}.shopee-button--frameless:hover:before{background-color:rgba(0,0,0,.04)}.shopee-button--frameless:active:before{background-color:rgba(0,0,0,.08)}.shopee-button--frameless.loading:before{z-index:1;background-color:hsla(0,0%,100%,.4)}.shopee-button--primary{color:#fff;background-color:#ee4d2d;border-color:#ee4d2d}.shopee-button--primary:hover:before{background-color:rgba(0,0,0,.04)}.shopee-button--primary:active:before{background-color:rgba(0,0,0,.08)}.shopee-button--primary.loading:before{z-index:1;background-color:hsla(0,0%,100%,.4)}.shopee-button--primary.shopee-button--outline{color:#ee4d2d;background-color:transparent;border-color:#ee4d2d}.shopee-button--primary.shopee-button--outline:hover:before{background-color:rgba(238,77,45,.04)}.shopee-button--primary.shopee-button--outline:active:before{background-color:rgba(238,77,45,.08)}.shopee-button--primary.shopee-button--outline.loading:before{z-index:1;background-color:hsla(0,0%,100%,.4)}.shopee-button--primary.shopee-button--frameless{color:#ee4d2d;background-color:transparent;border-color:transparent}.shopee-button--primary.shopee-button--frameless:hover:before{background-color:rgba(238,77,45,.04)}.shopee-button--primary.shopee-button--frameless:active:before{background-color:rgba(238,77,45,.08)}.shopee-button--primary.shopee-button--frameless.loading:before{z-index:1;background-color:hsla(0,0%,100%,.4)}.shopee-button--secondary{color:#fff;background-color:#00bfa5;border-color:#00bfa5}.shopee-button--secondary:hover:before{background-color:rgba(0,0,0,.04)}.shopee-button--secondary:active:before{background-color:rgba(0,0,0,.08)}.shopee-button--secondary.loading:before{z-index:1;background-color:hsla(0,0%,100%,.4)}.shopee-button--secondary.shopee-button--outline{color:#00bfa5;background-color:transparent;border-color:#00bfa5}.shopee-button--secondary.shopee-button--outline:hover:before{background-color:rgba(0,191,165,.04)}.shopee-button--secondary.shopee-button--outline:active:before{background-color:rgba(0,191,165,.08)}.shopee-button--secondary.shopee-button--outline.loading:before{z-index:1;background-color:hsla(0,0%,100%,.4)}.shopee-button--secondary.shopee-button--frameless{color:#00bfa5;background-color:transparent;border-color:transparent}.shopee-button--secondary.shopee-button--frameless:hover:before{background-color:rgba(0,191,165,.04)}.shopee-button--secondary.shopee-button--frameless:active:before{background-color:rgba(0,191,165,.08)}.shopee-button--secondary.shopee-button--frameless.loading:before{z-index:1;background-color:hsla(0,0%,100%,.4)}html[data-focus-visible] .shopee-button--secondary:focus{-webkit-box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(0,191,165,.3);box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(0,191,165,.3)}.shopee-button--danger{color:#fff;background-color:#ff4742;border-color:#ff4742}.shopee-button--danger:hover:before{background-color:rgba(0,0,0,.04)}.shopee-button--danger:active:before{background-color:rgba(0,0,0,.08)}.shopee-button--danger.loading:before{z-index:1;background-color:hsla(0,0%,100%,.4)}.shopee-button--danger.shopee-button--outline{color:#ff4742;background-color:transparent;border-color:#ff4742}.shopee-button--danger.shopee-button--outline:hover:before{background-color:rgba(255,71,66,.04)}.shopee-button--danger.shopee-button--outline:active:before{background-color:rgba(255,71,66,.08)}.shopee-button--danger.shopee-button--outline.loading:before{z-index:1;background-color:hsla(0,0%,100%,.4)}.shopee-button--danger.shopee-button--frameless{color:#ff4742;background-color:transparent;border-color:transparent}.shopee-button--danger.shopee-button--frameless:hover:before{background-color:rgba(255,71,66,.04)}.shopee-button--danger.shopee-button--frameless:active:before{background-color:rgba(255,71,66,.08)}.shopee-button--danger.shopee-button--frameless.loading:before{z-index:1;background-color:hsla(0,0%,100%,.4)}html[data-focus-visible] .shopee-button--danger:focus{-webkit-box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(255,71,66,.3);box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(255,71,66,.3)}.shopee-button--link{color:#2673dd;background-color:transparent;border-color:transparent;height:unset;min-width:unset;padding:0;font-weight:400}.shopee-button--link:hover:before{background-color:rgba(0,0,0,.04)}.shopee-button--link:active:before{background-color:rgba(0,0,0,.08)}.shopee-button--link.shopee-button--outline{color:transparent;background-color:transparent;border-color:transparent}.shopee-button--link.shopee-button--outline:hover:before{background-color:rgba(0,0,0,.04)}.shopee-button--link.shopee-button--outline:active:before{background-color:rgba(0,0,0,.08)}.shopee-button--link.shopee-button--outline.loading:before{z-index:1;background-color:hsla(0,0%,100%,.4)}.shopee-button--link.shopee-button--frameless{color:transparent;background-color:transparent;border-color:transparent}.shopee-button--link.shopee-button--frameless:hover:before{background-color:rgba(0,0,0,.04)}.shopee-button--link.shopee-button--frameless:active:before{background-color:rgba(0,0,0,.08)}.shopee-button--link.shopee-button--frameless.loading:before{z-index:1;background-color:hsla(0,0%,100%,.4)}.shopee-button--link:active:before,.shopee-button--link:hover:before{background-color:transparent}.shopee-button--link.loading:before{z-index:1;background-color:hsla(0,0%,100%,.4)}.shopee-button--link.shopee-button:hover:before{background-color:transparent}.shopee-button--link.shopee-button:not(.disabled):hover{color:#0046ab}.shopee-button--link .shopee-icon+span{margin-left:4px}.shopee-button--link span+.shopee-icon{margin-left:2px}.shopee-button--link.underline{text-decoration:underline}.shopee-button--dashed{border-color:#d8d8d8;border-style:dashed}.shopee-button--dashed.shopee-button--primary{color:#2673dd;background-color:#fff;border-color:#2673dd;border-style:dashed}.shopee-button--dashed.shopee-button--primary:hover:before{background-color:rgba(0,0,0,.04)}.shopee-button--dashed.shopee-button--primary:active:before{background-color:rgba(0,0,0,.08)}.shopee-button--dashed.shopee-button--primary.shopee-button--outline{color:#fff;background-color:transparent;border-color:#2673dd}.shopee-button--dashed.shopee-button--primary.shopee-button--outline:hover:before{background-color:hsla(0,0%,100%,.04)}.shopee-button--dashed.shopee-button--primary.shopee-button--outline:active:before{background-color:hsla(0,0%,100%,.08)}.shopee-button--dashed.shopee-button--primary.shopee-button--outline.loading:before{z-index:1;background-color:hsla(0,0%,100%,.4)}.shopee-button--dashed.shopee-button--primary.shopee-button--frameless{color:#fff;background-color:transparent;border-color:transparent}.shopee-button--dashed.shopee-button--primary.shopee-button--frameless:hover:before{background-color:hsla(0,0%,100%,.04)}.shopee-button--dashed.shopee-button--primary.shopee-button--frameless:active:before{background-color:hsla(0,0%,100%,.08)}.shopee-button--dashed.shopee-button--primary.shopee-button--frameless.loading:before{z-index:1;background-color:hsla(0,0%,100%,.4)}.shopee-button--dashed.shopee-button--primary:hover:before{background-color:rgba(38,115,221,.04)}.shopee-button--dashed.shopee-button--primary:active:before{background-color:rgba(38,115,221,.08)}.shopee-button--dashed.shopee-button--primary.loading:before{z-index:1;background-color:hsla(0,0%,100%,.4)}.shopee-button--ghost{color:#fff;background-color:transparent;border-color:#fff}.shopee-button--ghost:hover:before{background-color:rgba(0,0,0,.04)}.shopee-button--ghost:active:before{background-color:rgba(0,0,0,.08)}.shopee-button--ghost.shopee-button--outline{color:transparent;background-color:transparent;border-color:#fff}.shopee-button--ghost.shopee-button--outline:hover:before{background-color:rgba(0,0,0,.04)}.shopee-button--ghost.shopee-button--outline:active:before{background-color:rgba(0,0,0,.08)}.shopee-button--ghost.shopee-button--outline.loading:before{z-index:1;background-color:hsla(0,0%,100%,.4)}.shopee-button--ghost.shopee-button--frameless{color:transparent;background-color:transparent;border-color:transparent}.shopee-button--ghost.shopee-button--frameless:hover:before{background-color:rgba(0,0,0,.04)}.shopee-button--ghost.shopee-button--frameless:active:before{background-color:rgba(0,0,0,.08)}.shopee-button--ghost.shopee-button--frameless.loading:before{z-index:1;background-color:hsla(0,0%,100%,.4)}.shopee-button--ghost:hover:before{background-color:hsla(0,0%,100%,.04)}.shopee-button--ghost:active:before{background-color:hsla(0,0%,100%,.08)}.shopee-button--ghost.loading:before{z-index:1;background-color:hsla(0,0%,100%,.4)}.shopee-button--round{border-radius:100px}.shopee-button--circle{min-width:unset;padding:8px;line-height:0;border-radius:100%}.shopee-button--block{width:100%}.shopee-button--compact{padding:0 8px}.shopee-button-group{display:inline-block;vertical-align:middle}.shopee-button-group.horizontal .shopee-button{float:left}.shopee-button-group.horizontal .shopee-button:not(:last-child):not(:first-child){border-radius:0}.shopee-button-group.horizontal .shopee-button:not(:last-child){margin-right:-1px}.shopee-button-group.horizontal .shopee-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.shopee-button-group.horizontal .shopee-button:last-child{border-bottom-left-radius:0;border-top-left-radius:0}.shopee-button-group.vertical .shopee-button{display:block;float:none;width:100%}.shopee-button-group.vertical .shopee-button:not(:last-child):not(:first-child){border-radius:0}.shopee-button-group.vertical .shopee-button:not(:last-child){margin-bottom:-1px}.shopee-button-group.vertical .shopee-button:first-child{border-bottom-right-radius:0;border-bottom-left-radius:0}.shopee-button-group.vertical .shopee-button:last-child{border-top-right-radius:0;border-top-left-radius:0}@-webkit-keyframes shopee-icon-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes shopee-icon-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.shopee-icon{display:inline-block;line-height:0;fill:currentColor}.shopee-icon svg{width:100%;height:100%}.shopee-icon-spin{-webkit-animation:shopee-icon-spin 1s linear 0s infinite;animation:shopee-icon-spin 1s linear 0s infinite}.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-input{line-height:0}.shopee-input input,.shopee-input textarea{font-family:inherit}.shopee-input__inner{position:relative;display:inline-table;width:100%;height:32px;padding:0 12px;font-size:14px;background-color:#fff;border-collapse:separate;border-spacing:0;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #e5e5e5;border-radius:4px;outline:none;-webkit-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.shopee-input__inner.focused,.shopee-input__inner:hover{border-color:#b7b7b7}.shopee-input__inner .shopee-input__prefix-icon.shopee-icon,.shopee-input__inner .shopee-input__suffix-icon.shopee-icon{width:16px;height:16px;vertical-align:middle}.shopee-input__inner .shopee-input__clear-btn.shopee-icon{width:16px;height:16px;vertical-align:middle;cursor:pointer}.shopee-input__inner .shopee-input__input{height:30px;font-size:14px;border-radius:4px}.shopee-input__inner--small{height:24px;padding:0 8px;font-size:12px}.shopee-input__inner--small .shopee-input__prefix-icon.shopee-icon,.shopee-input__inner--small .shopee-input__suffix-icon.shopee-icon{width:16px;height:16px;vertical-align:middle}.shopee-input__inner--small .shopee-input__clear-btn.shopee-icon{width:16px;height:16px;vertical-align:middle;cursor:pointer}.shopee-input__inner--small .shopee-input__input{height:22px;font-size:12px}.shopee-input__inner--large{height:40px;padding:0 12px}.shopee-input__inner--large .shopee-input__prefix-icon.shopee-icon,.shopee-input__inner--large .shopee-input__suffix-icon.shopee-icon{width:16px;height:16px;vertical-align:middle}.shopee-input__inner--large .shopee-input__clear-btn.shopee-icon{width:16px;height:16px;vertical-align:middle;cursor:pointer}.shopee-input__inner--large .shopee-input__input{height:38px;font-size:14px}.shopee-input__inner--x-large{height:48px;padding:0 16px;font-size:16px}.shopee-input__inner--x-large .shopee-input__prefix-icon.shopee-icon,.shopee-input__inner--x-large .shopee-input__suffix-icon.shopee-icon{width:16px;height:16px;vertical-align:middle}.shopee-input__inner--x-large .shopee-input__clear-btn.shopee-icon{width:16px;height:16px;vertical-align:middle;cursor:pointer}.shopee-input__inner--x-large .shopee-input__input{height:46px;font-size:16px}.shopee-input__inner.error{border-color:#ff4742}.shopee-input__inner.disabled{color:#b7b7b7;cursor:not-allowed;background-color:#f6f6f6;border-color:#e5e5e5}.shopee-input__inner.disabled:hover{border-color:#e5e5e5}.shopee-input__inner.disabled .shopee-input__input{color:#b7b7b7;cursor:not-allowed}.shopee-input__inner.active-clearable:hover .shopee-input__clear-btn{visibility:visible}.shopee-input__input{display:table-cell;width:100%;padding:0;color:#333;vertical-align:middle;background-color:inherit;border:0;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box}.shopee-input__input::-webkit-input-placeholder{color:#b7b7b7}.shopee-input__input::-moz-placeholder{color:#b7b7b7}.shopee-input__input::-ms-input-placeholder{color:#b7b7b7}.shopee-input__input::placeholder{color:#b7b7b7}.shopee-input__prefix,.shopee-input__suffix{position:relative;display:table-cell;width:1px;height:100%;line-height:0;color:#999;white-space:nowrap;vertical-align:middle}.shopee-input__clear-btn{color:#b7b7b7;visibility:hidden}.shopee-input__clear-btn:hover{color:#6e6e6e}.shopee-input__count{font-size:14px;line-height:16px;color:#999;vertical-align:middle}.shopee-input__prefix{padding-right:8px}.shopee-input__suffix{padding-left:8px}.shopee-input__suffix .shopee-input__suffix-split{margin-left:0}.shopee-input__prefix-split,.shopee-input__suffix-split{display:inline-block;width:1px;height:calc(100% - 14px);margin-left:8px;vertical-align:middle;background:#eee}.shopee-input__suffix-split{margin-right:8px}.shopee-input__area{width:100%;overflow:auto;font-size:14px;vertical-align:top;border:0;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box}.shopee-input__area .shopee-input__inner{display:inline-block;padding:8px 12px}.shopee-input__area .shopee-input__inner::-webkit-input-placeholder{color:#b7b7b7}.shopee-input__area .shopee-input__inner::-moz-placeholder{color:#b7b7b7}.shopee-input__area .shopee-input__inner::-ms-input-placeholder{color:#b7b7b7}.shopee-input__area .shopee-input__inner::placeholder{color:#b7b7b7}.shopee-input__area .shopee-input__count{float:right;margin-top:4px;line-height:16px;color:#999}.shopee-input__error-msg{margin:4px 0;font-size:12px;line-height:1em;color:#ff4742;word-break:normal;word-wrap:break-word;white-space:nowrap}.shopee-input__help-text{margin-bottom:0}.shopee-input__help-text,.shopee-input__warning-text{margin-top:4px;font-size:12px;line-height:14px;color:#999;white-space:nowrap}.shopee-input__warning-text{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:9px;background-color:#f6f6f6;border-radius:4px}.shopee-input__warning-text .shopee-icon{width:14px;height:14px;margin-right:5px;fill:#ffbf00}.shopee-input-group{display:-webkit-box;display:-ms-flexbox;display:flex}.shopee-input-group__prepend .shopee-input__inner,.shopee-input-group__prepend .shopee-selector{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.shopee-input-group__prepend:hover+.shopee-input-group__append .shopee-input__inner{border-left-color:#b7b7b7}.shopee-input-group__append{-webkit-box-flex:1;-ms-flex:1;flex:1}.shopee-input-group__append .shopee-button,.shopee-input-group__append .shopee-input__inner,.shopee-input-group__append .shopee-selector{border-bottom-left-radius:0;border-top-left-radius:0}