:root{--black-color:#000;--white-color:#fff;--grapfit-color:#49454c;--gray-color:#333435;--gray-light-color:#a8a9b0;--line-color:#dcdde1;--txt-gray-color:#a0a0a0;--back-color:#f4f4f4;--violet-color:#343176;--violet-back-color:#f1f0fa;--green-color:#5fc0b1;--green-back-color:#e1f5f2;--blue-color:#528df0;--warn-color:#ed9b57;--orange-color:#ee7656;--alert-color:#f77878;--red-color:#e14142;--pink-color:#ffe8e8;--purple-color:#544669;--shadow-transparent:0px 4px 15px 0px rgba(0, 0, 0, 0);--shadow:0px 4px 15px 0px rgba(0, 0, 0, 0.15);--shadow2:0px 4px 28px 0px rgba(0, 0, 0, 0.1);--trs-300:300ms ease;--trs-600:600ms ease;--trs-1200:1200ms ease;--trs-2000:2000ms ease;--trs-cubic-800:0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);--trs-cubic-600:0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);--trs-cubic-300:0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);--screensize:1920}.selector{position:relative}.selector .selector-title{color:var(--gray-color)}.selector .selector-title span{color:var(--gray-color);font-size:calc(16 / var(--screensize) * 100vw);font-weight:400;line-height:128%}.selector .icon{width:calc(10 / var(--screensize) * 100vw);height:calc(6 / var(--screensize) * 100vw)}.selector .icon svg{width:100%;height:100%}.selector .icon svg path{stroke:var(--gray-color)}.selector.active .icon{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.selector.active .selector-content{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);pointer-events:all}.selector.primary .selector-btn{background:var(--back-color)}.selector.primary .selector-btn .selector-title{color:var(--gray-color)}.selector.primary .selector-btn .selector-title p,.selector.primary .selector-btn .selector-title span{color:var(--gray-color);font-size:calc(16 / var(--screensize) * 100vw);font-weight:400;line-height:128%}.selector.primary .selector-btn .icon{width:calc(14 / var(--screensize) * 100vw);height:calc(8 / var(--screensize) * 100vw)}.selector.primary .selector-btn .icon svg{width:100%;height:100%}.selector.primary .selector-btn .icon svg path{stroke:var(--gray-color)}.selector.link-selector.active .link-selector-btn .icon{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.selector.link-selector .link-selector-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:calc(10 / var(--screensize) * 100vw)}.selector.link-selector .link-selector-btn p,.selector.link-selector .link-selector-btn span{font-size:calc(16 / var(--screensize) * 100vw);font-weight:400;line-height:128%;color:var(--white-color);-webkit-transition:var(--trs-cubic-300);transition:var(--trs-cubic-300)}.selector.link-selector .link-selector-btn .icon{-webkit-transition:var(--trs-cubic-600);transition:var(--trs-cubic-600);width:calc(12 / var(--screensize) * 100vw);height:calc(12 / var(--screensize) * 100vw);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}.selector.link-selector .link-selector-btn .icon svg{width:calc(12 / var(--screensize) * 100vw);height:calc(12 / var(--screensize) * 100vw)}.selector .selector-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;padding:calc(0 / var(--screensize) * 100vw) calc(14 / var(--screensize) * 100vw) calc(0 / var(--screensize) * 100vw) calc(20 / var(--screensize) * 100vw);height:calc(48 / var(--screensize) * 100vw);border-radius:calc(6 / var(--screensize) * 100vw);background:var(--back-color)}.selector .selector-btn .icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:var(--trs-cubic-600);transition:var(--trs-cubic-600)}.selector .selector-btn input{display:none}.selector .selector-btn .selector-title p,.selector .selector-btn .selector-title span{display:block;white-space:nowrap;overflow:hidden;width:100%;text-overflow:ellipsis;padding:0!important;text-align:left;font-size:calc(16 / var(--screensize) * 100vw);font-weight:400;line-height:128%}.selector .selector-btn .selector-title .text-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.selector .selector-btn .selector-title .text-content.default-value p,.selector .selector-btn .selector-title .text-content.default-value span{color:var(--gray-light-color)}.selector .selector-btn .selector-title .text-content span{font-size:calc(14 / var(--screensize) * 100vw);font-weight:400;line-height:128%;-webkit-transition:var(--trs-300);transition:var(--trs-300);color:var(--txt-color)}.selector .selector-content{z-index:2;position:absolute;background:#fff;min-width:100%;opacity:0;-webkit-transform:translateY(-20%);-ms-transform:translateY(-20%);transform:translateY(-20%);pointer-events:none;-webkit-transition:var(--trs-300);transition:var(--trs-300);-webkit-box-shadow:var(--shadow);box-shadow:var(--shadow);border-radius:calc(20 / var(--screensize) * 100vw);padding:calc(24 / var(--screensize) * 100vw);max-height:calc(300 / var(--screensize) * 100vw);min-width:calc(294 / var(--screensize) * 100vw);overflow:auto;box-shadow:var(--shadow)}.selector .selector-content a{color:var(--gray-color)!important}.selector .selector-content .selector-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:calc(11 / var(--screensize) * 100vw)}.selector .selector-content .selector-list label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;-webkit-transition:var(--trs-300);transition:var(--trs-300);cursor:pointer}.selector .selector-content .selector-list label:hover p{color:var(--violet-color)}.selector .selector-content .selector-list label input{display:none}.selector .selector-content .selector-list label input:checked~p{color:var(--violet-color)}.selector .selector-content .selector-list label .text-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.selector .selector-content .selector-list label span{-webkit-transition:var(--trs-300);transition:var(--trs-300)}.selector .selector-content .selector-list label span{font-size:calc(14 / var(--screensize) * 100vw);font-weight:400;line-height:128%;-webkit-transition:var(--trs-300);transition:var(--trs-300)}.selector .selector-content .selector-list label span:hover{color:var(--pink-color)}@media (max-width:1440px){:root{--screensize:1440}}@media (max-width:992px){:root{--screensize:767}.selector .selector-btn{height:calc(38 / var(--screensize) * 100vw)}.selector .selector-btn .selector-title p,.selector .selector-btn .selector-title span{font-size:calc(14 / var(--screensize) * 100vw);font-weight:400;line-height:128%}.selector .selector-btn .selector-title .text-content.default-value p,.selector .selector-btn .selector-title .text-content.default-value span{font-size:calc(14 / var(--screensize) * 100vw);font-weight:400;line-height:128%}}@media (max-width:767px){:root{--screensize:360}}