.stay-toggle__wrapper{--st-wrapper-width: 200px;--st-wrapper-height: auto;--st-container-bg-color: transparent;--st-container-shadow-color: #c5d6d6;--st-knob-size: 15px;--st-knob-margin: 6px;--st-knob-movement: calc(var(--st-knob-size) / 2);--st-btn-width: calc(var(--st-knob-movement) + (var(--st-knob-margin) * 2) + (var(--st-knob-size) * 2));--st-btn-height: calc(var(--st-knob-size) + (var(--st-knob-margin) * 2));--st-knob-left-text: " ";--st-knob-right-text: " ";--st-knob-left-text-color: #fff;--st-knob-left-color: #ffffff;--st-knob-right-color: #ffffff;--st-btn-left-bg-color: #aeaeae;line-height:1;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:relative;width:var(--st-wrapper-width);height:var(--st-wrapper-height);box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:1;max-width:60px}@media screen and (min-width:768px){.stay-toggle__wrapper{max-width:60px}}.stay-toggle__wrapper *{line-height:1;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.stay-toggle__wrapper .gd{display:grid}.stay-toggle__wrapper .stay-toggle__container{position:relative;margin:0;background-color:var(--st-container-bg-color);box-shadow:0 10px 20px -8px var(--st-container-shadow-color);border-radius:4px}@media screen and (min-width:768px){.stay-toggle__wrapper .stay-toggle__container{margin:10px 10px 10px 0}}.stay-toggle__wrapper .stay-toggle__knob,.stay-toggle__wrapper .stay-toggle__btn-bg{position:absolute;top:0;right:0;bottom:0;left:0}.stay-toggle__wrapper .stay-toggle__btn{position:relative;width:var(--st-btn-width);height:var(--st-btn-height);margin:auto;overflow:hidden}.stay-toggle__wrapper .stay-toggle__btn.btn-pill,.stay-toggle__wrapper .stay-toggle__btn.btn-pill>.stay-toggle__btn-bg{border-radius:100px}.stay-toggle__wrapper .stay-toggle__checkbox{position:relative;width:100%;height:100%;padding:0;margin:0;opacity:0;cursor:pointer;z-index:3}.stay-toggle__wrapper .stay-toggle__knob{z-index:2;transition:.3s ease all}.stay-toggle__wrapper .stay-toggle__btn-bg{width:100%;background-color:var(--st-btn-left-bg-color);transition:.3s ease all;z-index:1}.stay-toggle__wrapper #button-1 .stay-toggle__knob:before{content:var(--st-knob-left-text);position:absolute;top:var(--st-knob-margin);left:var(--st-knob-margin);width:var(--st-knob-size);height:var(--st-knob-size);color:var(--st-knob-left-text-color);font-size:10px;font-weight:700;text-align:center;line-height:1;padding:calc(var(--st-knob-size) / 2) var(--st-knob-margin);background-color:var(--st-knob-left-color);border-radius:50%;transition:.3s cubic-bezier(.18,.89,.35,1.15) all}.stay-toggle__wrapper #button-1 .stay-toggle__checkbox:checked+.stay-toggle__knob:before{content:var(--st-knob-right-text);left:calc(var(--st-knob-movement) + var(--st-knob-size) + var(--st-knob-margin));background-color:var(--st-knob-right-color)}.stay-toggle__wrapper #button-1 .stay-toggle__checkbox:checked~.stay-toggle__btn-bg{background-color:var(--st-btn-right-bg-color)}
/*# sourceMappingURL=/cdn/shop/t/48/assets/stayai-toggle.css.map */