.mySelect{display:flex;flex:1;flex-direction:column}.defaultForm .mySelectList.itemMain{height:50px}.mySelectList{align-items:center;background-color:var(--whiteColor);border:1px solid transparent;border-radius:10px;color:var(--greyColor02);display:flex;justify-content:flex-start;padding:8px 17px 7px;position:relative;width:100%}.mySelectList .mySelectListIcon{align-items:center;border-right:2px solid var(--mainColor);color:#fff;display:flex;height:20px;margin-right:5px;padding-right:15px}.mySelectList .mySelectListIcon:has(>.d-none){display:none}.mySelectList .mySelectListIcon .iconMask{--iconColor:var(--mainColor);--iconSize:20px}.mySelectList .mySelectListClearIcon,.mySelectList .mySelectListTrailing{align-items:center;display:flex;justify-content:center}.mySelectList .iconMask,.mySelectList .mySelectListClearIcon .iconMask,.mySelectList .mySelectListTrailing .iconMask{--iconColor:var(--mainColor);--iconSize:20px}.mySelectList .selectWrapper{width:calc(100% - 42px)}.mySelectList .selectWrapper input,.mySelectList .selectWrapper ul{background-color:var(--whiteColor);color:var(--greyColor02);font-size:15px}.mySelectList .selectWrapper .truncate{font-size:15px;text-align:left;width:100%}.mySelectList .selectWrapper .truncate:focus-visible{outline:0!important}.mySelectList .selectWrapper .truncate option:focus-visible{outline:0!important}.mySelectList .selectWrapper .selectIcon{padding-right:0!important}.mySelectList .selectWrapper .selectIcon .iconMask{--iconSize:20px;--iconColor:var(--greyColor02)}.mySelectList .selectWrapper .defaultFormItem{appearance:none;-webkit-appearance:none;-moz-appearance:none}.selectItem .selectGroup .group:not([data-disabled]){padding-left:15px!important}
