.feedback-option{background:#fff;font-size:18px;font-weight:600;color:#306;padding:0 14px;width:101px;height:48px;box-shadow:inset 0 0 0 1px #b4b0c6;border-radius:12px;border:none;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;user-select:none;transition:background-color .3s;will-change:background-color}.feedback-option:before{opacity:.5;content:""}.feedback-option[data-value=true]:before{background:url(/assets/images/icons/ui/thumbs-up.svg) center/contain no-repeat;width:20px;height:20px;filter:brightness(0) saturate(100%) invert(27%) sepia(96%) saturate(1039%) hue-rotate(88deg) brightness(101%) contrast(106%)}.feedback-option[data-value=false]:before{background:url(/assets/images/icons/ui/thumbs-down.svg) center/contain no-repeat;width:20px;height:20px;filter:brightness(0) saturate(100%) invert(15%) sepia(88%) saturate(2950%) hue-rotate(353deg) brightness(107%) contrast(92%)}.feedback-option.is-active:before{opacity:1}.feedback-option:not(.is-active):hover{background-color:#b4b0c61a}.feedback-improvement{display:flex;align-items:flex-start;flex-direction:column;gap:16px;width:100%;max-width:280px}.feedback-improvement>*:first-child{flex:1}.feedback-improvement .form-row{width:100%;text-align:left}.feedback-improvement .btn{width:100%}@media (min-width: 768px){.feedback-improvement .btn{margin-top:36px;width:auto}}@media (min-width: 768px){.feedback-improvement{max-width:576px;flex-direction:row}}.feedback{color:#306;width:100%}.feedback__title{font-size:20px;font-weight:600}.feedback[data-size=small] .feedback__title{font-size:16px}.feedback__options{margin:12px 0 0;display:flex;gap:16px}.feedback[data-size=small] .feedback__options .feedback-option{width:88px;height:40px;font-size:16px}.feedback.is-success .feedback__options .feedback-option{pointer-events:none}.feedback.is-success .feedback__options .feedback-option:not(.is-active){color:#b4b0c6}.feedback.is-success .feedback__options .feedback-option:not(.is-active):before{filter:brightness(0) saturate(100%) invert(76%) sepia(4%) saturate(847%) hue-rotate(210deg) brightness(94%) contrast(92%)}.feedback__improvement{margin:20px 0 0;display:none}.feedback:has(.feedback-option.is-active) .feedback__improvement{display:flex}.feedback.is-success:has(.feedback-option.is-active) .feedback__improvement{display:none}.feedback__success{gap:12px;align-items:center;font-size:18px;color:#306;margin:22px 0 0;display:none}.feedback__success:before{content:"";background:url(/assets/images/icons/ui/check-circled.svg) center/contain no-repeat;width:24px;height:24px;filter:brightness(0) saturate(100%) invert(20%) sepia(100%) saturate(3340%) hue-rotate(99deg) brightness(97%) contrast(102%)}.feedback.is-success .feedback__success{display:flex}.slide-bar-content__content{font-size:16px;line-height:1.65;color:#665c99}.slide-bar-content__content a:not(.btn){color:#bd4600;text-decoration:underline}.slide-bar-content__content a:not(.btn):hover{text-decoration:none}.slide-bar-content__content h1,.slide-bar-content__content h2,.slide-bar-content__content h3,.slide-bar-content__content h4,.slide-bar-content__content h5,.slide-bar-content__content h6{color:#306}.slide-bar-content__content h4,.slide-bar-content__content h5{font-weight:600}.slide-bar-content__content h4{font-size:20px}.slide-bar-content__content h5{font-size:16px}.slide-bar-content__content h4+h5{margin-top:12px}.slide-bar-content__content ul,.slide-bar-content__content ol{padding-left:20px}.slide-bar-content__content ul li,.slide-bar-content__content ol li{padding-left:4px}.slide-bar-content__content ul li+li,.slide-bar-content__content ol li+li{margin-top:4px}.slide-bar-content__content strong,.slide-bar-content__content b{font-weight:600}.slide-bar-content__content .box-row{margin-bottom:24px}.slide-bar-content__content .alert,.slide-bar-content__content .btn{margin-bottom:16px}.slide-bar-content__feedback{margin-top:48px}.button-group{display:flex;flex-direction:column;flex-wrap:wrap;gap:16px;width:100%}.button-group .btn{width:fit-content;min-width:fit-content}@media (min-width: 768px){.button-group[data-breakpoint=tablet]{width:auto;flex-direction:row}}@media (min-width: 1024px){.button-group[data-breakpoint=desktop]{width:auto;flex-direction:row}}@media (min-width: 1208px){.button-group[data-breakpoint=desktop-wide]{width:auto;flex-direction:row}}