/*!
  * Principal Design System
  * Component: switch
  * Version: 4.0.0
  * Build Date: 8/16/2021, 11:19:57 AM
  * Repo: https://scm.principal.com/projects/GCBIDESIGN/repos/principal-design-system/browse
  * Cormorant Infant Font licensing: https://www.principalcdn.com/css/principal-design-system/pds/latest/fonts/cormorant-infant/OFL.txt
  * Work Sans Font licensing: https://www.principalcdn.com/css/principal-design-system/pds/latest/fonts/worksans/OFL.txt
  * Coded @ Principal with love
  */
.pds-switch-flex label,.pds-switch>label{font-family:"FS Elliot Web Bold","FS Elliot Web Regular",Arial,arial,sans-serif;-webkit-tap-highlight-color:transparent}.pds-switch{display:flex;align-items:center;height:100%}.pds-switch>input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pds-switch>label{position:relative;display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pds-switch>:disabled+label,.pds-switch>:disabled:checked+label{color:#616267;cursor:not-allowed}.pds-switch>label:after{content:'';display:block;border:1px solid #616267;border-radius:12px;background-color:#f6f6f8;height:24px;width:48px;margin-left:16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.pds-switch>label:before{content:'';position:absolute;background-color:#fff;width:calc(24px - 6px);height:calc(24px - 6px);right:27px;top:4px;border:1px solid #616267;border-radius:50%;z-index:1;transition:transform .2s cubic-bezier(.4,0,.2,1)}.pds-switch>:checked+label:after{background-color:#035fa4;border-color:#035fa4}.pds-switch>:checked+label:before{border:none;transform:translate(24px)}.pds-switch>:focus+label:after{box-shadow:0 1px 1px rgba(0,0,0,.075),0 0 3px #0091da}.pds-switch>:disabled+label:after,.pds-switch>:disabled+label:before{background-color:#fff;border-color:#c5c6c5}.pds-switch>:disabled:checked+label:before{background-color:#fff;border-color:none}.pds-switch>:disabled:checked+label:after{background-color:#c5c6c5;border-color:#c5c6c5}.pds-switch-flex{display:flex;justify-content:space-between}.pds-switch-flex label{position:relative;display:inline-flex;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pds-switch-flex .pds-switch>label::before{top:3px}