@layer components{.comments{max-width:68ch;margin-block-start:3rem}.comments__title{font-size:1.75rem}.comments__list{gap:1.75rem;margin-block:1.25rem 2.75rem;list-style:none;display:grid}.comments__note{color:var(--tinta-2);font-family:var(--sans);font-size:1.0625rem;line-height:1.4}.comment{grid-template-columns:2.75rem 1fr;column-gap:.9rem;display:grid}.comment__initial{background:var(--mladica);color:var(--sumski);border-radius:50%;grid-row:span 3;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;font-size:1.25rem;font-weight:800;display:flex}.comment__meta{font-family:var(--sans);font-size:1.0625rem}.comment__author{color:var(--sumski);margin-inline-end:.6rem;font-weight:700}.comment__date{color:var(--tinta-2);font-size:1rem}.comment__pending{color:var(--medunika);font-family:var(--sans);font-size:1rem;font-weight:700}.comment__text{grid-column:2}.comment__text p{margin-block-start:.2rem}.comment-respond{border:1px solid var(--tinta);background:#fff;padding:clamp(1.25rem,3vw,2rem);box-shadow:0 10px 22px -18px #0f332599}.comment-reply-title{font-size:clamp(1.625rem,1.4rem + .9vw,2.125rem);line-height:1.1}.comment-form{grid-template-columns:minmax(0,1fr);gap:1.1rem 1.25rem;margin-block-start:.6rem;display:grid}.comment-form>*{grid-column:1/-1;min-width:0}.comment-form .field{font-family:var(--sans);gap:.3rem;font-size:1.0625rem;font-weight:700;display:grid}.comment-form .field--trap{display:none}.comment-form input[type=text],.comment-form input[type=email],.comment-form textarea{background:var(--cvet);border:1px solid var(--tinta-2);font-family:var(--sans);border-radius:2px;width:100%;min-height:48px;padding:.55rem .75rem;font-size:1.125rem;font-weight:500}.comment-form textarea{resize:vertical;min-height:9.5rem;line-height:1.45}.field__hint{color:var(--tinta-2);font-size:1rem;font-weight:500}.comment-consent{font-family:var(--sans);font-size:1.0625rem;line-height:1.4}.comment-consent label{grid-template-columns:auto 1fr;align-items:start;gap:.6rem;display:grid}.comment-consent input{width:1.25rem;height:1.25rem;margin-block-start:.15rem}.robot{background:var(--cvet);border:1px solid var(--rub);font-family:var(--sans);flex-wrap:wrap;justify-self:start;align-items:center;gap:.25rem .75rem;width:100%;max-width:24rem;padding:.7rem 1rem .7rem .8rem;display:flex}.robot__check{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0;display:flex}.robot__box{border:2px solid var(--tinta-2);background:#fff;border-radius:2px;width:1.75rem;height:1.75rem;display:block;position:relative}.robot__label{font-size:1.125rem;font-weight:700}.robot__note{color:var(--tinta-2);margin-inline-start:auto;font-size:1rem}.robot[data-state=busy] .robot__box{border-color:var(--rub);border-block-start-color:var(--list);border-radius:50%;animation:.8s linear infinite robot-spin}.robot[data-state=done] .robot__box{background:var(--list);border-color:var(--list)}.robot[data-state=done] .robot__box:after{content:"";border:3px solid #fff;border-width:0 3px 3px 0;width:.5rem;height:.95rem;position:absolute;inset:.1rem 0 0 .5rem;rotate:45deg}.robot[data-state=done] .robot__note{color:var(--list);font-weight:700}.robot[data-state=fail]{border-color:#a3261f}.robot[data-state=fail] .robot__note{color:#a3261f;font-weight:700}.comment-form .form-submit{margin:0}.comment-form .button{min-height:48px;padding-inline:1.5rem}@keyframes robot-spin{to{rotate:360deg}}}@media (width>=620px){@layer components{.comment-form{grid-template-columns:repeat(2,minmax(0,1fr))}.comment-form>.field--half{grid-column:auto;align-content:start}}}@media (prefers-reduced-motion:reduce){.robot[data-state=busy] .robot__box{animation:none}}