.cc-select{font-size:14px;border-radius:8px;border:0 none;height:40px;padding:8px 16px;margin-right:16px;position:relative;min-width:215px;cursor:pointer;user-select:none}.b2c .cc-select{background-color:var(--b2c-blue-10)}.b2b .cc-select{background-color:var(--b2b-blue-10)}.cc-select:after{content:"\e904";font-family:ccicon!important;font-size:16px;line-height:16px;color:#333;text-align:center;position:absolute;top:12px;right:12px;transition:transform .3s linear;z-index:7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.cc-select .placeholder{position:relative;z-index:6;display:flex;align-items:center;height:100%}.cc-select:hover .placeholder{font-weight:var(--weight-700)}.cc-select .options{color:var(--dark-blue);position:absolute;top:0;left:0;right:0;padding:40px 16px 0;border-radius:4px;box-shadow:0 24px 32px 0 rgba(116,116,116,.15);max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease,opacity .3s linear;z-index:5}.b2c .cc-select .options{background-color:var(--b2c-blue-10)}.b2b .cc-select .options{background-color:var(--b2b-blue-10)}.cc-select .options>div{border-top:1px solid #d4dee7;padding:16px 0}.cc-select .option{margin:0 -16px;padding:8px 16px}.b2c .cc-select .option:hover{background-color:var(--b2c-blue-20)}.b2b .cc-select .option:hover{background-color:var(--b2b-blue-20)}.cc-select .option.disabled{color:rgba(51,51,51,.4);cursor:auto;background-color:transparent;pointer-events:none}.cc-select .option.selected{display:none}.cc-select:focus:after{transform:rotate(180deg)}.cc-select:focus .placeholder{font-weight:var(--weight-700)}.cc-select:focus .options{max-height:350px;opacity:1}.b2c .cc-select.set{background-color:var(--b2c-blue-100)}.b2b .cc-select.set{background-color:var(--b2b-blue-100)}.cc-select.set:after{color:var(--white)}.cc-select.set .placeholder{color:var(--white);font-weight:var(--weight-700)}.cc-select.set:focus .placeholder{color:var(--dark-blue)}.cc-selfield{position:relative;text-align:left;padding:25px 24px 0 0;display:flex}.cc-selfield::before{content:"";position:absolute;top:25px;bottom:0;left:0;right:0;background-color:#f2f2f2;border:0 none;border-bottom:1px solid #f2f2f2;border-radius:8px;z-index:0}.cc-selfield select{font-size:18px;line-height:1.3;background-color:transparent;border:0 none;border-bottom:1px solid transparent;border-radius:8px;border-top-right-radius:0;border-bottom-right-radius:0;padding:16px 32px 16px 24px;width:0;flex:1 1 auto;outline:0;position:relative;box-shadow:none;z-index:2}.cc-selfield select:focus{border-bottom-color:#b9b9b9}.cc-selfield label{font-size:14px;color:#8a8a8b;position:absolute;top:0;left:0;transition:all .3s;z-index:1}.cc-selfield .error{font-size:12px;line-height:1;color:#b42527;position:absolute;top:84px;right:0;z-index:1;display:none}.cc-selfield.invalid .error{display:block}.valid .cc-selfield select{border-bottom-color:#00b46f}.invalid .cc-selfield select{border-bottom-color:#e40613}