.double-switch[data-v-c24ca54f]{background:#6c8f8f;border:3px solid #6c8f8f;border-radius:50px;display:inline-block;min-width:184px;overflow:hidden;position:relative}@media only screen and (max-width:767px){.double-switch[data-v-c24ca54f]{min-width:156px}}.double-switch__label[data-v-c24ca54f]{align-items:center;color:#314240;cursor:pointer;display:flex;float:left;font-family:Roboto,Noto Sans TC,sans-serif;font-size:1.25rem;font-weight:700;justify-content:center;letter-spacing:.025rem;line-height:1.8;padding:6px 16px;position:relative;transition:all .2s}@media only screen and (max-width:767px){.double-switch__label[data-v-c24ca54f]{font-family:Roboto,Noto Sans TC,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.02rem;line-height:1.8;padding:4px 12px}}.double-switch__label:has(p:focus-visible) span[data-v-c24ca54f]{border:6px dashed #d58f05}.double-switch__label:has(p:focus-visible) .not-active[data-v-c24ca54f]{border-radius:50px;outline:6px dashed #d58f05}.double-switch__label p[data-v-c24ca54f]{position:relative;z-index:3}.double-switch__input[data-v-c24ca54f]{display:none}.color-block[data-v-c24ca54f]{background:#f7f7f3;border-radius:50px;box-shadow:0 0 0 2px #3142401a;display:block;height:100%;opacity:0;position:absolute;top:50%;transform:translateY(-50%);width:100%;z-index:2}.double-switch__input+.label-left .color-block[data-v-c24ca54f]{animation:slideOutToRight-c24ca54f .3s ease 1}.double-switch__input:checked+.label-left .color-block[data-v-c24ca54f]{animation:slideInToLeft-c24ca54f .3s ease 1;opacity:1;z-index:1}.double-switch__input+.label-right .color-block[data-v-c24ca54f]{animation:slideOutToLeft-c24ca54f .3s ease 1}.double-switch__input:checked+.label-right .color-block[data-v-c24ca54f]{animation:slideInToRight-c24ca54f .3s ease 1;opacity:1;z-index:1}@keyframes slideInToLeft-c24ca54f{0%{transform:translate(100%) translateY(-50%)}30%{transform:translate(0) translateY(-50%)}to{height:100%}}@keyframes slideInToRight-c24ca54f{0%{transform:translate(-100%) translateY(-50%)}30%{transform:translate(0) translateY(-50%)}to{height:100%}}@keyframes slideOutToRight-c24ca54f{0%{opacity:1;width:200%}80%{opacity:1}to{transform:translate(100%) translateY(-50%);width:100%}}@keyframes slideOutToLeft-c24ca54f{0%{opacity:1;width:200%}80%{opacity:1}to{transform:translate(-100%) translateY(-50%);width:100%}}