@import url(https://fonts.googleapis.com/css?family=Karla:400,400i,700,700i);
@import url(https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700);
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,600,700);
@import url(https://fonts.googleapis.com/css?family=Karla:400,400i,700,700i);
@import url(https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700);
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,600,700);
@import url(https://fonts.googleapis.com/css?family=Karla:400,400i,700,700i);
@import url(https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700);
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,600,700);
@import url(https://fonts.googleapis.com/css?family=Karla:400,400i,700,700i);
@import url(https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700);
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,600,700);
header{align-items:center;display:flex;gap:50px;padding:20px 15px}

header .logo svg{height:24px;width:209px}

@media(width >= 1280px){
header{margin:0 auto;width:1280px}}

:root{--preview-color: #f5bd51}

.content{align-items:center;display:flex;flex-direction:column;font-family:inter,helvetica,"Helvetica Neue",sans-serif}

.content p{margin:0 0 10px}

.preview{background-color:var(--preview-color);border-radius:5px;display:flex;flex-direction:row;margin:20px;width:327px}

@media screen and (min-width: 768px){
.preview{width:580px}}

.preview__icon{align-items:center;display:flex;padding:10px}

.preview__icon svg{height:20px;width:20px}

.preview__content{display:flex;flex-direction:column;padding:16px 10px 10px 10px}

.preview__content p{font-size:16px;line-height:1.2}

.preview__content .preview-title{font-weight:700}

body{background-color:#f1f3f4;margin:0}

.poll-container{display:flex;flex-direction:column;height:100vh}

.poll-container .poll-footer{align-items:flex-end;color:#666;display:flex;flex-shrink:0;font-family:inter,helvetica,"Helvetica Neue",sans-serif;font-size:12px;font-weight:400;justify-content:flex-end;line-height:18px;padding-right:10px;text-align:center}

[dir="rtl"] .poll-container .poll-footer{padding-right:0;padding-left:10px}

.poll-container .poll-footer a{color:#5f6368;margin-left:20px;text-decoration:none}

[dir="rtl"] .poll-container .poll-footer a{margin-left:0;margin-right:20px}

.content{margin:auto}

.mt-button-v2{align-items:center;background-color:#007a50;border:2px solid #007a50;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-family:inter,helvetica,"Helvetica Neue",sans-serif;font-size:14px;font-weight:600;gap:10px;justify-content:center;min-height:24px;padding:8px 16px;text-decoration:none;user-select:none}

.mt-button-v2:focus,.mt-button-v2:active,.mt-button-v2:focus-visible{border:2px solid #007a50;box-shadow:0 0 8px rgba(0,0,0,.2);outline:0}

.mt-button-v2:hover{background-color:#3d9979;border:2px solid #3d9979;color:#fff;text-decoration:none}

.mt-button-v2.disabled,.mt-button-v2:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}

.mt-button-v2.danger{background-color:#fff;border:2px solid #fe4444;color:#fe4444}

.mt-button-v2.danger:hover{background-color:#fef5f5}

.mt-button-v2.danger.disabled{border:2px solid #ddd;color:#aaa}

.mt-button-v2.danger-filled{background-color:#fe4444;border:2px solid #fe4444;color:#fff}

.mt-button-v2.danger-filled:hover{background-color:#cf021c;border-color:#cf021c}

.mt-button-v2.danger-filled.disabled,.mt-button-v2.danger-filled:disabled{background-color:#aaa;border:2px solid #aaa;color:#ddd}

.mt-button-v2.ghost{background:#fff;border:2px solid #fff;color:#007a50;text-decoration:none}

.mt-button-v2.ghost:hover{background-color:#ebf5f1;border:2px solid #ebf5f1}

.mt-button-v2.ghost.disabled{color:#aaa}

.mt-button-v2.ghost.ghost-grey{color:#333}

.mt-button-v2.icon{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);color:#9b9b9b;padding:4px}

.mt-button-v2.icon:hover{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);color:#666}

.mt-button-v2.icon:focus,.mt-button-v2.icon:active,.mt-button-v2.icon:focus-visible{box-shadow:none}

.mt-button-v2.outline{background:#fff;border:2px solid #007a50;color:#007a50}

.mt-button-v2.outline:hover{background-color:#ebf5f1}

.mt-button-v2.outline:focus,.mt-button-v2.outline:active,.mt-button-v2.outline:focus-visible{border:2px solid #007a50;box-shadow:0 0 8px rgba(0,0,0,.2);outline:0}

.mt-button-v2.outline.disabled{border:2px solid #ddd;color:#aaa}

.mt-button-v2.upgrade{align-items:center;background-color:#6964ce;border:2px solid #6964ce;color:#fff;display:flex;font-family:inter,helvetica,"Helvetica Neue",sans-serif;font-size:14px;font-weight:600;gap:8px;line-height:24px;text-decoration:none}

.mt-button-v2.upgrade svg{height:20px;width:20px}

.mt-button-v2.upgrade:focus,.mt-button-v2.upgrade:active,.mt-button-v2.upgrade:focus-visible{border:2px solid #615cbe;box-shadow:0 0 8px rgba(0,0,0,.2);outline:0}

.mt-button-v2.upgrade:hover{background-color:#7570d2;border:2px solid #7570d2;color:#fff;text-decoration:none}

.mt-button-v2.upgrade.outline{background-color:#fff;color:#6964ce}

.mt-button-v2.upgrade.outline:hover{background-color:#fff;border:2px solid #7570d2;color:#7570d2;text-decoration:none}

.mt-button-v2.list{background:none;border:1px solid #ccc;color:#666;font-family:inter,helvetica,"Helvetica Neue",sans-serif;font-size:14px;font-weight:400;gap:8px;line-height:20px;padding:3px 6px}

.mt-button-v2.list path{fill:#9b9b9b}

.mt-button-v2.list:hover{background:#007a50;border-color:#007a50;color:#fff}

.mt-button-v2.list:hover path{fill:#fff}

.content{display:flex;justify-content:center}

.poll-content{display:flex;flex-direction:column;gap:18px;padding:14px}

.poll-options-container{display:flex;flex-direction:column;gap:12px}

h2{color:#333;font-family:Roboto,sans-serif;font-size:18px;font-style:normal;font-weight:700;line-height:normal;margin:0}

.ms-poll-option{align-items:center;background:#fff;border-radius:10px;border-width:0;box-shadow:rgba(0,0,0,.25) 1px 1px 3px 0;cursor:pointer;display:flex;flex:1 0 0;font-family:Roboto,sans-serif;font-size:14px;font-weight:400;gap:8px;overflow-wrap:break-word;padding:10px;user-select:none}

[dir="rtl"] .ms-poll-option{box-shadow:rgba(0,0,0,.25) -1px 1px 3px 0}

.ms-poll-option input,.ms-poll-option label{cursor:pointer}

.ms-poll-option input[type=text]{border:0;border-bottom:1px solid #ddd;border-radius:0;box-shadow:none;cursor:auto;font-size:14px;height:unset;line-height:100%;outline:none;padding:0;width:100%}

.ms-poll-option input[type=text]:focus,.ms-poll-option input[type=text]:focus-visible,.ms-poll-option input[type=text]:active{border-bottom:1px solid #007a50}

input.ms-poll-option-input{accent-color:#007a50;height:14px;margin:0;width:14px}

.ms-poll-option-text{color:#333;font-size:14px;line-height:100%;margin:0}

input[type=text]{background-color:#fff;border:1px solid #ccc;border-radius:2px;box-shadow:inset 0 0 3px 2px rgba(155,155,155,.3);color:#333;font-size:18px;height:30px;line-height:21px;margin:0 12px;padding:4px 8px}

.button-container{align-items:center;align-self:stretch;display:flex;flex-direction:column;gap:10px;padding:20px 30px}

.button-container button{width:100%}

.error{color:#f03168;display:block;font-size:12px}

.error.hidden{display:none}

@media screen and (width > 768px){
.ms-poll-option{width:526px}

.button-container button{font-size:24px}}