.ycj-sock-toggle{margin:24px 0;padding:clamp(20px,1.85vw,24px);border:2px dashed #FAD224;border-radius:8px;background:#ffecc1;width:100%}.ycj-sock-toggle__header{text-align:center}.ycj-sock-toggle__heading{color:#000;text-transform:uppercase;font-weight:700;font-size:clamp(17px,1.5vw,20px);line-height:1.3;margin:0 0 4px}.ycj-sock-toggle__subtitle{color:#000;font-size:clamp(14px,1.2vw,16px);margin:0}.ycj-sock-toggle__row{display:flex;align-items:flex-end;justify-content:center;gap:clamp(10px,1.5vw,20px)}.ycj-sock-toggle__fans-row{display:contents}.ycj-sock-toggle__fans-row .ycj-sock-toggle__fans:first-child{order:-1}.ycj-sock-toggle__fans-row .ycj-sock-toggle__fans:last-child{order:1}.ycj-sock-toggle__fans{height:clamp(52px,4.7vw,64px);width:clamp(48px,4.4vw,60px);display:flex;flex-direction:column;align-items:center;gap:6px;flex:0 0 auto}.ycj-sock-toggle__fans-label{font-weight:700;font-size:clamp(10px,.9vw,12px);letter-spacing:.04em;text-transform:uppercase;color:#000}.ycj-sock-toggle__fans-digits{display:flex;align-items:center;gap:2px}.ycj-sock-toggle__digit{display:inline-flex;align-items:center;justify-content:center;min-width:clamp(22px,2.2vw,30px);height:clamp(30px,2.8vw,38px);padding:6px 6px 0;background-position:center;background-size:100% 100%;background-repeat:no-repeat;font-family:Fredoka,sans-serif;font-weight:600;font-size:clamp(17px,2vw,28px);color:#000}.ycj-sock-toggle__pill{box-shadow:2px 2px #000;order:0;display:flex;align-items:stretch;flex:1 1 auto;max-width:328px;height:clamp(38px,3.5vw,48px);background:#fff9ed;border:2px solid black;border-radius:999px;padding:4px;overflow:hidden}.ycj-sock-toggle__option{flex:1 1 50%;display:flex;align-items:center;justify-content:center;text-align:center;padding:10px clamp(8px,1.7vw,24px);border-radius:999px;font-weight:700;font-size:clamp(12px,1.15vw,16px);letter-spacing:.01em;text-transform:uppercase;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ycj-sock-toggle__option--active{background:#ffb797;color:#241104}.ycj-sock-toggle__option--link{color:#000;transition:background-color .15s ease,color .15s ease}.ycj-sock-toggle__option--link:hover,.ycj-sock-toggle__option--link:focus-visible{background:#fbdd8e;color:#241104}@media(max-width:768px){.ycj-sock-toggle{padding:24px}.ycj-sock-toggle__heading{font-size:20px}.ycj-sock-toggle__subtitle{font-size:16px}.ycj-sock-toggle__row{gap:20px}.ycj-sock-toggle__fans{height:64px;width:60px}.ycj-sock-toggle__fans-label{font-size:12px}.ycj-sock-toggle__digit{min-width:30px;height:38px;font-size:28px}.ycj-sock-toggle__pill{height:48px}.ycj-sock-toggle__option{padding:10px 24px;font-size:16px}}@media(max-width:660px){.ycj-sock-toggle__row{flex-direction:column;align-items:center;gap:16px}.ycj-sock-toggle__subtitle{margin-bottom:16px}.ycj-sock-toggle__fans-row{display:flex;align-items:flex-end;gap:20px;width:200px;justify-content:space-between}.ycj-sock-toggle__fans-row .ycj-sock-toggle__fans:first-child,.ycj-sock-toggle__fans-row .ycj-sock-toggle__fans:last-child{order:0}.ycj-sock-toggle__pill{max-width:100%}}@media(max-width:480px){.ycj-sock-toggle{padding:20px 16px}}@media(max-width:400px){.ycj-sock-toggle__option{padding:12px;font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/ycj-sock-toggle.css.map */