.p-switch{font-family:var(--pocky-typography-base-font-family);font-size:var(--pocky-typography-base-font-size);font-weight:var(--pocky-typography-base-font-weight);letter-spacing:var(--pocky-typography-base-letter-spacing);line-height:var(--pocky-typography-base-line-height);--switch-width:2em;display:inline-flex;flex-direction:row;font-size:1rem;line-height:1;position:relative;-webkit-user-select:none;user-select:none}.p-switch-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;box-sizing:border-box;height:100%;left:0;margin:0;opacity:0;position:absolute;top:0;transform:translate(1px,1px);width:var(--switch-width)}.p-switch-label{font-family:var(--pocky-typography-label-font-family);font-size:var(--pocky-typography-label-font-size);font-weight:var(--pocky-typography-label-font-weight);letter-spacing:var(--pocky-typography-label-letter-spacing);line-height:var(--pocky-typography-label-line-height);cursor:pointer;display:block;padding-left:calc(var(--switch-width) + var(--pocky-gap-m));position:relative}.p-switch-label:before,.p-switch-label:after{box-sizing:border-box;content:"";display:block;left:0;pointer-events:none;position:absolute;top:1px}.p-switch-label:before{border:var(--pocky-border-std);border-radius:10em;box-sizing:border-box;height:1em;width:var(--switch-width)}.p-switch-label:after{background-color:var(--pocky-color-ui-contrast-90);border-radius:50%;box-sizing:border-box;height:.66em;left:0;transform:translate3d(25%,25%,0);width:.66em}.p-switch-checkbox:checked~.p-switch-label:before{background-color:var(--pocky-color-green-60)}.p-switch-checkbox:checked~.p-switch-label:after{transform:translate3d(175%,25%,0)}