.customCheckboxPillsContainer{display:flex;flex-wrap:wrap}.customCheckboxPill{align-items:center;background-color:#e6e6e6;border-radius:50px;box-sizing:border-box;cursor:pointer;display:flex;float:none;height:2rem;line-height:1.5;margin-bottom:.5rem;margin-right:.5rem;padding-left:.5rem;padding-right:.5rem;position:relative;transition:background-color .5s;user-select:none;width:auto;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none}.customCheckboxPill__checkbox{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.customCheckboxPill__checkbox:checked ~ .customCheckboxPill__customCheck{animation:fadeInOpacity 0.5s;background-color:#96d2ff;display:block;height:100%;left:0;position:absolute;transition:background-color .5s;width:100%}.customCheckboxPill__checkbox:checked ~ .customCheckboxPill__customCheck:after{display:block}.customCheckboxPill__checkbox:checked ~ .customCheckboxPill__labelText{padding-left:20px;transition:padding-left .5s}.customCheckboxPill__checkbox:checked:hover ~ .customCheckboxPill__customCheck{background-color:#96d2ff;transition:background-color .5s}.customCheckboxPill__checkbox:focus-visible ~ .customCheckboxPill__labelText{outline:1px solid #5fafe1}.customCheckboxPill__labelText{transition:padding-left .5s;z-index:9}.customCheckboxPill__customCheck{background-color:transparent;border-radius:50px;display:none;height:0;transition:display .5s, background-color .5s;width:0}.customCheckboxPill__customCheck:after{border:solid #000;border-width:0 3px 3px 0;content:"";display:none;height:8px;left:12px;position:absolute;top:calc(50% - 7px);transform:rotate(45deg);width:4px;-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg)}.customCheckboxPill:hover{background-color:#96d2ff;transition:background-color .5s}@keyframes fadeInOpacity{0%{opacity:0}100%{opacity:1}}