@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}ul,li{list-style:none}a{text-transform:capitalize;color:inherit;font-weight:700;text-decoration:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:2rem;font-family:Poppins,sans-serif}.comment{--size:2rem;gap:.5rem;min-width:100px;display:-ms-flexbox;display:flex;position:relative}@container style(--depth:1) or style(--depth:2){.comment{--size:1.5rem}}.comment .comment__user__avatar{width:var(--size);height:var(--size);flex:0 0 var(--size);background-color:#d3d3d3;border-radius:50%}.comment .comment__actions{gap:.5rem;margin:.5rem 0;display:-ms-flexbox;display:flex}.comment .comment__body{background-color:#f0f2f5;border-radius:15px;padding:1rem}.comment .comment__body>*+*{margin-top:.5rem}.comment .comment__body:has(.emoji__icons){position:relative}.comment .comment__body:has(.emoji__icons) .emoji__icons{background-color:#fff;border-radius:15px;-ms-flex-align:center;align-items:center;gap:5px;margin:0;padding:0 4px;display:-ms-flexbox;display:flex;position:absolute;bottom:0;right:0;box-shadow:0 0 1rem rgba(0,0,0,.15)}.comment .comment__body:has(.emoji__icons) .emoji__icons :hover{cursor:pointer}@container style(--nested:true){li.main{grid-template-columns:3rem 3rem 1fr;display:grid}li.main .comment{grid-column:1/-1}ul[depth="1"]{grid-column:2/-1}ul[depth="1"]>li{grid-column:1/-1;grid-template-columns:3rem 3rem 1fr;display:grid}ul[depth="2"]{grid-column:2/-1}ul[depth="1"],ul[depth="2"]{display:grid}}
/*# sourceMappingURL=index.7bfeec7f.css.map */