.messages{background-color:#1f1f22;padding-top:20px}.messages-tab-list{overflow:hidden;margin-top:20px}.messages-tab-list li{float:left}.messages-tab-list a{color:#e5e7eb;display:block;margin-right:2px;background-color:#2a2d32;padding:10px 25px;font-size:1.1rem;border-radius:8px;transition:background .2s,color .2s}.messages-tab-list a:hover{background-color:#3a3d44;color:#fff}.messages-list{margin-bottom:20px;border-radius:12px}.messages-list li{background-color:#2f3239;overflow:hidden;padding:16px;margin-bottom:12px;border-radius:14px;border:1px solid #3d4047;box-shadow:0 6px 18px rgba(0,0,0,.35);position:relative;transition:transform .15s ease,box-shadow .2s ease}.messages-list li:hover{box-shadow:0 10px 25px rgba(0,0,0,.45);transform:translateY(-2px)}.messages-list li::before{content:"";position:absolute;top:12px;bottom:12px;left:0;width:4px;border-radius:4px;background:linear-gradient(180deg,#fbbf24,#fb923c);opacity:.9}.messages-list .user-picture{float:left;width:64px;height:64px;background-color:#3d3f46;border-radius:100px;object-fit:cover;border:2px solid #4b5563}.messages-list .teaser{margin-left:80px;min-height:80px}.messages-list p{font-size:1.05rem;font-family:"Merriweather";font-weight:300;color:#e5e7eb;line-height:1.55}.messages-list h5{color:#f9fafb;font-weight:600;padding-top:6px;margin-bottom:6px}.messages-list h5 span{color:#9ca3af;font-weight:300;font-size:.9rem}.messages-list a{display:block;text-decoration:none}.messages-list a:hover p{color:#fcd34d}.messages-write-form .input-field{min-height:120px;font-size:1.08rem;font-family:"Merriweather";font-weight:300;border-radius:14px;border:1px solid #3c3f46;padding:14px 16px;background:radial-gradient(circle at top left,#353842,#26272b);color:#f9fafb;transition:border-color .2s,box-shadow .2s,background .2s}.messages-write-form .input-field:focus{border-color:#f59e0b;box-shadow:0 0 0 1px rgba(245,158,11,.4);background:radial-gradient(circle at top left,#3d404a,#26272b)}.icon-message{position:relative;display:block;margin-top:5px;opacity:1;transition:opacity .2s}.icon-message:hover{opacity:.8}.icon-message span{display:none;position:absolute;top:-5px;right:-5px;border-radius:20px;width:20px;height:20px;text-align:center;background-color:#fbbf24;color:#000;font-size:12px;font-weight:600;line-height:20px}.icon-message[class~="active"] span{display:block}