.double-pill-container{z-index:2;background:#3454f4;border-radius:9999px;justify-content:center;align-items:center;width:100%;max-width:420px;margin:1.2rem auto 0;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 18px #1e28501a,0 1px 4px #5050780f}.double-pill-btn{color:#fff;cursor:pointer;text-align:center;z-index:1;letter-spacing:.01em;box-shadow:none;background:0 0;border:none;border-radius:9999px 0 0 9999px;outline:none;flex:1 1 0;padding:.55rem 0;font-size:1rem;font-weight:700;transition:color .18s,box-shadow .18s,transform .18s;position:relative}.double-pill-btn:last-child{color:#fff;background:0 0;border-radius:0 9999px 9999px 0}.double-pill-btn:hover,.double-pill-btn:focus{color:#ffe082;z-index:2;transform:scale(1.045);box-shadow:0 0 0 4px #5b7cff21,0 6px 24px #5b7cff1a}.double-pill-btn:active{color:#ffd54f;transform:scale(.98);box-shadow:0 0 0 6px #5b7cff2e,0 8px 32px #5b7cff21}.double-pill-divider-line{z-index:3;background:#fff;border-radius:1rem;width:.18rem;height:70%;position:absolute;top:15%;left:50%;transform:translate(-50%);box-shadow:0 .5px 2px #1e28501a}@media (max-width:600px){.double-pill-divider-line{width:.14rem;height:65%}.double-pill-container{flex-direction:row;min-width:0;max-width:100%;margin-left:.5rem;margin-right:.5rem;padding-left:0;padding-right:0}.double-pill-btn,.double-pill-btn:last-child{border-radius:9999px 0 0 9999px;width:50%;min-width:0;padding:.5rem 0;font-size:.95rem}.double-pill-btn:last-child{border-radius:0 9999px 9999px 0}.double-pill-divider{border-width:2px;width:1.6rem;height:1.6rem;margin:0;font-size:.85rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}