| 1 |
:root{--fpf-white: #fff;--fpf-black: #000;--fpf-body-font-color: #41495B;--fpf-body-font-color-rgba: 65, 73, 91;--fpf-red: #ee2a11;--fpf-red-darker: #bd1600;--fpf-orange: #ff9431;--fpf-orange-darker: #bd5b00;--fpf-blue: #2539e9;--fpf-blue-darker: #0013bd;--fpf-999: #999}.fpf-choice-field .grid-x>.cell.medium-12:not(:last-of-type){margin-bottom:.5em}.fpf-choice-field .grid-x>.cell.medium-12+.cell{margin-top:0}.fpf-choice-field .grid-x>.cell.medium-12:last-of-type:not(:first-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:var(--fpf-blue)}.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:var(--fpf-blue);border-color:var(--fpf-blue)}.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 rgba(0,0,0,0);position:absolute;top:4px;left:3px;width:10px;height:4px;border:2px 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,.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:var(--fpf-blue);-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}.fpf-choice-field.fpf-hidden-choice-input label .action{display:none}.fpf-choice-field.fpf-choice-label-link label{color:var(--fpf-blue)}.fpf-choice-field.fpf-choice-label-link label:hover{text-decoration:underline} |
