2 lines
29 KiB
CSS
2 lines
29 KiB
CSS
#compose-container-outer{width:100%;height:100vh;height:100dvh;overflow:auto;align-self:flex-start;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#compose-container{margin:auto;width:var(--main-width);max-width:100vw;align-self:stretch;-webkit-animation:fade-in .2s ease-out;animation:fade-in .2s ease-out}#compose-container .compose-top{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;gap:8px;-webkit-box-align:center;align-items:center;padding:8px;position:sticky;top:0;z-index:100;white-space:nowrap}@media (min-width: 480px){#compose-container .compose-top{padding:16px}}#compose-container .compose-top .account-block{text-align:start;pointer-events:none;overflow:hidden;color:var(--text-insignificant-color);line-height:1.1;font-size:90%;background-color:var(--bg-faded-blur-color);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-padding-end:1em;padding-inline-end:1em;border-radius:9999px}@-webkit-keyframes appear-up{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes appear-up{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}#compose-container .status-preview{border-radius:16px 16px 0 0;max-height:160px;background-color:var(--bg-color);margin:0 12px;border:1px solid var(--outline-color);border-bottom:0;-webkit-animation:appear-up 1s ease-in-out;animation:appear-up 1s ease-in-out;overflow:auto;box-shadow:0 -3px 12px -3px var(--drop-shadow-color)}#compose-container .status-preview:has(.status-badge:not(:empty)){border-start-end-radius:8px}#compose-container .status-preview .content-container,#compose-container .status-preview .time,#compose-container.standalone .status-preview *{pointer-events:none}#compose-container .status-preview-legend{pointer-events:none;position:sticky;bottom:0;padding:8px;font-size:80%;font-weight:700;text-align:center;color:var(--text-insignificant-color);background-color:var(--bg-blur-color);border-top:var(--hairline-width) solid var(--outline-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-shadow:0 1px 10px var(--bg-color),0 1px 10px var(--bg-color),0 1px 10px var(--bg-color),0 1px 10px var(--bg-color),0 1px 10px var(--bg-color);z-index:2}#compose-container .status-preview-legend strong{color:var(--red-color)}#_compose-container .status-preview-legend.reply-to{color:var(--reply-to-color);background-color:var(--reply-to-faded-color)}#compose-container form{--form-spacing-inline: 4px;--form-spacing-block: 0;padding:0 4px;padding:var(--form-spacing-block) var(--form-spacing-inline);background-color:var(--bg-blur-color);position:relative;z-index:2;--drop-shadow: 0 3px 6px -3px var(--drop-shadow-color);box-shadow:var(--drop-shadow)}@media (min-width: 480px){#compose-container form{--form-spacing-inline: 8px}}@media (min-width: 40em){#compose-container form{border-radius:16px}}#compose-container .status-preview~form{box-shadow:var(--drop-shadow),0 -3px 6px -3px var(--drop-shadow-color)}#compose-container textarea{width:100%;max-width:100%;height:5em;min-height:5em;max-height:50vh;resize:vertical;line-height:1.4;border-color:transparent}@media (min-width: 40em){#compose-container textarea.compose-field{max-height:65vh}}#compose-container textarea:hover{border-color:var(--divider-color)}#compose-container .toolbar{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center;padding:var(--form-spacing-inline) 0;gap:var(--form-spacing-inline)}#compose-container .toolbar.wrap{flex-wrap:wrap}#compose-container .toolbar.stretch{-webkit-box-pack:stretch;justify-content:stretch}#compose-container .toolbar .spoiler-text-field{-webkit-box-flex:1;flex:1;min-width:0}#compose-container .toolbar-button{display:inline-block;color:var(--link-color);background-color:transparent;padding:0 8px;border-radius:8px;min-height:2.4em;line-height:2.4em;min-width:2.6em;text-align:center;overflow:hidden;position:relative;white-space:nowrap;border:2px solid transparent;vertical-align:middle}#compose-container .toolbar-button.active{-webkit-filter:brightness(.8);filter:brightness(.8);background-color:var(--bg-color)}#compose-container .toolbar-button>*{vertical-align:middle;cursor:inherit;outline:0}#compose-container .toolbar-button:has([disabled]),#compose-container .toolbar-button[disabled]{pointer-events:none;background-color:transparent;opacity:.5}#compose-container .toolbar-button:not(.show-field) input[type=checkbox],#compose-container .toolbar-button:not(.show-field) select:not(.does-not-exist),#compose-container .toolbar-button:not(.show-field) input[type=file]{opacity:0;position:absolute;left:0;height:100%;margin:0}#compose-container .toolbar-button input[type=file]{left:-100vw!important}#compose-container .toolbar-button select{background-color:inherit;border:0;padding:0 0 0 8px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:1em}#compose-container .toolbar-button:not(.show-field) select{inset-inline-end:0;inset-inline-start:auto!important}#compose-container .toolbar-button:not(:disabled):hover{cursor:pointer;-webkit-filter:none;filter:none;background-color:var(--bg-color);border-color:var(--link-faded-color);outline:0}#compose-container .toolbar-button:not(:disabled):focus{cursor:pointer;-webkit-filter:none;filter:none;background-color:var(--bg-color);border-color:var(--link-faded-color);outline:0}#compose-container .toolbar-button:not(:disabled):focus-within{cursor:pointer;-webkit-filter:none;filter:none;background-color:var(--bg-color);border-color:var(--link-faded-color);outline:0}#compose-container .toolbar-button:not(:disabled):focus-visible{cursor:pointer;-webkit-filter:none;filter:none;background-color:var(--bg-color);border-color:var(--link-faded-color);outline:0}#compose-container .toolbar-button:not(:disabled).highlight{border-color:var(--link-color);box-shadow:inset 0 0 8px var(--link-faded-color)}#compose-container .toolbar-button:not(:disabled):active{-webkit-filter:brightness(.8);filter:brightness(.8)}#compose-container .toolbar-button .icon-text{display:inline-block;font-size:14px;font-weight:500;text-overflow:ellipsis;overflow:hidden;max-width:100%;min-width:4ch}#compose-container .compose-footer .add-toolbar-button-group{display:-webkit-box;display:flex;overflow:auto}#compose-container .compose-footer .add-sub-toolbar-button-group{-webkit-box-flex:1;flex-grow:1;display:-webkit-box;display:flex;overflow:auto;-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out;-webkit-transition-property:opacity,width;transition-property:opacity,width;scrollbar-width:none;-webkit-padding-end:16px;padding-inline-end:16px;-webkit-mask-image:-webkit-linear-gradient(var(--to-backward),transparent 0,black 16px,black 100%);mask-image:linear-gradient(var(--to-backward),transparent 0,black 16px,black 100%)}#compose-container .compose-footer .add-sub-toolbar-button-group::-webkit-scrollbar{display:none}#compose-container .compose-footer .add-sub-toolbar-button-group[hidden]{opacity:0;pointer-events:none;width:0}#compose-container text-expander{position:relative;display:block}#compose-container .text-expander-menu{color:var(--text-color);background-color:var(--bg-color);position:absolute;margin-top:2em;padding:0;list-style:none;border:1px solid var(--outline-color);box-shadow:0 4px 24px var(--drop-shadow-color);border-radius:8px;overflow:hidden;z-index:100;min-width:10em;max-width:90vw}#compose-container .text-expander-menu li{white-space:nowrap;padding:8px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;display:flex;gap:8px;-webkit-box-align:center;align-items:center;font-size:90%}#compose-container .text-expander-menu li .grow{-webkit-box-flex:1;flex-grow:1}#compose-container .text-expander-menu li .count{font-size:80%;opacity:.5}#compose-container .text-expander-menu li b img{width:.9em;height:.9em}#compose-container .text-expander-menu li .avatar{width:2.2em;height:2.2em}#compose-container .text-expander-menu li:hover,#compose-container .text-expander-menu li:focus,#compose-container .text-expander-menu li[aria-selected]{background-color:var(--link-bg-color);color:var(--text-color)}#compose-container .text-expander-menu li[aria-selected]{box-shadow:inset 4px 0 0 0 var(--button-bg-color)}[dir=rtl] :is(#compose-container .text-expander-menu li[aria-selected]){box-shadow:inset -4px 0 0 0 var(--button-bg-color)}#compose-container .text-expander-menu li[data-more]:not(:hover):not(:focus):not([aria-selected]){color:var(--text-insignificant-color);background-color:var(--bg-faded-color)}#compose-container .text-expander-menu li[data-more]{font-size:.8em;-webkit-box-pack:center;justify-content:center}#compose-container .form-visibility-direct{--yellow-stripes: repeating-linear-gradient( 135deg, var(--reply-to-faded-color), var(--reply-to-faded-color) 10px, var(--reply-to-faded-color) 10px, transparent 10px, transparent 20px );background-image:var(--yellow-stripes)}#compose-container .media-attachments{background-color:var(--bg-faded-color);padding:8px;border-radius:8px;margin:8px 0 0;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;gap:8px}#compose-container .media-attachment{display:-webkit-box;display:flex;gap:8px;-webkit-box-align:stretch;align-items:stretch}#compose-container .media-attachment .media-error{padding:2px;color:var(--orange-fg-color);background-color:transparent;border:1.5px dashed transparent;line-height:1;border-radius:4px;display:-webkit-box;display:flex}#compose-container .media-attachment .media-error:hover,#compose-container .media-attachment .media-error:focus{background-color:var(--bg-color);border-color:var(--orange-fg-color)}#compose-container .media-preview{flex-shrink:0;border:1px solid var(--outline-color);border-radius:4px;overflow:hidden;width:80px;height:80px;background-image:-webkit-linear-gradient(45deg,var(--img-bg-color) 25%,transparent 25%),-webkit-linear-gradient(135deg,var(--img-bg-color) 25%,transparent 25%),-webkit-linear-gradient(45deg,transparent 75%,var(--img-bg-color) 75%),-webkit-linear-gradient(135deg,transparent 75%,var(--img-bg-color) 75%);background-image:linear-gradient(45deg,var(--img-bg-color) 25%,transparent 25%),linear-gradient(-45deg,var(--img-bg-color) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--img-bg-color) 75%),linear-gradient(-45deg,transparent 75%,var(--img-bg-color) 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0px}#compose-container .media-preview>*{width:80px;height:80px;-o-object-fit:scale-down;object-fit:scale-down;vertical-align:middle;pointer-events:none}#compose-container .media-preview:hover{box-shadow:0 0 0 2px var(--link-light-color);cursor:pointer}#compose-container .media-attachment textarea{height:80px;-webkit-box-flex:1;flex-grow:1;resize:none}#compose-container .media-attachments .media-desc{-webkit-box-flex:1;flex-grow:1}#compose-container .media-attachments .media-desc p{font-size:90%;margin:0;padding:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#compose-container .media-attachments .media-desc p i{color:var(--text-insignificant-color)}#compose-container .media-aside{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center}#compose-container .media-aside .close-button{padding:4px;align-self:flex-start;color:var(--text-insignificant-color)}#compose-container .media-aside .close-button:hover,#compose-container .media-aside .close-button:focus{color:var(--text-color)}#compose-container .media-aside .uploaded{color:var(--green-color);margin-bottom:4px}#compose-container .media-sensitive{padding:8px;background-color:var(--bg-blur-color);border-radius:8px;cursor:pointer}#compose-container .media-sensitive>*{vertical-align:middle}#compose-container form .poll{background-color:var(--bg-faded-color);border-radius:8px;margin:8px 0 0;display:block}#compose-container .poll-choices{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;gap:8px;padding:8px}#compose-container .poll-choice{display:-webkit-box;display:flex;gap:8px;-webkit-box-align:center;align-items:center;-webkit-box-pack:stretch;justify-content:stretch;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;flex-direction:row-reverse}#compose-container .poll-choice input{-webkit-box-flex:1;flex-grow:1;min-width:0}#compose-container .poll-button{border:2px solid var(--outline-color);width:28px;height:28px;padding:0;flex-shrink:0;line-height:0;overflow:hidden;-webkit-transition:border-radius 1s ease-out;transition:border-radius 1s ease-out;font-size:14px}#compose-container .multiple .poll-button{border-radius:4px}#compose-container .poll-toolbar{display:-webkit-box;display:flex;gap:8px;-webkit-box-align:stretch;align-items:stretch;-webkit-box-pack:justify;justify-content:space-between;font-size:90%;border-top:1px solid var(--outline-color);padding:8px}#compose-container .poll-toolbar select{padding:4px}#compose-container .multiple-choices{-webkit-box-flex:1;flex-grow:1;display:-webkit-box;display:flex;gap:4px;-webkit-box-align:center;align-items:center;-webkit-border-start:1px solid var(--outline-color);border-inline-start:1px solid var(--outline-color);-webkit-padding-start:8px;padding-inline-start:8px}#compose-container .expires-in{-webkit-box-flex:1;flex-grow:1;-webkit-border-start:1px solid var(--outline-color);border-inline-start:1px solid var(--outline-color);-webkit-padding-start:8px;padding-inline-start:8px;display:-webkit-box;display:flex;gap:4px;flex-wrap:wrap;-webkit-box-align:center;align-items:center;-webkit-box-pack:end;justify-content:flex-end}#compose-container .remove-poll-button{width:100%;color:var(--red-color)}.compose-menu-add-media{position:relative}.compose-menu-add-media .compose-menu-add-media-field{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:inherit}.icon-gif{display:inline-block!important;min-width:16px;height:16px;font-size:10px!important;letter-spacing:-.5px;font-size-adjust:none;overflow:hidden;white-space:nowrap;text-align:center;line-height:16px;font-weight:700;text-rendering:optimizeSpeed}.icon-gif:after{display:block;content:"GIF"}@media (display-mode: standalone){#compose-container .pop-button{display:none}}#compose-container button[type=submit]{border-radius:8px}@media (min-width: 480px){#compose-container button[type=submit]{padding-inline:24px;font-size:125%}}@-webkit-keyframes breathe{0%{opacity:1}40%{opacity:.4}to{opacity:1}}@keyframes breathe{0%{opacity:1}40%{opacity:.4}to{opacity:1}}#media-sheet .media-form{-webkit-box-flex:1;flex:1;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;gap:8px;min-height:50vh}#media-sheet .media-form textarea{-webkit-box-flex:1;flex-grow:1;resize:none;width:100%}#media-sheet .media-form textarea.loading{-webkit-animation:skeleton-breathe 1.5s linear infinite;animation:skeleton-breathe 1.5s linear infinite}#media-sheet .media-form footer{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center}#media-sheet main{padding-top:8px;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-flex:1;flex:1;gap:8px}#media-sheet .media-preview{border:2px solid var(--outline-color);border-radius:8px;overflow:hidden;box-shadow:0 2px 16px var(--img-bg-color);background-image:-webkit-linear-gradient(45deg,var(--img-bg-color) 25%,transparent 25%),-webkit-linear-gradient(135deg,var(--img-bg-color) 25%,transparent 25%),-webkit-linear-gradient(45deg,transparent 75%,var(--img-bg-color) 75%),-webkit-linear-gradient(135deg,transparent 75%,var(--img-bg-color) 75%);background-image:linear-gradient(45deg,var(--img-bg-color) 25%,transparent 25%),linear-gradient(-45deg,var(--img-bg-color) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--img-bg-color) 75%),linear-gradient(-45deg,transparent 75%,var(--img-bg-color) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;-webkit-box-flex:.8;flex:.8}#media-sheet .media-preview>*{width:100%;height:100%;max-height:50vh;-o-object-fit:scale-down;object-fit:scale-down;vertical-align:middle}@media (min-width: 50em){#media-sheet main{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}#media-sheet .media-preview{-webkit-box-flex:2;flex:2}#media-sheet .media-preview>*{max-height:none}}#mention-sheet{height:50vh}#mention-sheet .accounts-list{--list-gap: 1px;list-style:none;margin:0;padding:8px 0;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;row-gap:1px;row-gap:var(--list-gap)}#mention-sheet .accounts-list.loading{opacity:.5}#mention-sheet .accounts-list li{display:-webkit-box;display:flex;-webkit-box-flex:1;flex-grow:1;margin:0 -8px;padding:8px;gap:8px;position:relative;-webkit-box-pack:justify;justify-content:space-between;border-radius:8px}#mention-sheet .accounts-list li:hover{background-image:-webkit-linear-gradient(var(--to-forward),transparent 75%,var(--link-bg-color));background-image:linear-gradient(var(--to-forward),transparent 75%,var(--link-bg-color))}#mention-sheet .accounts-list li.selected{background-image:-webkit-linear-gradient(var(--to-forward),var(--bg-faded-color) 75%,var(--link-bg-color));background-image:linear-gradient(var(--to-forward),var(--bg-faded-color) 75%,var(--link-bg-color))}#mention-sheet .accounts-list li:before{content:"";display:block;border-top:var(--hairline-width) solid var(--divider-color);position:absolute;bottom:0;inset-inline-start:58px;inset-inline-end:0}#mention-sheet .accounts-list li:has(+li:is(.selected,:hover)):before{opacity:0}#mention-sheet .accounts-list li.selected:before{opacity:0}#mention-sheet .accounts-list li:hover:before{opacity:0}#mention-sheet .accounts-list li>button{border-radius:4px}#mention-sheet .accounts-list li>button:hover{outline:2px solid var(--button-bg-blur-color)}#custom-emojis-sheet{max-height:50vh;max-height:50dvh}#custom-emojis-sheet header .loader-container{margin:0}#custom-emojis-sheet header form{margin:8px 0 0}#custom-emojis-sheet header form input{width:100%;min-width:0}#custom-emojis-sheet main{-webkit-mask-image:none;mask-image:none;min-height:40vh;padding-bottom:88px}#custom-emojis-sheet .custom-emojis-matches{margin:0;padding:0;list-style:none;display:-webkit-box;display:flex;flex-wrap:wrap}#custom-emojis-sheet .custom-emojis-list .section-container{position:relative;content-visibility:auto;content-intrinsic-size:auto 88px}#custom-emojis-sheet .custom-emojis-list .section-header{font-size:80%;text-transform:uppercase;color:var(--text-insignificant-color);padding:8px 0 4px;position:sticky;top:0;background-color:var(--bg-color);z-index:1;display:inline-block;-webkit-padding-end:8px;padding-inline-end:8px;pointer-events:none;border-end-end-radius:8px}#custom-emojis-sheet .custom-emojis-list section{display:-webkit-box;display:flex;flex-wrap:wrap}#custom-emojis-sheet .custom-emojis-list button{color:var(--text-color);border-radius:8px;background-image:-webkit-radial-gradient(closest-side,var(--img-bg-color),transparent);background-image:radial-gradient(closest-side,var(--img-bg-color),transparent);text-shadow:0 1px 0 var(--bg-color);position:relative;min-width:44px;min-height:44px;font-variant-numeric:slashed-zero;-webkit-font-feature-settings:"ss01","zero","zero","zero";font-feature-settings:"ss01","zero","zero","zero"}#custom-emojis-sheet .custom-emojis-list button[data-title]:after{max-width:50vw;pointer-events:none;position:absolute;content:attr(data-title);left:50%;top:0;background-color:var(--bg-color);padding:2px 4px;border-radius:4px;font-size:12px;border:1px solid var(--text-color);-webkit-transform:translate(-50%,-110%);transform:translate(-50%,-110%);opacity:0;-webkit-transition:opacity .1s ease-out .1s;transition:opacity .1s ease-out .1s;font-family:var(--monospace-font);line-height:1}#custom-emojis-sheet .custom-emojis-list button.edge-left[data-title]:after{left:0;-webkit-transform:translate(0,-110%);transform:translateY(-110%)}#custom-emojis-sheet .custom-emojis-list button.edge-right[data-title]:after{left:100%;-webkit-transform:translate(-100%,-110%);transform:translate(-100%,-110%)}#custom-emojis-sheet .custom-emojis-list button:hover,#custom-emojis-sheet .custom-emojis-list button:focus{z-index:1;-webkit-filter:none;filter:none;background-color:var(--bg-faded-color)}#custom-emojis-sheet .custom-emojis-list button[data-title]:hover:after{opacity:1}#custom-emojis-sheet .custom-emojis-list button[data-title]:focus:after{opacity:1}#custom-emojis-sheet .custom-emojis-list button img{-webkit-transition:-webkit-transform .1s ease-out;transition:-webkit-transform .1s ease-out;transition:transform .1s ease-out;transition:transform .1s ease-out,-webkit-transform .1s ease-out}#custom-emojis-sheet .custom-emojis-list button:hover img,#custom-emojis-sheet .custom-emojis-list button:focus img{-webkit-transform:scale(2);transform:scale(2)}#custom-emojis-sheet .custom-emojis-list button.edge-left img{-webkit-transform-origin:left center;transform-origin:left center}#custom-emojis-sheet .custom-emojis-list button.edge-right img{-webkit-transform-origin:right center;transform-origin:right center}#custom-emojis-sheet .custom-emojis-list button code{font-size:.8em}.compose-field-container{display:grid!important}@media (max-width: 479.98px){.compose-field-container{margin-inline:calc(-1 * var(--form-spacing-inline));width:100vw!important;max-width:100vw}.compose-field-container .compose-field{border-radius:0;outline-offset:-2px}}.compose-field-container.debug{grid-template-columns:1fr 1fr}.compose-field-container>.compose-field,.compose-field-container>.compose-highlight{grid-area:1 / 1 / 2 / 2}.compose-field-container .compose-highlight{user-drag:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;touch-action:none;padding:8px;color:transparent;background-color:transparent;border:2px solid transparent;line-height:1.4;overflow:auto;unicode-bidi:plaintext;-webkit-rtl-ordering:logical;rtl-ordering:logical;word-wrap:break-word;white-space:pre-wrap;min-height:5em;max-height:50vh;scrollbar-width:none}.compose-field-container .compose-highlight::-webkit-scrollbar{display:none}@media (min-width: 40em){.compose-field-container .compose-highlight{max-height:65vh}}.compose-field-container .compose-highlight mark{color:inherit}.compose-field-container .compose-highlight .compose-highlight-url,.compose-field-container .compose-highlight .compose-highlight-hashtag{background-color:transparent;-webkit-text-decoration:underline;text-decoration:underline;text-decoration-color:var(--link-faded-color);text-decoration-thickness:2px;text-underline-offset:2px}.compose-field-container .compose-highlight .compose-highlight-mention,.compose-field-container .compose-highlight .compose-highlight-emoji-shortcode,.compose-field-container .compose-highlight .compose-highlight-exceeded{mix-blend-mode:multiply;border-radius:4px;box-shadow:0 0 0 1px}.compose-field-container .compose-highlight .compose-highlight-mention{background-color:var(--orange-light-bg-color);box-shadow-color:var(--orange-light-bg-color)}.compose-field-container .compose-highlight .compose-highlight-emoji-shortcode{background-color:var(--bg-faded-color);box-shadow-color:var(--bg-faded-color)}.compose-field-container .compose-highlight .compose-highlight-exceeded{background-color:var(--red-bg-color);box-shadow-color:var(--red-bg-color)}@media (prefers-color-scheme: dark){:where(html:not(.is-light)) .compose-field-container .compose-highlight .compose-highlight-mention,:where(html:not(.is-light)) .compose-field-container .compose-highlight .compose-highlight-emoji-shortcode,:where(html:not(.is-light)) .compose-field-container .compose-highlight .compose-highlight-exceeded{mix-blend-mode:screen}}:where(html.is-dark) .compose-field-container .compose-highlight .compose-highlight-mention,:where(html.is-dark) .compose-field-container .compose-highlight .compose-highlight-emoji-shortcode,:where(html.is-dark) .compose-field-container .compose-highlight .compose-highlight-exceeded{mix-blend-mode:screen}@-webkit-keyframes gif-shake{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}25%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}50%{-webkit-transform:rotate(0deg);transform:rotate(0)}75%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0)}}@keyframes gif-shake{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}25%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}50%{-webkit-transform:rotate(0deg);transform:rotate(0)}75%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0)}}@-webkit-keyframes jump-scare{0%{opacity:.5;-webkit-transform:scale(.25) translateX(80px);transform:scale(.25) translate(80px)}to{opacity:1;-webkit-transform:scale(1) translateX(0);transform:scale(1) translate(0)}}@keyframes jump-scare{0%{opacity:.5;-webkit-transform:scale(.25) translateX(80px);transform:scale(.25) translate(80px)}to{opacity:1;-webkit-transform:scale(1) translateX(0);transform:scale(1) translate(0)}}@-webkit-keyframes jump-scare-rtl{0%{opacity:.5;-webkit-transform:scale(.25) translateX(-80px);transform:scale(.25) translate(-80px)}to{opacity:1;-webkit-transform:scale(1) translateX(0);transform:scale(1) translate(0)}}@keyframes jump-scare-rtl{0%{opacity:.5;-webkit-transform:scale(.25) translateX(-80px);transform:scale(.25) translate(-80px)}to{opacity:1;-webkit-transform:scale(1) translateX(0);transform:scale(1) translate(0)}}.add-button{-webkit-transform-origin:var(--forward) center;transform-origin:var(--forward) center;background-color:var(--bg-blur-color)!important;-webkit-animation:jump-scare .2s ease-in-out both;animation:jump-scare .2s ease-in-out both}[dir=rtl] .add-button{-webkit-animation-name:jump-scare-rtl;animation-name:jump-scare-rtl}.add-button .icon{-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.add-button.active .icon{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.gif-picker-button:hover .icon,.gif-picker-button:focus .icon{-webkit-animation:gif-shake .3s 3;animation:gif-shake .3s 3}#gif-picker-sheet{height:50vh}#gif-picker-sheet form{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;gap:8px;-webkit-box-align:center;align-items:center}#gif-picker-sheet form input[type=search]{-webkit-box-flex:1;flex-grow:1;min-width:0}#gif-picker-sheet main{overflow-x:auto;overflow-y:hidden;-webkit-mask-image:-webkit-linear-gradient(var(--to-forward),transparent 2px,black 16px,black calc(100% - 16px),transparent calc(100% - 2px));mask-image:linear-gradient(var(--to-forward),transparent 2px,black 16px,black calc(100% - 16px),transparent calc(100% - 2px))}@media (min-height: 480px){#gif-picker-sheet main{overflow-y:auto;max-height:50vh}}#gif-picker-sheet main.loading{opacity:.25}#gif-picker-sheet main .ui-state{min-height:100px}#gif-picker-sheet main ul{min-height:100px;display:-webkit-box;display:flex;gap:4px;list-style:none;padding:8px 2px;margin:0}@media (min-height: 480px){#gif-picker-sheet main ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-auto-rows:1fr}}#gif-picker-sheet main ul li{list-style:none;padding:0;margin:0;max-width:100%;display:-webkit-box;display:flex}#gif-picker-sheet main ul li button{padding:4px;margin:0;border:none;background-color:transparent;color:inherit;cursor:pointer;border-radius:8px;background-color:var(--bg-faded-color)}@media (min-height: 480px){#gif-picker-sheet main ul li button{width:100%;text-align:center}}#gif-picker-sheet main ul li button:hover,#gif-picker-sheet main ul li button:focus{background-color:var(--link-bg-color);box-shadow:0 0 0 2px var(--link-light-color);-webkit-filter:none;filter:none}#gif-picker-sheet main ul li figure{margin:0;padding:0;width:var(--figure-width);max-width:100%}@media (min-height: 480px){#gif-picker-sheet main ul li figure{width:100%;text-align:center}}#gif-picker-sheet main ul li figure figcaption{font-size:.8em;padding:2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--text-insignificant-color)}#gif-picker-sheet main ul li img{background-color:var(--img-bg-color);border-radius:4px;vertical-align:top;-o-object-fit:contain;object-fit:contain}#gif-picker-sheet main .pagination{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;gap:8px;padding:0;margin:0;position:sticky;bottom:0;left:0;right:0}@media (min-height: 480px){#gif-picker-sheet main .pagination{position:static}}
|