.dateRange section{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.dateRange .dateRangeItem{display:flex;flex:1;flex-direction:column}.dateRange .formLabel{color:var(--greyColor02);font-size:16px;font-weight:400;margin-bottom:10px}.dateRange .datePickerBox{position:relative}.dateRange .inputWrapper{position:relative;width:100%}.dateRange .defaultFormItem{background-color:var(--whiteColor);border:1px solid transparent;border-radius:10px;color:var(--greyColor02);font-size:15px;font-weight:500;padding:12px 60px 12px 70px;width:100%}.dateRange .defaultFormItem.focus{outline:1px solid var(--mainColor)}.dateRange .btnAppend{border-right:2px solid var(--mainColor);height:20px;left:20px;padding-right:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:37px}.dateRange .btnAppend .iconMask{--iconColor:var(--mainColor);--iconSize:20px}.dateRange .btnClear{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:0;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.dateRange .btnClear .iconMask{--iconColor:var(--greyColor02);--iconSize:16px}.mobile .dateRange{flex-direction:column}.mobile .dateRange .defaultFormItem{padding:6px 0}.mobile .dateRange .formLabel{font-size:14px;margin-bottom:5px}.mobile .dateRange .btnAppend{height:20px;left:10px;padding-right:6px;width:30px}.mobile .dateRange .btnClear{right:10px}.mobile .dateRange .mySelectList{padding:0 0 0 10px}.mobile .dateRange .mySelectList .mySelectListIcon{padding-right:7px}.mobile .dateRange .mySelectList .selectWrapper{padding:0;width:calc(100% - 30px)}