| 1 |
.fpf-choice-field .grid-x>.cell.medium-12:not(:last-of-type){margin-bottom:.5em}.fpf-choice-field .grid-x>.cell.medium-12:only-of-type{margin-bottom:0}.fpf-choice-field .grid-x>.cell.medium-12+.cell{margin-top:0}.fpf-choice-field .grid-x>.cell.medium-12:last-of-type{margin-top:0}.fpf-choice-field .choice-item{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fpf-choice-field .choice-item input{display:none}.fpf-choice-field .choice-item input:checked+label .action::before{border-color:#3071a9}.fpf-choice-field .choice-item input:checked+label .action .inner{opacity:1}.fpf-choice-field .choice-item input[type="radio"]+label .action .inner,.fpf-choice-field .choice-item input[type="radio"]+label .action::before{border-radius:50%}.fpf-choice-field .choice-item input:checked+label .action::before{opacity:1}.fpf-choice-field .choice-item input[type="checkbox"]{display:none}.fpf-choice-field .choice-item input[type="checkbox"]:checked+label .action .inner{background:#3071a9;border-color:#3071a9}.fpf-choice-field .choice-item input[type="checkbox"]:checked+label .action .inner:hover:after{opacity:1}.fpf-choice-field .choice-item input[type="checkbox"]:checked+label .action .inner:after{opacity:1;border-color:#fff}.fpf-choice-field .choice-item input[type="checkbox"]+label .action:active .inner:after{opacity:.3}.fpf-choice-field .choice-item input[type="checkbox"]+label .action .inner{display:inline-block;left:0;top:0;width:18px;height:18px;margin:0;vertical-align:middle;-webkit-transition:background .2s ease;transition:background .2s ease;border-radius:0;font-size:14px;cursor:pointer}.fpf-choice-field .choice-item input[type="checkbox"]+label .action .inner:hover:after{opacity:.2}.fpf-choice-field .choice-item input[type="checkbox"]+label .action .inner:after{content:'';opacity:0;-webkit-transform:translateZ(1px) rotate(-45deg);transform:translateZ(1px) rotate(-45deg);outline:1px solid transparent;position:absolute;top:24%;left:20%;width:.61em;height:.25em;border:.15em solid #222;border-top:none;border-right:none;background:rgba(0,0,0,0)}.fpf-choice-field .choice-item label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fpf-choice-field .choice-item label .action::after{content:'';display:block;opacity:0;position:absolute;-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);z-index:0;left:-8px;top:-8px;background:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;width:calc(100% + 16px);height:calc(100% + 16px);border-radius:50%}.fpf-choice-field .choice-item label:hover .action::after{background-color:rgba(32,33,36,0.059);border:none;-webkit-box-shadow:none;box-shadow:none;opacity:1;-webkit-transform:scale(1);transform:scale(1)}.fpf-choice-field .choice-item label:hover .action::before{border-color:#999}.fpf-choice-field .choice-item label .action{border:none;position:relative;z-index:0;line-height:18px;color:#202124;margin-right:8px;width:18px;height:18px;outline:0}.fpf-choice-field .choice-item label .action .inner{content:'';display:block;opacity:0;position:absolute;left:5px;top:5px;width:8px;height:8px;background:#3071a9;-webkit-transition:all .2s ease;transition:all .2s ease}.fpf-choice-field .choice-item label .action::before{content:'';cursor:pointer;display:inline-block;width:16px;height:16px;border:1px solid #d4d4d4} |
