2 lines
84 KiB
CSS
2 lines
84 KiB
CSS
|
#modal-container>div{position:fixed;top:0;inset-inline-end:0;height:100%;width:100%;z-index:1000;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;background-color:var(--backdrop-color);-webkit-animation:appear .5s var(--timing-function) both;animation:appear .5s var(--timing-function) both;-webkit-transition:all .5s var(--timing-function);transition:all .5s var(--timing-function)}#modal-container>div.solid{background-color:var(--backdrop-solid-color)}#modal-container>div{--compose-button-dimension: 56px;--compose-button-dimension-half: calc(var(--compose-button-dimension) / 2);--compose-button-dimension-margin: 16px}#modal-container>div.min{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;-webkit-transform:scale(0);transform:scale(0);--end: max( var(--compose-button-dimension-margin), env(safe-area-inset-right) )}[dir=rtl] .min:is(#modal-container>div){--end: max( var(--compose-button-dimension-margin), env(safe-area-inset-left) )}#modal-container>div.min{--bottom: max( var(--compose-button-dimension-margin), env(safe-area-inset-bottom) );--origin-end: calc( 100% - var(--compose-button-dimension-half) - var(--end) )}[dir=rtl] .min:is(#modal-container>div){--origin-end: calc(var(--compose-button-dimension-half) + var(--end))}#modal-container>div.min{--origin-bottom: calc( 100% - var(--compose-button-dimension-half) - var(--bottom) );-webkit-transform-origin:var(--origin-end) var(--origin-bottom);transform-origin:var(--origin-end) var(--origin-bottom)}#modal-container>div .sheet{-webkit-transition:-webkit-transform .3s var(--timing-function);transition:-webkit-transform .3s var(--timing-function);transition:transform .3s var(--timing-function);transition:transform .3s var(--timing-function),-webkit-transform .3s var(--timing-function);-webkit-transform-origin:80% 80%;transform-origin:80% 80%}#modal-container>div:has(~div) .sheet{-webkit-transform:scale(.975);transform:scale(.975)}@media (max-width: calc(40em - 1px)){#app[data-shortcuts-view-mode=tab-menu-bar]~#modal-container>div.min{border:2px solid red;--bottom: calc( var(--compose-button-dimension-margin) + env(safe-area-inset-bottom) + 52px )}}.avatar{display:inline-block;line-height:0;aspect-ratio:1/1;border-radius:50%;overflow:hidden;background-color:var(--bg-faded-color);box-shadow:0 0 0 1px var(--bg-blur-color);flex-shrink:0;vertical-align:middle}.avatar.has-alpha{border-radius:0;background-color:transparent;box-shadow:none}.avatar.has-alpha img{background-color:transparent}.avatar.squircle:not(.has-alpha){border-radius:25%}.avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;background-color:var(--img-bg-color);contain:none}.avatar[data-loaded],.avatar[data-loaded] img{box-shadow:none;background-color:transparent}.name-text{color:inherit;-webkit-text-decoration:none;text-decoration:none;display:inline;unicode-bidi:isolate}.name-text b{font-weight:600;unicode-bidi:isolate}.name-text i{font-variant-numeric:slashed-zero;-webkit-font-feature-settings:"ss01","zero","zero";font-feature-settings:"ss01","zero","zero"}.name-text.show-acct{display:inline-block}a.name-text:hover b,a.name-text:focus b,a.name-text.short:hover i,a.name-text.short:focus i{-webkit-text-decoration:underline;text-decoration:underline;text-decoration-color:var(--text-insignificant-color)}.name-text i{font-style:normal;opacity:.75}.name-text .avatar{vertical-align:middle;-webkit-transform:translateY(-.1em);transform:translateY(-.1em)}.account-block{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;gap:8px;color:var(--text-color);-webkit-text-decoration:none;text-decoration:none}.account-block .account-block-acct{display:inline-block}.account-block:hover b{-webkit-text-decoration:underline;text-decoration:underline}.account-block.skeleton{color:var(--bg-faded-color)}.account-block .verified-field{display:-webkit-inline-box;display:inline-flex;-webkit-box-align:baseline;align-items:baseline;gap:2px}.account-block .verified-field *{-
|