#center-label,#left-label,#right-label{color:#30343a;cursor:pointer;z-index:10}.title{font-family:Pretendard;font-weight:600;letter-spacing:-.36px;line-height:27px;margin:0}#center-label .title,#left-label .title,#right-label .title,.title,.white-font{font-size:18px}.white-font{color:#fff!important;font-family:Pretendard;font-weight:500;letter-spacing:-.36px;line-height:27px;white-space:nowrap;width:117px}.main{background-color:#e1e4ea;height:55px;padding:4px;width:308px}.main,.switch-label{align-items:center;border-radius:100px;display:flex;justify-content:center}.switch-label{background-color:#30343a;position:absolute;transition:left .1s ease-in-out}.switch-label.left-to-center{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-name:leftToCenter;animation-name:leftToCenter}.switch-label.left-to-right{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-name:leftToRight;animation-name:leftToRight}.switch-label.left-position{height:47px;left:3px;width:117px}.left-title{left:4px;position:absolute}.left-title.white-font.show-spinner{left:14px;position:absolute}#left+label{width:89px}#left:checked+label{gap:6px;width:117px}@-webkit-keyframes leftToCenter{0%{left:4px}to{left:93px}}@keyframes leftToCenter{0%{left:4px}to{left:93px}}.switch-label.center-to-left{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-name:centerToLeft;animation-name:centerToLeft}.switch-label.center-to-right{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-name:centerToRight;animation-name:centerToRight}.switch-label.center-position{height:47px;left:93px;width:117px}.center-label{left:103px;position:absolute}.center-label.left{left:135px;position:absolute}.center-label.white-font.show-spinner{left:93px;position:absolute}#center+label,#center:checked+label{align-items:center;border-radius:100px;display:flex;justify-content:center}#center:checked+label{gap:6px}@-webkit-keyframes centerToLeft{0%{left:117px}to{left:5px}}@keyframes centerToLeft{0%{left:117px}to{left:5px}}@-webkit-keyframes centerToRight{0%{left:117px}to{left:187px}}@keyframes centerToRight{0%{left:117px}to{left:187px}}.switch-label.right-to-left{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-name:rightToLeft;animation-name:rightToLeft}.switch-label.right-to-center{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-name:rightToCenter;animation-name:rightToCenter}.switch-label.right-position{height:47px;left:187px;width:117px}.right-title{left:205px;position:absolute}.right-title.white-font.show-spinner{left:197px;position:absolute;width:157px}#right:checked+.right-title{align-items:center;border-radius:100px;display:flex;gap:6px;justify-content:center;width:100px}@-webkit-keyframes rightToCenter{0%{left:187px}to{right:117px}}@keyframes rightToCenter{0%{left:187px}to{right:117px}}.spinner{height:20px;width:20px}.svg{display:block}.border{fill:none;stroke:#6b7684;stroke-width:3}.progress{fill:none;stroke:#0b98ff;stroke-width:3;stroke-dasharray:62.8;stroke-dashoffset:62.8;-webkit-animation:progress 6.5s ease-in-out infinite;animation:progress 6.5s ease-in-out infinite;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes progress{to{stroke-dashoffset:0}}@keyframes progress{to{stroke-dashoffset:0}}@-webkit-keyframes spinning{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinning{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.Button{align-items:center;border-radius:12px;cursor:pointer;display:flex;font-family:Pretendard;font-size:22px;font-weight:500;gap:3px;justify-content:center;&:hover{opacity:.5}}input[type=radio]{display:none}label{color:#4e5968;cursor:pointer}label h4{font-size:16px;font-weight:600;margin:0}.black-font{color:#191f28!important}.main-container{align-items:center;background-color:#f2f4f6;border:1px solid #eceff2;border-radius:100px;display:inline-block;display:flex;height:50px;vertical-align:middle;width:201px}.switch{background-color:#fff;border-radius:100px;box-shadow:0 4px 7px rgba(0,0,0,.05);height:40px;left:5px;position:absolute;top:5px;transition:ease-in;width:94px}.switch.left-to-right{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:leftToRight;animation-name:leftToRight}.switch.left-position{left:6px}.left-label{left:4px;position:absolute}#left+label,#left:checked+label{align-items:center;border-radius:100px;display:flex;height:40px;justify-content:center;width:94px}@-webkit-keyframes leftToRight{0%{left:5px}to{left:101px}}@keyframes leftToRight{0%{left:5px}to{left:101px}}.switch.right-to-left{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-name:rightToLeft;animation-name:rightToLeft}.switch.right-position{left:101px}.right-label{position:absolute;right:6px}#right+label,#right:checked+label{align-items:center;border-radius:100px;display:flex;height:40px;justify-content:center;width:94px}@-webkit-keyframes rightToLeft{0%{left:101px}to{left:5px}}@keyframes rightToLeft{0%{left:101px}to{left:5px}}
/*# sourceMappingURL=main.dd39100f.css.map*/