{"version":3,"sourceRoot":"","sources":["../scss-styles/components/_comments.scss"],"names":[],"mappings":"AAEA,cACI,gBACA,SACA,UAGJ,iBACI,4BAGJ,iBACI,4BAGJ,SACI,+BAEA,eACI,mBACA,aACA,eACA,8BAEA,iBACI,mBAIR,kBACI,gBACA,qCACA,UAGJ,eACI,aACA,mBAEA,gCACI,iCAKR,qBACI,cAGJ,gBACI,yBACA,kBACA,YACA,WACA,gBACA,kBACA,kBAEA,oBACI,kBACA,SACA,QACA,wCACA,gCAIR,iBACI,UAEA,wBACI,mCAIA,2BACI,WAIR,uBACI,mCAIR,sBACI,eACA,kBAGJ,oBACI,eACA,kBAIR,KACI,qBACA,gBACA,iBACA,iBACA,qBAGJ,SACI,yBACA,MA3GM,QA+GV,WACI,gBAGJ,yBACI,iBACI","file":"comments.css","sourcesContent":["$color_1: #202024;\r\n\r\n.comment-list {\r\n    list-style: none;\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\nh2+.comment-list {\r\n    margin-top: calc(1vw + 1rem);\r\n}\r\n\r\nh3+.comment-list {\r\n    margin-top: calc(1vw + 1rem);\r\n}\r\n\r\n.comment {\r\n    margin-bottom: calc(3vw + 1rem);\r\n\r\n    .meta {\r\n        align-items: center;\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        justify-content: space-between;\r\n\r\n        >* {\r\n            margin-bottom: 1rem;\r\n        }\r\n    }\r\n\r\n    .replies {\r\n        list-style: none;\r\n        margin: calc(-1 * (1.5vw + 1rem)) 0 0 0;\r\n        padding: 0;\r\n    }\r\n\r\n    &.reply {\r\n        padding: 1rem;\r\n        background: #f0f0f0;\r\n\r\n        &:not(:last-child) {\r\n            margin-bottom: calc(1.5vw + 1rem);\r\n        }\r\n\r\n    }\r\n\r\n    .meta-group {\r\n        flex: 1 1 auto;\r\n    }\r\n\r\n    .image {\r\n        border: 2px solid #fafafa;\r\n        border-radius: 50%;\r\n        height: 50px;\r\n        width: 50px;\r\n        overflow: hidden;\r\n        position: relative;\r\n        margin-right: 1rem;\r\n\r\n        img {\r\n            position: absolute;\r\n            left: 50%;\r\n            top: 50%;\r\n            -webkit-transform: translate(-50%, -50%);\r\n            transform: translate(-50%, -50%);\r\n        }\r\n    }\r\n\r\n    a.image {\r\n        outline: 0;\r\n\r\n        &:active {\r\n            box-shadow: 0px 0px 0px 3px #ffb400;\r\n        }\r\n\r\n        &:hover {\r\n            img {\r\n                opacity: 0.8;\r\n            }\r\n        }\r\n\r\n        &:focus {\r\n            box-shadow: 0px 0px 0px 3px #ffb400;\r\n        }\r\n    }\r\n\r\n    .meta-author {\r\n        font-size: 1rem;\r\n        margin-right: 1rem;\r\n    }\r\n\r\n    .meta-date {\r\n        font-size: 1rem;\r\n        margin-right: 1rem;\r\n    }\r\n}\r\n\r\n.btn {\r\n    display: inline-block;\r\n    margin-bottom: 0;\r\n    font-weight: bold;\r\n    padding: 6px 12px;\r\n    text-decoration: none;\r\n}\r\n\r\n.btn-tag {\r\n    border: 1px solid #6a6a6b;\r\n    color: $color_1;\r\n}\r\n\r\n\r\nul.replies {\r\n    list-style: none;\r\n}\r\n\r\n@media (min-width: 768px) {\r\n    .comment.replies {\r\n        margin-left: 48px;\r\n    }\r\n}"]}