Kuinka+helppoa+ostaminen+oli?+Auta+meitä+kehittämään+palvelua\n \n \n \n

5+Stars+

+\n

4+Stars+

+\n

3+Stars+

+\n

2+Stars+

+\n

1+Star+

+\n \n \n\n++

Mikä+tilaamisessa+tuntui+hankalalta?+\n++

+\n+++

Back+Next+Lähetä\n|values|auto_submit|steps|numeric|dl|chars_max|${dl::page.pageInfo.pageName}|wa-survey-submit|value_trait_map|assoc|q_names|q_vals|sel_g|${v.loc.qx}|sw|https://www.is.fi/u/oma/tilaa/kiitos/is-extra|any|condsName|vstates|${v.sels::a-4v9trE7YVr::c}|su-DDqYqrCk0WQp|sf_0vmYX3Palj|Kuinka+helppoa+ostaminen+oli?|Auta+meitä+kehittämään+palvelua|sf_nrc68ZXV5K|Mikä+tilaamisessa+tuntui+hankalalta?|${qfv::sf_0vmYX3Palj}|sf_Nlj5F8M4fc|_c_q_su_DDqYqrCk0WQp|/*+CSS+Variables+used+by+Basic+Survey+Theme+*/\n.c-q-vars+{\n\n++/*+general+colors+for+the+survey+UI+"chrome"+*/\n++--bgcolor:+#fff;+/*+white+background+by+default+*/\n++--text-color:+#444;+/*+dark+grey+text+*/\n++--gray-1:+#333;\n++--gray-2:+#777;\n++--gray-3:+#aaa;\n++--gray-4:+#c0c0c0;\n++--gray-5:+#ddd;\n\n++/*+these+colors+affect+most+buttons+in+the+survey+*/\n++--btn-primary-bgcolor:+#010080;+/*+submit+buttons,+etc+(navy+by+default)+*/\n++--btn-primary-fgcolor:+#fff;+/*+white+*/\n++--btn-secondary-bgcolor:+#010080;+/*+most+other+buttons+(navy+by+default)+*/\n++--btn-secondary-fgcolor:+#fff;+/*+white+*/\n\n++/*+color+of+focus+outlines+for+numeric+rating+and+\'blocky+buttons\'+radios+*/\n++--input-focus-color:+#bf90ff;\n\n++/*+should+most+survey+content+be+centered+or+left-aligned?+*/\n++--align-horiz:+left;+/*+\'center\'+likely+better+if+multiple+questions+*/\n\n++/*+control+over+the+animation+used+to+show/hide+the+survey+*/\n++--anim-enter-duration:+0.5s;+/*+how+fast+should+the+survey+fade/slide+in?+*/\n++--anim-exit-duration:+0.5s;+/*+how+fast+should+the+survey+fade/slide+out?+*/\n++--anim-enter-delay:+0s;+/*+don\'t+use+this+to+delay+when+the+survey+appears+*/\n++--anim-exit-delay:+0.5s;+/*+a+small+delay+here+feels+more+natural+*/\n\n++/*+colors+for+the+"smiley/frowny"+question+type+*/\n++--btn-rating-icon-color-1:+#f51120;+/*+red++*/\n++--btn-rating-icon-color-2:+#fd870d;+/*+orange+*/\n++--btn-rating-icon-color-3:+#ffca3d;+/*+neutral+yellow+*/\n++--btn-rating-icon-color-4:+#77d62f;+/*+light+green+*/\n++--btn-rating-icon-color-5:+#37b647;+/*+dark+green+*/\n++--btn-rating-icon-color-n:+cadetblue;+/*+neutral+color+*/\n}\n\n/*+\n++show+survey+"inline"+(as+opposed+to+in+a+"modal"+overlay)+\n++(this+is+the+"small+screen"+version,+see+@media+block+below+for+larger)\n*/\n.c-q-survey.c-q-inline+{\n++++/*+position+-+"docked"+10px+from+bottom+of+page+*/\n++++position:+fixed;\n++++bottom:+10px;\n++++margin-left:+10px;\n++++margin-right:+10px;\n++++z-index:+2147483647;\n++++/*+size+*/\n++++min-width:+250px;\n++++width:+calc(100%25+-+20px);\n++++height:+auto;\n++++box-sizing:+border-box;\n++++/*+styling+*/\n++++background-color:+var(--bgcolor);\n++++border:+2px+solid;\n++++border-color:+var(--gray-3);\n++++border-radius:+5px;\n++++padding:+15px+20px;\n++++filter:+drop-shadow(2px+2px+2px+var(--gray-4));\n}\n/*+show+survey+"inline"+-+overrides+for+non-small+screens+*/\n@media+screen+and+(min-width:+600px)+{\n++.c-q-survey.c-q-inline+{\n++++bottom:+20px;\n++++left:+0;\n++++right:+0;\n++++margin:+auto;\n++++width:+50%25;\n++++min-width:+550px;\n++++max-width:+850px;\n++}\n}\n/*+entrance+animation+*/\n.c-q-survey.c-q-inline.c-q-animate-in:not(.c-q-submitted)+{\n++++animation:+c-q-fadeIn+var(--anim-enter-duration)+ease+backwards;\n++++animation-delay:+var(--anim-enter-delay);\n}\n/*+exit/hide+animation+*/+\n.c-q-survey.c-q-inline.c-q-animate-out.c-q-submitted+{\n++++animation:+c-q-fadeOut+var(--anim-exit-duration)+ease+forwards;\n++++animation-delay:+var(--anim-exit-delay);\n}\n\n@keyframes+c-q-fadeIn+{\n++from+{opacity:0;+transform:+translateY(80px)+translateX(0);}\n++to+{opacity:1;+transform:+translateY(0)+translateX(0)}\n}\n@keyframes+c-q-fadeOut+{\n++from+{opacity:1;+visibility:+visible;+transform:+translateY(0)+translateX(0);++}\n++to+{opacity:0;+visibility:+hidden;+transform:+translate3d(0,+100%25,+0);+}\n}\n\n@keyframes+c-q-appear+{\n++from+{opacity:0;+visibility:+hidden;+}\n++to+{opacity:1;+visibility:+visible;+}\n}\n\n.c-q-appear-anim+{\n++animation:+c-q-appear+var(--anim-enter-duration)+ease+backwards;\n}\n\n.c-q-heading+{\n++background-repeat:+no-repeat;\n++background-position:+center;\n++background-size:+contain;\n++margin-bottom:+10px;\n++color:+var(--text-color);\n}\n\n.c-q-farewell+{\n++text-align:+center;\n++font-size:+15px;\n++padding:+15px+10px;\n}\n\n/*+Basic+survey+theme+*/\n.c-q-field+{\n++display:+block;\n++margin-bottom:+10px;\n}\n.c-q-survey+.c-q-field-label+{\n++font-size:+14px;\n++display:+block;\n++color:+var(--text-color);\n++margin-bottom:+5px;\n++text-align:+var(--align-horiz);\n++border:+none;\n++font-weight:+500;\n}\n\n.c-q-field-subtitle+{\n++display:+block;\n++color:+var(--gray-2);\n}\n\n\n/*+for+randomizing+the+order+of+field+options/answers,+CSS+\'order\'+property+*/\n/*+NOTE:+possibly+these+should+apply+to+all+radio+buttons,+as+opposed+to+just+randomly-ordered+ones+*/\n.c-q-has-random-items+{\n++display:+flex;+/*+so+CSS+\'order\'+property+(set+at+runtime)+will+have+an+effect+*/\n++flex-wrap:+wrap;\n}\n.c-q-has-random-items+.c-q-field-option+{\n++display:+flex;\n++width:+100%25;+/*+so+each+option+takes+up+a+whole+line+*/\n}\n.c-q-has-random-items+.c-q-field-option.c-q-radio-group-item+{\n++align-items:+start;+/*+for+alignment+of+radio+button+to+its+label+*/\n}\n\n\n/*+normal+text+inputs/textareas+*/\n.c-q-input-text+{\n++width:+100%25;\n++padding:+2px+5px;\n++border-color:+var(--gray-2);\n++border-radius:+4px;\n}\n.c-q-input-text:focus+{\n++outline:+none;\n}\n/*+normal+checks/radios+*/\n.c-q-radio-group,+.c-q-check-group+{\n++margin-bottom:+10px;\n}\n.c-q-radio-label,+.c-q-check-label+{\n++padding-left:+4px;\n++margin-bottom:+0;\n}\n\n.c-q-html-check+{\n++opacity:+0;\n++position:+fixed;\n++width:+0;\n}\n.c-q-html-label+{\n++margin-bottom:+10px;\n}\n.c-q-html-group+{\n}\n\n/*+submit+button+*/\n.c-q-steps+{\n++display:+inline-block;\n}\n.c-q-submit+{\n++margin-top:+5px;\n++text-align:+var(--align-horiz);\n}\n.c-q-submit+button+{\n++background-color:+var(--btn-primary-bgcolor);\n++color:+var(--btn-primary-fgcolor);\n++border-radius:+4px;\n++border-color:+var(--btn-primary-bgcolor);\n++border-style:+solid;\n++padding:+5px+10px;\n++box-sizing:+border-box;\n++border-width:+1px;\n++cursor:+pointer;\n++margin:+0;\n++text-align:+center;\n++text-decoration:+none;\n++font-size:+16px;\n++padding:+8px+20px;\n}\n.c-q-submit+button:disabled+{\n++opacity:+0.6;\n++cursor:+not-allowed;\n}\n.c-q-submit+button.c-q-btn-secondary+{\n++background-color:+var(--btn-primary-fgcolor);\n++color:+var(--btn-primary-bgcolor);\n}\nbutton.c-q-btn-prev:before+{\n++content:+\'‹\';\n++padding-right:+5px;\n}\nbutton.c-q-btn-next:after+{\n++content:+\'›\';\n++padding-left:+5px;\n}\n\n/*+dismiss+button,+styled+as+an+"X"+at+top+right+*/\n.c-q-close-x+{\n++position:+absolute;\n++top:+0;\n++right:+0;\n++color:+var(--gray-2);\n++font-size:+20px;\n++font-family:+sans-serif;\n++padding:+10px;\n++background-color:+var(--bgcolor);\n++border:+none;\n++cursor:+pointer;\n}\n.c-q-close-x:before+{\n++content:++"⨂";\n}\n\n/*+SPECIAL+INPUT+STYLE:+Radio+buttons,+styled+as+\'blocky+buttons\',+styled+via+a+similar+approach+as+.custom-control+radios+in+bootstrap+*/\n.c-q-radio-group.c-q-radio-group-buttons+input[type=\'radio\']+{\n++opacity:+0;\n++position:+fixed;\n++width:+0;\n}\n.c-q-radio-group.c-q-radio-group-buttons+label+{\n++++display:+inline-block;\n++++background-color:+var(--bgcolor);\n++++padding:+3px+9px;\n++++border:+2px+solid;\n++++border-color:+var(--gray-3);\n++++border-radius:+5px;\n++++margin:+2px;\n++++cursor:+pointer;\n++++color:+var(--gray-1);\n++++width:+100%25;\n}\n.c-q-radio-group.c-q-radio-group-buttons+input[type="radio"]:checked+%2B+label+{\n++color:+var(--btn-primary-fgcolor);\n++background-color:+var(--btn-secondary-bgcolor);\n++border-color:+var(--btn-secondary-bgcolor);\n}\n.c-q-radio-group.c-q-radio-group-buttons+input[type="radio"]:focus+%2B+label+{\n++border-color:+var(--input-focus-color);\n}\n.c-q-radio-group.c-q-radio-group-buttons+>+.c-q-radio-group-item+{\n++text-align:+var(--align-horiz);\n}\n.c-q-btn,.c-q-close-x,+.c-q-submit+button+{\n++outline-color:+var(--input-focus-color);\n}\n\n\n/*+SPECIAL+INPUT+STYLE:+Checkbox+buttons,+styled+as+\'blocky+buttons\',+styled+via+a+similar+approach+as+.custom-control+radios+in+bootstrap+*/\n.c-q-check-group.c-q-check-group-buttons+input[type=\'checkbox\']+{\n++opacity:+0;\n++position:+fixed;\n++width:+0;\n}\n.c-q-check-group.c-q-check-group-buttons+label+{\n++++display:+inline-block;\n++++background-color:+var(--bgcolor);\n++++padding:+3px+9px;\n++++border:+1px+solid;\n++++border-color:+var(--gray-3);\n++++border-radius:+5px;\n++++margin:+2px;\n++++cursor:+pointer;\n++++color:+var(--gray-1);\n++++width:+100%25;\n++++font-size:+16px;\n}\n.c-q-check-group.c-q-check-group-buttons+input[type="checkbox"]:checked+%2B+label+{\n++color:+var(--btn-primary-fgcolor);\n++background-color:+var(--btn-secondary-bgcolor);\n++border-color:+var(--btn-secondary-bgcolor);\n}\n.c-q-check-group.c-q-check-group-buttons+>+.c-q-check-group-item+{\n++text-align:+var(--align-horiz);\n}\n\n\n.c-q-rating-label-before,+.c-q-rating-label-after+{\n++++padding:+5px;\n}\n\n.c-q-survey+fieldset.c-q-options-fieldset+{\n++display:+block;+/*+TODO+-+was+display:contents+but+resulted+in+uncentered+text+*/\n}\n\n/*+SPECIAL+INPUT+TYPE:+"rating+dots"+(radio+buttons,+styled+via+a+similar+approach+as+.custom-control+radios+in+bootstrap)+*/\n.c-q-rating-radios+{\n++white-space:+nowrap;\n++display:+flex;\n++align-items:+center;\n}\n.c-q-rating-radios+input[type=\'radio\']+{\n++opacity:+0;\n++position:+fixed;\n++width:+0;\n}\n.c-q-rating-radios+label+{\n++display:+inline-block;\n++background-color:+var(--bgcolor);\n++font-size:+16px;\n++border:+2px+solid+var(--gray-3);\n++border-radius:+50px;\n++margin:+2px;\n++cursor:+pointer;\n++color:+var(--gray-1);\n++flex-grow:+1;\n++text-align:+center;\n++padding-bottom:+4px;\n++padding-top:+4px;\n}\n@media+screen+and+(min-width:+600px)+{\n++.c-q-rating-radios+label+{\n++++padding-top:+8px;\n++++padding-bottom:+8px;\n++}\n}\n.c-q-rating-radios+input[type="radio"]:checked+%2B+label+{\n++background-color:+var(--gray-1);\n++color:+var(--bgcolor);\n}\n.c-q-rating-radios+input[type="radio"]:focus+%2B+label+{\n++border-color:+var(--input-focus-color);\n}\n\n/*+SPECIAL+INPUT+TYPE:+"smileys"+/+emoticons+(radio+buttons,+styled+via+a+similar+approach+as+.custom-control+radios+in+bootstrap)+*/\n.c-q-rating-icons+{\n++text-align:+var(--align-horiz);\n}\n.c-q-rating-icons+input[type=\'radio\']+{\n++opacity:+0;\n++position:+fixed;\n++width:+0;\n}\n.c-q-rating-icons+label+{\n++display:+inline-block;\n++background-color:+var(--bgcolor);\n++cursor:+pointer;\n++color:+var(--gray-1);\n++border:+2px+solid;\n++border-color:+var(--bgcolor);\n++font-size:+40px;\n++border-radius:+50px;\n++line-height:+55px;\n++padding:+0+8px;\n}\n/*+colors+for+each+radio+*/\n.c-q-rating-icons.c-q-rating-icons-colors+label.c-q-rating-icons-label-1+{\n++color:+var(--btn-rating-icon-color-1);\n}\n.c-q-rating-icons.c-q-rating-icons-colors+label.c-q-rating-icons-label-2+{\n++color:+var(--btn-rating-icon-color-2);\n}\n.c-q-rating-icons.c-q-rating-icons-colors+label.c-q-rating-icons-label-3+{\n++color:+var(--btn-rating-icon-color-3);\n}\n.c-q-rating-icons.c-q-rating-icons-colors+label.c-q-rating-icons-label-4+{\n++color:+var(--btn-rating-icon-color-4);\n}\n.c-q-rating-icons.c-q-rating-icons-colors+label.c-q-rating-icons-label-5+{\n++color:+var(--btn-rating-icon-color-5);\n}\n.c-q-rating-icons.c-q-rating-icons-neutral+label+{\n++color:+var(--btn-rating-icon-color-n);\n}\n\n/*+show+the+border+for+the+selected+radio+*/\n.c-q-rating-icons+input[type="radio"]:checked+%2B+label+{\n++border-color:+unset;\n}\n/*+use+a+dim+color+for+the+other+radios+(after+one+is+selected)+*/\n.c-q-field-filled+.c-q-rating-icons+input[type="radio"]:not(:checked)+%2B+label+{\n++color:+#33333363;\n}\n/*+the+emoticon+itself+*/\n.c-q-emoticon+{\n++overflow:+visible;\n++width:+1em;\n++height:+1em;\n++display:+inline-block;\n++vertical-align:+-0.125em;\n}\n\n\n/*+SPECIAL+INPUT+TYPE:+"1-5+Stars"+styled+rating+widgets+*/\n.c-q-rating-stars-container+{\n++display:+flex;\n++justify-content:+var(--align-horiz);\n}\n.c-q-rating-stars+{+\n++font-size:+38px;\n++border:+none;\n++float:+left;\n}\n.c-q-rating-stars+>+label+>+svg+{\n++overflow:+visible;\n}\n.c-q-rating-stars+>+input+{+\n++display:+none;+/*+hide+"normal"+radio+ui+*/\n}\n.c-q-rating-stars+>+label+{+\n++color:+var(--gray-5);+\n++float:+right;+\n++padding-right:+10px;\n++background-color:+unset+!important;+/*+in+case+host+page+defines+a+background+color+for+radio+labels+*/\n}\n.c-q-rating-stars+>+input:checked+~+label,+/*+show+gold+star+when+clicked+*/\n.c-q-rating-stars:not(:checked)+>+label:hover,+/*+hover+current+star+*/\n.c-q-rating-stars:not(:checked)+>+label:hover+~+label+{+color:+#FFD700;++}+/*+hover+previous+stars+in+list+*/\n\n.c-q-rating-stars+>+input:checked+%2B+label:hover,+/*+hover+current+star+when+changing+rating+*/\n.c-q-rating-stars+>+input:checked+~+label:hover,\n.c-q-rating-stars+>+label:hover+~+input:checked+~+label,+/*+lighten+current+selection+*/\n.c-q-rating-stars+>+input:checked+~+label:hover+~+label+{+color:+#FFED85;++}+\n\n\n/*+when+the+survey+is+displayed+in+a+"modal"+overlay/dialog+*/\n.c-q-modal+{\n++display:+none;\n++position:+relative;\n++font-family:+-apple-system,BlinkMacSystemFont,avenir+next,avenir,helvetica+neue,helvetica,ubuntu,roboto,noto,segoe+ui,arial,sans-serif;\n}\n.c-q-modal.is-open+{\n++display:+block;\n++z-index:+9999;\n}\n.c-q-modal-overlay+{\n++position:+fixed;\n++top:+0;\n++left:+0;\n++right:+0;\n++bottom:+0;\n++background:+rgba(0,0,0,0.2);\n++display:+flex;\n++justify-content:+center;\n++align-items:+center;\n}\n.c-q-modal-container+{\n++background-color:+var(--bgcolor);\n++padding:+30px;\n++max-width:+700px;\n++max-height:+100vh;\n++border-radius:+6px;\n++overflow-y:+auto;\n++box-sizing:+border-box;\n++border:+1px+solid+rgba(0,0,0,0.5);\n++box-shadow:+0+3px+7px+rgb(0+0+0+/+30%25);\n++opacity:+1;\n++position:+relative;\n}\n\n.c-q-survey+.c-q-a-sr-only,+.c-q-survey+.c-q-radio-group-focus+{\n++border:+0;\n++clip:+rect(0+0+0+0);\n++height:+1px;\n++margin:+-1px;\n++overflow:+hidden;\n++padding:+0;\n++position:+absolute;\n++width:+1px;\n}\n\n/*+give+"custom+radio+buttons"+a+different+appearance+when+none+of+the+radios+in+the+"radiogroup"+have+been+checked,+as+an+extra+"affordance"+for+accessibility+(see+#904)+*/\n.c-q-survey+[role=\'radiogroup\'].c-q-radio-group-unfilled+[role=\'radio\']+{\n++border:+2px+solid;\n++border-color:+var(--input-focus-color);\n}\n\n.c-q-input.c-q-input-text:focus-visible,+.c-q-input.c-q-input-select:focus-visible+{\n++outline-color:+var(--input-focus-color);\n++outline-width:+2px;\n++outline-style:+solid;\n}\n\n.c-q-survey+.c-q-a-sr-only-focusable+{\n++position:+static;\n++width:+auto;\n++height:+auto;\n++overflow:+visible;\n++clip:+auto;\n++white-space:+normal;\n}\n\n.c-q-survey+fieldset+{\n++min-width:+0;\n++padding:+0;\n++margin:+0;\n++border:+0;++\n}\n\n@keyframes+cqFadeIn+{\n++++from+{+opacity:+0;+}\n++++++to+{+opacity:+1;+}\n}\n@keyframes+cqFadeOut+{\n++++from+{+opacity:+1;+}\n++++++to+{+opacity:+0;+}\n}\n@keyframes+cqSlideIn+{\n++from+{+transform:+translateY(15%25);+}\n++++to+{+transform:+translateY(0);+}\n}\n@keyframes+cqSlideOut+{\n++++from+{+transform:+translateY(0);+}\n++++to+{+transform:+translateY(-10%25);+}\n}\n\n.c-q-modal-slide+{\n++display:+none;\n}\n\n.c-q-modal-slide.is-open+{\n++display:+block;\n}\n\n.c-q-modal-slide[aria-hidden="false"]+.c-q-modal-overlay+{\n++animation:+cqFadeIn+.35s+cubic-bezier(0.0,+0.0,+0.2,+1);\n}\n\n.c-q-modal-slide[aria-hidden="false"]+.c-q-modal-container+{\n++animation:+cqSlideIn+.35s+cubic-bezier(0,+0,+0.2,+1);\n}\n\n.c-q-modal-slide[aria-hidden="true"]+.c-q-modal-overlay+{\n++animation:+cqFadeOut+.35s+cubic-bezier(0.0,+0.0,+0.2,+1);\n}\n\n.c-q-modal-slide[aria-hidden="true"]+.c-q-modal-container+{\n++animation:+cqSlideOut+.35s+cubic-bezier(0,+0,+0.2,+1);\n}\n\n.c-q-modal-slide+.c-q-modal-container,\n.c-q-modal-slide+.c-q-modal-overlay+{\n++will-change:+transform;\n}\n\ntextarea.c-q-input-text+%2B+.c-q-field-status-msg+{\n++color:+var(--gray-1);\n++text-align:+end;\n++margin-top:+-4px;\n++margin-bottom:+calc(-1lh+%2B+4px);\n}\ntextarea.c-q-input-text+%2B+.c-q-field-status-msg:after+{\n++content:+\' \';\n}\ntextarea.c-q-input-text+%2B+.c-q-field-status-msg+>+span+{\n++visibility:+hidden;\n}\ntextarea.c-q-input-text:focus+%2B+.c-q-field-status-msg+>+span:not(:empty)+{\n++visibility:+visible;\n++animation:+cqFadeIn+1s+cubic-bezier(0.0,+0.0,+0.2,+1);\n}/*+CSS+Variables+used+by+Basic+Survey+Theme+*/\n.c-q-survey+{\n\n++++/*+general+colors+for+the+survey+UI+"chrome"+*/\n++++--bgcolor:+#fff;+/*+white+background+by+default+*/\n++++--text-color:+#444;+/*+dark+grey+text+*/\n++++--gray-1:+#333;\n++++--gray-2:+#777;\n++++--gray-3:+#aaa;\n++++--gray-4:+#c0c0c0;\n++++--gray-5:+#ddd;\n++\n++++/*+these+colors+affect+most+buttons+in+the+survey+*/\n++++--btn-primary-bgcolor:+#000000;+/*+submit+buttons,+etc+(navy+by+default)+*/\n++++--btn-primary-fgcolor:+#fff;+/*+white+*/\n++++--btn-secondary-bgcolor:+#010080;+/*+most+other+buttons+(navy+by+default)+*/\n++++--btn-secondary-fgcolor:+#fff;+/*+white+*/\n++\n++++/*+color+of+focus+outlines+for+numeric+rating+and+\'blocky+buttons\'+radios+*/\n++++--input-focus-color:+#219ebc;\n}\n\n.c-q-survey+.c-q-close-x+{\n++++color:+#000000;\n\n}\n.c-q-survey+.c-q-submit+button:disabled+{\n++++opacity:+0.9;\n}\n.c-q-radio-group+.c-q-field-option.c-q-radio-group-item+{\n++++align-items:+baseline+!important;\n}\n\n