#blog-feedback,#blog-feedback__dialog{--blog-feedback-color-main:var(--color-primary);--blog-feedback-avatar-bg-color:color-mix(in srgb, var(--blog-feedback-color-main) 10%, var(--color-body));--blog-feedback-avatar-edit-icon-bg-color:var(--blog-feedback-color-main);--blog-feedback-avatar-edit-icon-color:var(--color-body);--blog-feedback-avatar-outline-active-color:var(--blog-feedback-color-main);--blog-feedback-avatar-outline-focus-color:color-mix(in srgb, var(--blog-feedback-color-main) 40%, transparent);--blog-feedback-box-shadow:color-mix(in srgb, var(--color-contrast) 20%, transparent);--blog-feedback-dialog-backdrop-color:color-mix(in srgb, var(--blog-feedback-color-main) 20%, var(--color-body));--blog-feedback-dialog-bg-color:var(--color-body);--blog-feedback-dialog-header-bg:var(--color-primary);--blog-feedback-dialog-header-color:var(--color-body);--blog-feedback-rating-btn-color:var(--color-contrast);--blog-feedback-rating-btn-counter-bg-color:var(--blog-feedback-color-main);--blog-feedback-rating-btn-counter-color:var(--color-body);--blog-feedback-rating-btn-hover-color:var(--blog-feedback-color-main);--blog-feedback-rating-btn-selected-color:var(--blog-feedback-color-main);--blog-feedback-speech-bubble-bg-color:var(--color-body);--blog-feedback-speech-bubble-who-color:var(--blog-feedback-color-main)}#blog-feedback .blog-feedback__avatar{z-index:1;background-color:var(--blog-feedback-avatar-bg-color);aspect-ratio:1;border-radius:50%;align-self:flex-end;width:9rem;position:relative}@media (min-width:768px){#blog-feedback .blog-feedback__avatar{width:11rem}}#blog-feedback .blog-feedback__avatar>img{object-fit:cover;border-radius:50%;width:100%;height:100%;overflow:hidden}#blog-feedback .blog-feedback__avatar--edit{cursor:pointer}#blog-feedback .blog-feedback__avatar--edit:after{background-color:var(--blog-feedback-avatar-edit-icon-bg-color);content:"edit";width:2rem;height:2rem;color:var(--blog-feedback-avatar-edit-icon-color);font-size:1rem;font-family:var(--font-family-material);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:0;right:1rem}#blog-feedback .blog-feedback__participant--left .blog-feedback__avatar{grid-area:left;align-self:start;margin-top:-1.5rem;margin-left:1rem}@media (min-width:768px){#blog-feedback .blog-feedback__participant--left .blog-feedback__avatar{align-self:end;margin-top:0;margin-bottom:-3rem;margin-left:-1rem}}@media (min-width:1400px){#blog-feedback .blog-feedback__participant--left .blog-feedback__avatar{margin-left:3rem}}#blog-feedback .blog-feedback__participant--right .blog-feedback__avatar{grid-area:right;align-self:end;justify-self:end;margin-bottom:-1.5rem;margin-right:1rem}@media (min-width:768px){#blog-feedback .blog-feedback__participant--right .blog-feedback__avatar{margin-bottom:-3rem;margin-right:-1rem}}@media (min-width:1400px){#blog-feedback .blog-feedback__participant--right .blog-feedback__avatar{margin-right:3rem}}#blog-feedback__dialog>dialog{opacity:0;z-index:1000000;box-shadow:0 0 1rem var(--blog-feedback-box-shadow);background-color:var(--blog-feedback-dialog-bg-color);border:0;border-radius:1rem;height:50vh;max-height:500px;padding:0;position:fixed;top:0;bottom:0;left:0;right:0;overflow-x:hidden;overflow-y:scroll}#blog-feedback__dialog>dialog::-ms-backdrop{opacity:.75;background-color:var(--blog-feedback-dialog-backdrop-color)}#blog-feedback__dialog>dialog::-ms-backdrop{opacity:.75;background-color:var(--blog-feedback-dialog-backdrop-color)}#blog-feedback__dialog>dialog::backdrop{opacity:.75;background-color:var(--blog-feedback-dialog-backdrop-color)}#blog-feedback__dialog>dialog[open]{animation:1s cubic-bezier(1,-.8,0,1.8) forwards dialog-enter}@keyframes dialog-enter{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}#blog-feedback__dialog>dialog form{background:var(--blog-feedback-dialog-header-bg);width:100%;color:var(--blog-feedback-dialog-header-color);font-weight:var(--font-weight-medium);font-size:var(--font-size-tiny);justify-content:space-between;align-items:center;padding:.5rem 1rem;display:flex;position:sticky;top:0;left:0}#blog-feedback__dialog>dialog form button{width:18px;height:18px;color:var(--blog-feedback-dialog-header-color);font-family:var(--font-family-material);background:0 0;border:0;outline:none;justify-content:center;align-items:center;display:flex}#blog-feedback__dialog>dialog form button:before{content:"close";font-size:1.3rem;display:block;position:relative}#blog-feedback__dialog>dialog main{flex-flow:wrap;justify-content:center;gap:2rem;max-width:600px;margin:2rem;display:flex}@media (min-width:992px){#blog-feedback__dialog>dialog main{margin:4rem}}#blog-feedback__dialog>dialog .blog-feedback__avatar{cursor:pointer;outline-offset:0;background-color:var(--blog-feedback-avatar-bg-color);border-radius:50%;outline:2px solid transparent;width:6rem;height:6rem;transition:all .25s linear;overflow:hidden}#blog-feedback__dialog>dialog .blog-feedback__avatar>img{object-fit:cover;border-radius:50%;width:100%;height:100%;overflow:hidden}#blog-feedback__dialog>dialog .blog-feedback__avatar:focus,#blog-feedback__dialog>dialog .blog-feedback__avatar:hover,#blog-feedback__dialog>dialog .blog-feedback__avatar--active{outline-offset:5px}#blog-feedback__dialog>dialog .blog-feedback__avatar:focus,#blog-feedback__dialog>dialog .blog-feedback__avatar:hover{outline-color:var(--blog-feedback-avatar-outline-focus-color)}#blog-feedback__dialog>dialog .blog-feedback__avatar--active{outline-color:var(--blog-feedback-avatar-outline-active-color)!important}#blog-feedback .blog-feedback__form{flex-direction:column;gap:1rem;margin-top:2rem;display:flex}#blog-feedback .blog-feedback__form button{align-self:flex-end}#blog-feedback .blog-feedback__participant{flex-direction:column;align-items:start;display:flex}#blog-feedback .blog-feedback__participant--left{flex-direction:column-reverse}@media (min-width:768px){#blog-feedback .blog-feedback__participant{grid-template-columns:7rem auto 7rem;grid-template-areas:"left center right";display:grid}}@media (min-width:1400px){#blog-feedback .blog-feedback__participant{grid-template-columns:11rem auto 11rem}}#blog-feedback .blog-feedback__rating{justify-content:space-between;display:flex}#blog-feedback .blog-feedback__rating--open .blog-feedback__rating-btn{cursor:pointer}#blog-feedback .blog-feedback__rating--open .blog-feedback__rating-btn:before{transition:all 50ms linear}#blog-feedback .blog-feedback__rating--open .blog-feedback__rating-btn:hover:before{color:var(--blog-feedback-rating-btn-hover-color);scale:1.15}#blog-feedback .blog-feedback__rating-btn{color:var(--blog-feedback-rating-btn-color);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}#blog-feedback .blog-feedback__rating-btn:before{content:var(--icon);font-size:2.5rem;font-family:var(--font-family-material);display:block}#blog-feedback .blog-feedback__rating-btn:after{opacity:0;background-color:var(--blog-feedback-rating-btn-counter-bg-color);pointer-events:none;content:"+1";width:1.5rem;height:1.5rem;color:var(--blog-feedback-rating-btn-counter-color);font-weight:var(--font-weight-medium);font-size:var(--font-size-tiny);border-radius:50%;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#blog-feedback .blog-feedback__rating-btn>span{margin-bottom:0}#blog-feedback .blog-feedback__rating-btn--selected{color:var(--blog-feedback-rating-btn-selected-color)}#blog-feedback .blog-feedback__rating-btn--selected:after{animation:2s linear addOne}@keyframes addOne{0%{opacity:0}50%{opacity:1;top:0}to{opacity:0;top:-1rem}}#blog-feedback .blog-feedback__rating-btn#very_satisfied{--icon:"sentiment_very_satisfied"}#blog-feedback .blog-feedback__rating-btn#satisfied{--icon:"sentiment_satisfied"}#blog-feedback .blog-feedback__rating-btn#neutral{--icon:"sentiment_neutral"}#blog-feedback .blog-feedback__rating-btn#dissatisfied{--icon:"sentiment_dissatisfied"}#blog-feedback .blog-feedback__rating-btn#very_dissatisfied{--icon:"sentiment_very_dissatisfied"}#blog-feedback .blog-feedback__speech-bubble{--arrow-width:1.5rem;z-index:2;box-shadow:0 0 1rem var(--blog-feedback-box-shadow);border-radius:var(--border-radius);background-color:var(--blog-feedback-speech-bubble-bg-color);grid-area:center;width:100%;padding:2rem;position:relative}@media (min-width:768px){#blog-feedback .blog-feedback__speech-bubble{margin-bottom:var(--arrow-width)}}#blog-feedback .blog-feedback__speech-bubble:after{border-width:var(--arrow-width) calc(var(--arrow-width) * 1.25) 0 0;border-style:solid;border-color:var(--blog-feedback-speech-bubble-bg-color) transparent;content:"";position:absolute;top:100%}#blog-feedback .blog-feedback__who{color:var(--blog-feedback-speech-bubble-who-color);font-weight:var(--font-weight-medium);font-size:var(--font-size-tiny);margin-bottom:.5rem;line-height:1}#blog-feedback .blog-feedback__participant--left .blog-feedback__speech-bubble:after{left:7rem}@media (min-width:768px){#blog-feedback .blog-feedback__participant--left .blog-feedback__speech-bubble:after{left:1rem}}#blog-feedback .blog-feedback__participant--right .blog-feedback__speech-bubble:after{top:auto;bottom:100%;right:8rem;transform:rotate(180deg)translate(-50%)}@media (min-width:768px){#blog-feedback .blog-feedback__participant--right .blog-feedback__speech-bubble:after{top:100%;bottom:auto;right:1rem;transform:rotateY(180deg)}}#blog-feedback{flex-direction:column;gap:1rem;padding-bottom:3rem;display:flex}@media print{#blog-feedback,section#blog-feedback-section{display:none}}
/*# sourceMappingURL=blog_feedback.min.css.map */