.radio-toggles{align-items:center;background:#eee;border:1px solid #d3d3d3;border-radius:9999px;display:flex;justify-content:center;margin:20px auto;max-width:850px;padding:4px;position:relative}#custom-date-wrapper input{border-radius:9999px}.radio-switch__label{cursor:pointer;padding:5px;text-align:center;width:14.28%;z-index:2;margin:0}.slide-item{background:#fff;border-radius:9999px;box-shadow:0 2px 4px rgba(0,0,0,.15);height:calc(100% - 8px);left:calc(14.28% + 4px);position:absolute;width:calc(14.28% - 8px);transition:left .4s;z-index:0}.radio-switch__input[type=radio]{left:-9999px;position:absolute;z-index:-1}.radio-switch__input[type=radio]:first-of-type:checked~.slide-item{left:4px}.radio-switch__input[type=radio]:nth-of-type(2):checked~.slide-item{left:calc(14.28% + 4px)}.radio-switch__input[type=radio]:nth-of-type(3):checked~.slide-item{left:calc(28.56% + 4px)}.radio-switch__input[type=radio]:nth-of-type(4):checked~.slide-item{left:calc(42.84% + 4px)}.radio-switch__input[type=radio]:nth-of-type(5):checked~.slide-item{left:calc(57.12% + 4px)}.radio-switch__input[type=radio]:nth-of-type(6):checked~.slide-item{left:calc(71.4% + 4px)}.radio-switch__input[type=radio]:nth-of-type(7):checked~.slide-item{left:calc(85.68% + 4px)}@media (max-width:768px){.radio-toggles{flex-direction:column;border-radius:4px}.slide-item{width:103px;height:calc(10% + 4px);transition:top .4s;left:50%!important;transform:translateX(-50%)}.radio-switch__label{width:auto;margin:3px 0}.radio-switch__input[type=radio]:first-of-type:checked~.slide-item{top:6px}.radio-switch__input[type=radio]:nth-of-type(2):checked~.slide-item{top:calc(13.68% + 6px)}.radio-switch__input[type=radio]:nth-of-type(3):checked~.slide-item{top:calc(28.56% + 4px)}.radio-switch__input[type=radio]:nth-of-type(4):checked~.slide-item{top:calc(41.84% + 4px)}.radio-switch__input[type=radio]:nth-of-type(5):checked~.slide-item{top:calc(56.12% + 4px)}.radio-switch__input[type=radio]:nth-of-type(6):checked~.slide-item{top:calc(70.12% + 4px);width:120px}.dateStyle{padding:50px 0 7px;transition:top .4s}.dateStyle #custom-date-wrapper{position:absolute!important;margin-top:4px}.dateStyle label:not(:nth-of-type(7)){display:none}.dateStyle label:nth-of-type(7){margin-top:10px}.dateStyle .radio-switch__input[type=radio]:nth-of-type(7):checked~.slide-item{top:calc(56.1% + 4px);height:30px}.custom-date{top:4px!important;left:4px!important;width:calc(100% - 8px)!important;position:absolute!important}}