.select-box button:after{background:url(../../images/chevron-down.svg) no-repeat 50%;content:"";float:right;height:13px;position:absolute;right:14px;top:50%;transform:translateY(-50%);transition:all .2s ease-in-out;width:20px}.select-box button{color:var(--undpds-color-black);cursor:pointer;font-size:var(--undpds-font-size-16);font-weight:600;line-height:1.125rem;margin:0;padding:var(--undpds-spacing-05) var(--undpds-spacing-50) var(--undpds-spacing-05) var(--undpds-spacing-05);position:relative;text-transform:uppercase}.select-box button,.select-box ul{border:2px solid var(--undpds-color-black);width:100%}.select-box ul{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:none;min-height:100px;padding:0 var(--undpds-spacing-05)}.select-box ul:focus{box-shadow:0 0 4px var(--undpds-color-blue-800);outline:0}[dir=rtl] .select-box button{padding-left:3.125rem;padding-right:var(--undpds-spacing-05);text-align:right}[dir=rtl] .select-box button:after{left:16px;margin:0;right:auto}.select-box ul.active{background-color:var(--undpds-color-white)}.select-box ul li{border-top:1px solid var(--undpds-color-gray-400);cursor:pointer;margin-bottom:0;padding:0}.select-box{color:var(--undpds-color-black);display:flex;flex-direction:column;font-size:var(--undpds-font-size-32);height:52px;max-width:18.5rem;position:relative}.select-box.expanded button:after{transform:translateY(-50%) rotate(-180deg)}.select-box button{background:var(--undpds-color-white);display:flex}.select-box ul{background-color:var(--undpds-color-white);order:1;position:absolute;top:51px;transition:all .4s cubic-bezier(.64,.05,.35,1.05);z-index:20}.select-box ul.active{border-top:0;display:block;overflow-y:auto}.select-box ul::-webkit-scrollbar{background-color:rgba(0,0,0,.3);width:4px}.select-box ul::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.6)}.select-box ul li{display:block;position:relative}.select-box ul li span{display:block;font-size:var(--undpds-font-size-16);margin:0 -1rem;padding:var(--undpds-spacing-05)}.select-box ul li span:hover{background-color:var(--undpds-color-gray-100)}[dir=rtl] .select-box ul{padding:0 var(--undpds-spacing-05)}[dir=rtl] .select-box ul li{padding-right:0}:lang(my) .options-container{top:52px}:lang(my) .select-box button{font-family:var(--undpds-font-family-notosans)}