.discord{position:absolute;right:0;bottom:0;margin-bottom:15px;margin-right:15px;width:320px;height:430px;border-radius:8px;padding:16px;flex-direction:column;gap:16px;background:var(--container_background)}.discord .head{display:flex;flex-direction:column;gap:6px;justify-content:center;align-items:center}.discord .head span.title{font-size:14px;font-style:normal;font-weight:600;line-height:normal}.discord .list{border-radius:8px;gap:18px;display:flex;flex-direction:column;padding:12px;max-height:258px;overflow-y:auto;flex:1 1 0%;background-color:var(--container_background)}.discord .actions{height:-moz-fit-content;height:fit-content;display:flex;justify-content:center}.discord .actions .join{padding:12px 24px;border-radius:8px;background:linear-gradient(99deg,#795abb,#553568)}.discord .list .user{display:flex;gap:18px;position:relative}.discord .list .user .avatar img{width:48px;height:48px;border-radius:100%}.discord .list .user .infos{display:flex;flex-direction:column;justify-content:center}.discord .list .user .infos .username{font-weight:700}.discord .list .user .infos .username,.discord .list .user .infos .state{width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.discord .list .user .dot{position:absolute;left:32px;top:32px;border-radius:100%;outline:3px solid var(--container_background);width:16px;height:16px;background-color:#fff}.discord .list .user .dot.online{background-color:#23a559}.discord .list .user .dot.dnd{background-color:#f23f42}.discord .list .user .dot.idle{background-color:#f0b132}section{display:flex;overflow:hidden}section.filled{background-color:var(--container_background)}section.reverse{flex-direction:row-reverse}section .infos{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%}section .infos .title{width:100%;text-align:center;font-size:36px;font-style:normal;font-weight:700;line-height:normal;justify-content:center}section .infos .content{flex-direction:column;gap:16px}section .infos .content .subtitle{font-size:20px;font-style:normal;font-weight:600;line-height:normal}section .infos .content .paraph{text-align:justify;font-style:normal;font-weight:500;line-height:normal;font-size:14px}section .thumbnail{transition:transform .2s ease-in-out}section .thumbnail:hover{transform:scale(1.1) rotate(5deg)}section .artefact{position:absolute;max-width:230px;bottom:-95px;right:84px}section.reverse .artefact{left:170px}section .artefact img{width:230px;height:402px}@media (min-width: 1280px){section .infos .content .subtitle{font-size:24px}section .infos .content .paraph{font-size:16px}}