.native-scrollbar{scrollbar-width:thin!important;scrollbar-face-color:rgba(128,128,128,.5);scrollbar-track-color:#fff;scrollbar-color:rgba(128,128,128,.5) #fff}.native-scrollbar::-webkit-scrollbar{-webkit-appearance:none}.native-scrollbar::-webkit-scrollbar:vertical{width:11px}.native-scrollbar::-webkit-scrollbar:horizontal{height:11px}.native-scrollbar::-webkit-scrollbar-thumb{border:4px solid #fff;border-radius:0;background-color:#80808080}.native-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#808080bf}.native-scrollbar::-webkit-scrollbar-track{background:#fff}.surveyHeaderSection{position:relative}.surveyHeaderSection__photoContainer{position:relative;width:100%;height:20rem;padding-bottom:100%;background-repeat:no-repeat;background-size:cover}.surveyHeaderSection__photoContainer:after{content:"";display:block;position:absolute;bottom:0;width:100%;height:112px;background:linear-gradient(to bottom,#0000,#000000a3)}.surveyHeaderSection__photo{position:absolute;width:100%;object-fit:cover}.surveyHeaderSection__titleContainer{display:flex;align-items:flex-end;position:absolute;top:0;height:20rem}.surveyHeaderSection__title{display:flex;position:relative;width:100%;padding:1rem;color:#f8f8f8;font-family:PT Sans Narrow,Open Sans,sans-serif;font-size:2rem;font-weight:700;line-height:1.25;text-transform:uppercase}.surveyHeaderSection__details{width:100%}.surveyHeaderSection__details:after{content:"";display:block;width:9.125rem;height:.5rem;margin-left:1rem;background-color:#ffc200;box-shadow:0 .25rem .75rem #fcc20052}.surveyHeaderSection__description{padding:1rem 1rem .5rem;color:#242424;font-size:1rem;line-height:1.75}.surveyHeaderSection__date,.surveyHeaderSection__votes{padding-bottom:1rem;color:#888;font-size:.875rem;line-height:1.14}.surveyHeaderSection__date span,.surveyHeaderSection__votes span{padding-left:.125rem}.surveyHeaderSection__more{display:flex;flex-direction:column;position:relative;padding:1rem}.surveyHeaderSection--noPhoto .surveyHeaderSection__titleContainer{display:flex;position:relative;top:auto;height:auto}.surveyHeaderSection--noPhoto .surveyHeaderSection__title{display:block;position:static;color:#000;margin:0;padding:1rem 1rem .25rem;height:auto}.surveyHeaderSection--noPhoto .surveyHeaderSection__description{padding:0 1rem .5rem}@media (min-width: 768px){.surveyHeaderSection__container{display:grid;grid-template-columns:1fr 20rem;grid-template-areas:"title photo" "desc photo";grid-template-rows:max-content;grid-column-gap:1rem}.surveyHeaderSection__photoContainer{border-radius:.3125rem;grid-area:photo;width:20.125rem;height:20.125rem;margin:.5rem 0;border:solid 1px #ccc}.surveyHeaderSection__photoContainer:after{content:none}.surveyHeaderSection__photo{border-radius:.25rem}.surveyHeaderSection__titleContainer{grid-area:title;position:relative;top:auto;height:auto}.surveyHeaderSection__title{margin:1rem 0 .5rem;padding:0;color:#000;line-height:1.17}.surveyHeaderSection__details{grid-area:desc}.surveyHeaderSection__details:after{margin:0}.surveyHeaderSection__description{margin-bottom:1rem;padding:0 0 .125rem}.surveyHeaderSection__more,.surveyHeaderSection--noPhoto .surveyHeaderSection__title{padding:1rem 0}.surveyHeaderSection--noPhoto .surveyHeaderSection__description{padding:0}}@media (min-width: 1152px){.surveyHeaderSection__container{margin-top:1.25rem}.surveyHeaderSection__title{font-size:3rem}.surveyHeaderSection__more{flex-direction:row}.surveyHeaderSection__date,.surveyHeaderSection__votes{padding-right:2rem;font-size:1rem}}