﻿.replying{position:relative}.replying__warnings,.replying__choices{display:flex;padding:8px 10px;gap:8px;background:var(--bg-dark-accent);margin-top:4px;border-radius:8px}.replying__choice{display:flex;gap:4px;align-items:center;border:var(--color-blue-text) 1px solid;border-radius:4px;padding:0 4px}.replying__warnings{font-size:0.8rem;color:var(--bg-font-dim)}.replying__warning-hover{display:none}.replying__warning{color:var(--color-like);font-size:0.8rem;font-weight:700;font-style:italic;display:flex;justify-content:center;align-items:center;gap:4px;text-decoration:none;position:relative;cursor:pointer}.replying__warning--appropriate::before{content:'';display:inline-block;background:var(--bg-font-dim);-webkit-mask-image:url("/img/warnings/tophat.svg");mask-image:url("/img/warnings/tophat.svg");mask-repeat:no-repeat;mask-size:cover;width:16px;height:16px}.replying__warning--sfw::before{content:'';display:inline-block;background:var(--bg-font-dim);-webkit-mask-image:url("/img/warnings/sheep.svg");mask-image:url("/img/warnings/sheep.svg");mask-repeat:no-repeat;mask-size:cover;width:16px;height:16px}.replying__warning:hover::after,.replying__warning:active::after{content:'';display:block;position:absolute;width:256px;height:8px;bottom:-8px}.replying__warning:hover .replying__warning-hover,.replying__warning:active .replying__warning-hover{display:inline;position:absolute;bottom:-8px;left:-8px;transform:translateY(100%);color:var(--hl-font-clear);background:var(--hl-dark-shade);padding:8px;border-radius:8px;width:256px;z-index:2}.replying__warning:hover .replying__warning-hover a,.replying__warning:active .replying__warning-hover a{color:var(--hl-font-dim)}.replying__warning:hover .replying__warning-hover a:hover,.replying__warning:active .replying__warning-hover a:hover{color:var(--hl-font-clear)}.replying--hidden{display:none}.replying input[type=file]{display:none}.replying__header{display:flex;align-items:start;padding:4px 8px;color:var(--bg-font-clear);background:var(--bg-dark-accent);font-size:0.8rem;min-height:32px;gap:8px;border-top:solid 1px var(--bg-light-shade);border-bottom:solid 1px var(--bg-light-shade)}.recipients-bar{display:flex;flex-wrap:wrap;margin-right:auto;align-items:center;gap:4px}.recipients-bar__recipient{display:flex;gap:4px;align-items:center;padding:8px;border:solid 1px var(--hl-dark-shade);border-radius:8px}.recipients-bar__remove-button{position:relative;background:var(--bg-light-shade);border-radius:50%;width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center}.recipients-bar__remove-button:hover{background:var(--bg-light-accent)}.recipients-bar__remove-button-icon{position:absolute;background:var(--bg-font-dim);-webkit-mask-image:url("/img/cancel.svg");mask-image:url("/img/cancel.svg");-webkit-mask-size:6px;mask-size:6px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:6px;height:6px;top:50%;left:50%;transform:translate(-50%, -50%)}.recipients-title{padding:8px 0;color:var(--bg-font-dim);font-weight:500}.replying__character-count{padding:8px 0;color:var(--color-like)}.replying__wrapper{background:var(--bg-dark-accent);display:flex;flex-wrap:wrap;gap:8px;padding:10px 8px;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.replying__upload-label{background:var(--bg-font-dim);-webkit-mask-image:url("/img/paper-clip.svg");mask-image:url("/img/paper-clip.svg");width:24px;height:24px;margin-top:auto}.replying__upload-label:hover{background:var(--bg-font-clear);cursor:pointer}.replying__textarea{font-size:1.2rem;flex-grow:1;color:var(--bg-font-clear);background:transparent;border:none;box-sizing:border-box;margin-top:auto;resize:none;max-height:300px;height:22px;-ms-overflow-style:none;scrollbar-width:none}.replying__textarea::placeholder{color:var(--bg-font-dim)}.replying__textarea::-webkit-scrollbar{display:none}.replying__send{display:none;background:var(--color-button);border:none;-webkit-mask-image:url("/img/send-arrow.svg");mask-image:url("/img/send-arrow.svg");width:24px;height:24px;margin-top:auto;cursor:pointer}.replying__send--has-content{display:block}.replying__send:hover{background:var(--color-button)}.replying .upload__preview{height:64px}.replying .upload__remove-button{right:-8px;top:-6px}.replying--file-drag:after{content:'Pudota kuva tähän';position:absolute;top:0;bottom:0;left:0;right:0;font-size:1.6rem;display:flex;align-items:center;justify-content:center;color:var(--bg-font-dim);background:var(--bg-dark-accent);box-shadow:inset 0 0 16px var(--hl-light-shade)}.replying__close-button{color:var(--bg-font-dim);background:var(--bg-light-shade);font-size:18px;font-weight:bold;cursor:pointer;display:flex;justify-content:center;align-items:center;border-radius:50%;width:32px;height:32px;padding:0 0 4px;flex-shrink:0}.replying__close-button--has-content{display:none}.replying__close-button:hover{background:var(--bg-light-accent)}.replying--main .replying__close-button{display:none}.replying--main .replying__header{border-top:none;border-bottom:none}
