.dater[data-v-65e31b0b]{position:relative}.dater .input-group[data-v-65e31b0b]{display:flex;flex-direction:column;margin-bottom:1.5rem;cursor:pointer}.dater .input-group label[data-v-65e31b0b]{font-size:.8rem;font-weight:700;color:#597181;margin-bottom:4px}.dater .input-group .fake-input[data-v-65e31b0b]{border:none;background-color:#f2f5fa;border-radius:4px 4px 4px 4px;font-size:1rem;color:#545d69;font-weight:500;transition:all .2s ease-in-out;width:100%;height:45px;display:flex;align-items:center;position:relative;transition:background-color .5s ease-in-out}.dater .input-group .fake-input span[data-v-65e31b0b]{height:100%;display:inline-block;flex-grow:1;position:relative}.dater .input-group .fake-input span+span[data-v-65e31b0b]:before{content:"";position:absolute;left:0;top:10px;width:1px;height:calc(100% - 20px);background-color:#e8ebf8;z-index:0}.dater .input-group .fake-input .pointer[data-v-65e31b0b]{position:absolute;z-index:1;width:20%;height:100%;left:0;transform:translateX(0);transition:transform .5s cubic-bezier(.6,.15,.15,1.4);display:flex;justify-content:center;align-items:center}.dater .input-group .fake-input .pointer .point[data-v-65e31b0b]{margin:0 0 0 0;width:33px;height:33px;background-color:#5774e1;box-shadow:0 0 4px 1px #5774e1;border-radius:50%;transition:background-color .15s ease-in-out}.dater .input-group.first .fake-input[data-v-65e31b0b],.dater .input-group.first .fake-input span[data-v-65e31b0b]:before{background-color:rgba(255,71,71,.1)}.dater .input-group.first .fake-input .pointer[data-v-65e31b0b]{transform:translateX(100%)}.dater .input-group.first .fake-input .pointer .point[data-v-65e31b0b]{background-color:#ff4848;box-shadow:0 0 4px 1px #ff4848}.dater .input-group.first p.fixed[data-v-65e31b0b]{color:#ff4848}.dater .input-group.second .fake-input[data-v-65e31b0b],.dater .input-group.second .fake-input span[data-v-65e31b0b]:before{background-color:rgba(255,139,72,.1)}.dater .input-group.second .fake-input .pointer[data-v-65e31b0b]{transform:translateX(200%)}.dater .input-group.second .fake-input .pointer .point[data-v-65e31b0b]{background-color:#ff8b48;box-shadow:0 0 4px 1px #ff8b48}.dater .input-group.second p.fixed[data-v-65e31b0b]{color:#ff8b48}.dater .input-group.third .fake-input[data-v-65e31b0b]{background-color:rgba(255,206,72,.15)}.dater .input-group.third .fake-input span[data-v-65e31b0b]:before{background-color:rgba(255,206,72,.3)}.dater .input-group.third .fake-input .pointer[data-v-65e31b0b]{transform:translateX(300%)}.dater .input-group.third .fake-input .pointer .point[data-v-65e31b0b]{background-color:#ffce48;box-shadow:0 0 4px 1px #ffce48}.dater .input-group.third p.fixed[data-v-65e31b0b]{color:#ffce48}.dater .input-group.fourth .fake-input[data-v-65e31b0b],.dater .input-group.fourth .fake-input span[data-v-65e31b0b]:before{background-color:rgba(3,173,3,.1)}.dater .input-group.fourth .fake-input .pointer[data-v-65e31b0b]{transform:translateX(400%)}.dater .input-group.fourth .fake-input .pointer .point[data-v-65e31b0b]{background-color:#03ad03;box-shadow:0 0 4px 1px #03ad03}.dater .input-group.fourth p.fixed[data-v-65e31b0b]{color:#03ad03}.dater .input-group p.fixed[data-v-65e31b0b]{position:absolute;font-size:.8rem;margin:.3rem 0 0;font-weight:500}