::selection{color: #fff;background: #f85bb9;}.wrapper{background: #fff;border-radius: 15px;padding: 25px;max-width: 380px;width: 100%;box-shadow: 0px 5px 10px rgba(0,0,0,0.1);}.wrapper header{font-size: 22px;font-weight: 600;}.wrapper .poll-area{margin: 20px 0 15px 0;}.poll-area label{display: block;margin-bottom: 10px;border-radius: 5px;padding: 5px 15px;border: 2px solid #e6e6e6;transition: all 0.2s ease;}.poll-area label:hover{border-color: #ddd;}label.selected{border-color: #f85bb9!important;}label .row{display: flex;pointer-events: none;justify-content: space-between;}label .row .column{display: flex;align-items: center;}label .row .circle{height: 19px;width: 19px;display: block;border: 2px solid #ccc;border-radius: 50%;margin-right: 10px;position: relative;}label.selected .row .circle{border-color: #f85bb9;}label .row .circle::after{content: "";height: 11px;width: 11px;background: #f85bb9;border-radius: inherit;position: absolute;left: 2px;top: 2px;display: none;}.poll-area label:hover .row .circle::after{display: block;background: #e6e6e6;}label.selected .row .circle::after{display: block;background: #f85bb9!important;}label .row span{font-size: 15px;font-weight: 500;}label .row .percent{display: none;}label .progress{height: 7px;width: 100%;position: relative;background: #f0f0f0;margin: 0px 0 3px 0;border-radius: 30px;display: none;pointer-events: none;}label .progress:after{position: absolute;content: "";height: 100%;background: #ccc;width: calc(1% * var(--w));border-radius: inherit;transition: all 0.2s ease;}label.selected .progress::after{background: #f85bb9;}label.selectall .progress,label.selectall .row .percent{display: block;}input[type="radio"],input[type="checkbox"]{display: none;}