*,:after,:before{box-sizing:border-box;margin:0;padding:0}.sr-only{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.f-xlrg{font-size:2.4rem;font-weight:500}.f-lrg,.f-med{font-size:1.6rem;font-weight:500}.f-reg{font-size:1.6rem;font-weight:400}html{font-size:62.5%}body,html{height:100%}body{background-color:#f5f6fa;font-family:Rubik,sans-serif}body #root{margin:6.4em auto 0;width:343px}button:not([disabled]):hover,input[type=submit],textarea{cursor:pointer}@media(min-width:1028px){body #root{width:730px}}.comments{list-style-type:none}.comments.main-thread>li>.reply-thread{border-left:2px solid #e9ebf0;padding-left:1.6em;position:relative}.comments .comment{grid-column-gap:2.4em;background:#fff;border-radius:8px;-webkit-column-gap:2.4em;column-gap:2.4em;display:grid;grid-template-columns:auto 1fr auto;margin-bottom:1.6em;padding:1.6em}.comments .comment__heading{align-items:center;display:flex;gap:1.6em;grid-column:1/-1;margin-bottom:1.5em}.comments .comment__heading__avatar{height:32px;width:32px}.comments .comment__heading__name{color:#334253;line-height:1}.comments .comment__heading__you{background-color:#5357b6;border-radius:.2em;color:#fff;font-size:1.3rem;font-weight:500;margin-left:-.615384em;padding:.2em .7em}.comments .comment__heading__created{color:#67727e}.comments .comment__body{color:#67727e;grid-column:1/-1;line-height:1.5;margin-bottom:1em}.comments .comment textarea.comment__body{border:1px solid #5357b6;border-radius:8px;font-family:inherit;padding:.75em 1.5em}.comments .comment__score{align-items:center;background-color:#f5f6fa;border-radius:10px;color:#5357b6;display:flex;justify-content:space-between;padding:1em 1.5em;width:100px}.comments .comment__score__btn{background-color:#f5f6fa;border:none;color:#c5c6ef;height:19px;width:19px}.comments .comment__score__btn--decrease{align-items:center;display:flex;justify-content:center}.comments .comment__score__btn:not([disabled]):hover svg path{fill:#5357b6}.comments .comment .actions,.comments .comment .editing{align-items:center;display:flex;gap:1.6em;grid-column:2/-1;justify-self:end;list-style-type:none}.comments .comment .actions__item__btn,.comments .comment .editing__item__btn{align-items:center;background-color:#fff;border:none;color:#5357b6;display:flex;font-family:inherit;gap:.5em;line-height:1.5}.comments .comment .actions__item__btn--delete,.comments .comment .editing__item__btn--delete{color:#ed6368}.comments .comment .actions__item__btn:hover,.comments .comment .editing__item__btn:hover{opacity:.6}.comments .comment .actions.is-editing,.comments .comment .editing.is-editing{display:none}.comments .comment .editing .actions__item__btn--update{background-color:#5357b6;border:none;border-radius:8px;color:#fff;font-family:inherit;min-width:104px;padding:.75em 1.25em;text-transform:uppercase}.comments .reply{display:none}.comments .reply.visable,.response{display:grid}.response{background-color:#fff;border-radius:8px;grid-template-columns:auto 1fr auto;margin-bottom:1.6em;padding:1.6em}.response>*{font-family:inherit}.response__content{border:1px solid #e9ebf0;border-radius:8px;color:#334253;grid-column:1/-1;line-height:1.5;margin-bottom:1em;min-height:96px;padding:.75em 1.5em;resize:none}.response__content:focus{outline:1px solid #5357b6}.response__avatar{align-self:center;grid-column:1;height:32px;width:32px}.response__submit{background-color:#5357b6;border:none;border-radius:8px;color:#fff;grid-column:3/-1;justify-self:end;line-height:1.5;min-width:104px;padding:.75em 1.875em;text-transform:uppercase;width:104px}.response__submit:hover{opacity:.6}@media(min-width:1028px){.comments .comment{margin-bottom:2em;padding:2.4em}.comments .comment.replying{margin-bottom:.8em}.comments .comment__heading{grid-column:2/3;grid-row:1/2}.comments .comment__body{grid-column:2/-1}.comments .comment textarea.comment__body{margin-bottom:1em}.comments .comment__score{align-self:start;flex-direction:column;gap:1em;grid-column:1/2;grid-row:1/3;width:4em}.comments .comment .actions{align-items:flex-start;grid-column:3/-1;grid-row:1/2;padding-top:.5em}.comments .comment .actions.is-editing{display:flex;opacity:.5}.response{gap:1.6em}.response,.response.reply.visable{padding:2.4em}.response *{grid-row:1/-1}.response__content{grid-column:2/3;margin-bottom:0}.response__avatar{align-self:start;grid-column:1/2;height:4rem;width:4rem}.response__submit{align-self:start;grid-column:3/4}.comments.main-thread>li>.reply-thread{border-left:none;padding-left:8.8em}.comments.main-thread>li>.reply-thread:before{background-color:#e9ebf0;content:"";height:100%;left:4.4em;position:absolute;top:0;width:2px}.comments .comment__body{margin-bottom:0}}.modal{background-color:#fff;border-radius:8px;display:flex;flex-direction:column;gap:1.6em;margin:0 1.6em;max-width:343px;padding:2.7em 2.4em}.modal__heading{color:#334253;font-size:2rem;font-weight:500}.modal__description{color:#67727e;line-height:1.5}.modal__form{display:flex;flex-direction:column;gap:1.6em}.modal__form__btn{border:none;border-radius:8px;color:#fff;font-family:Rubik,sans-serif;font-size:1.6rem;font-weight:500;line-height:1.5;padding:.75em 1.3125em;text-transform:uppercase}.modal__form__btn:hover{cursor:pointer}.modal__form__btn--cancel{background-color:#67727e}.modal__form__btn--delete{background-color:#ed6368}@media(min-width:360px){.modal__form{flex-direction:row;gap:0;justify-content:space-between}}@media(min-width:1024px){.modal{gap:2em;margin:0;max-width:400px;padding:3.2em}.modal__heading{font-size:2.4rem}.modal__form{display:flex}.modal__form__btn{padding:.75em 2.03125em}}
/*# sourceMappingURL=main.aaaa31c2.css.map*/