@layer design-system{.pacifico-ui-switch-toggle{position:relative;display:inline-block;width:2.5rem;height:1.5rem}.pacifico-ui-switch-toggle__input{opacity:0;position:absolute;appearance:none;width:100%;height:100%;border:var(--pacifico-ui-size-borders-stroke-thin,1px) solid black;border-radius:2.125rem;margin:0;z-index:4}.pacifico-ui-switch-toggle__input:checked+.pacifico-ui-switch-toggle__slider{background-color:var(--pacifico-ui-color-brand-cyan-600,#0080aa)}.pacifico-ui-switch-toggle__input:checked+.pacifico-ui-switch-toggle__slider:before{background-color:var(--pacifico-ui-color-brand-grayscale-10,#ffffff);transform:translateX(1.063rem)}.pacifico-ui-switch-toggle__input:checked:hover+.pacifico-ui-switch-toggle__slider,.pacifico-ui-switch-toggle__input:checked[data-hover=true]+.pacifico-ui-switch-toggle__slider{background-color:var(--pacifico-ui-color-brand-cyan-800,#004c66)}.pacifico-ui-switch-toggle__input:hover+.pacifico-ui-switch-toggle__slider,.pacifico-ui-switch-toggle__input[data-hover=true]+.pacifico-ui-switch-toggle__slider{background-color:var(--pacifico-ui-color-brand-grayscale-300,#d4dbde);transition:none}.pacifico-ui-switch-toggle__input:hover+.pacifico-ui-switch-toggle__slider:before,.pacifico-ui-switch-toggle__input[data-hover=true]+.pacifico-ui-switch-toggle__slider:before{background-color:var(--pacifico-ui-color-brand-cyan-50,#e8f9ff)}.pacifico-ui-switch-toggle__input:disabled{cursor:not-allowed}.pacifico-ui-switch-toggle__input:disabled+.pacifico-ui-switch-toggle__slider{background-color:var(--pacifico-ui-color-brand-grayscale-200,#e7ebed);cursor:default}.pacifico-ui-switch-toggle__input:disabled+.pacifico-ui-switch-toggle__slider:before{background-color:var(--pacifico-ui-color-brand-grayscale-50,#f9fafb)}.pacifico-ui-switch-toggle__input:disabled:hover+.pacifico-ui-switch-toggle__slider{background-color:var(--pacifico-ui-color-brand-grayscale-200,#e7ebed)}.pacifico-ui-switch-toggle__slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--pacifico-ui-color-brand-grayscale-300,#d4dbde);padding:.125rem;transition:.4s;border-radius:2.125rem;display:flex;align-items:center}.pacifico-ui-switch-toggle__slider:before{display:block;content:"";clip-path:circle(50%);height:1.188rem;width:1.188rem;background-color:var(--pacifico-ui-color-brand-grayscale-50,#f9fafb);transition:transform .4s;border-radius:var(--pacifico-ui-size-borders-radius-7,100px)}}