:host{--modal-background: #f0f0f0}.reddit-modal{margin:auto;border:1px solid gray;border-radius:4px;background:var(--modal-background);height:600px;width:min(800px,100% - 16px);box-shadow:0 0 12px #000;overflow:clip;display:none;flex-direction:column}.reddit-modal[open]{display:flex}.reddit-modal>div{display:flex;flex-grow:1;max-height:100%}.reddit-modal{font-family:IBM Plex Sans,sans-serif;font-size:20px}.reddit-modal p,a,span{font-size:16px}.reddit-modal p{margin-top:20px;margin-bottom:20px}.reddit-modal .header{position:sticky;top:0;color:#000;padding:16px;background:url(/images/reddit-login-banner.png);background-size:cover;min-width:144px;width:144px;border-radius:4px 4px 0 0}.reddit-modal .body{padding:8px;display:flex;flex-direction:column;row-gap:8px;flex-grow:1;overflow-y:auto;overflow-x:hidden}.reddit-modal .section{display:flex;flex-direction:column;row-gap:8px}.reddit-modal,.body,.reddit-modal .body{touch-action:manipulation}@media (orientation: portrait){.reddit-modal>div{flex-direction:column;position:relative}.reddit-modal .header{background:#343536;color:#fff;width:auto}.reddit-modal .confirm-button{position:absolute;bottom:8px;width:calc(100% - 16px)}}.reddit-modal-input{all:unset;border:1px solid #ccc;border-radius:4px;padding:8px;font-size:14px;outline:none;height:14px;margin:0;background-color:#fff;cursor:text}.reddit-modal-input[type=file]::file-selector-button{all:unset;border-radius:5px;background-color:#fff;border:0px solid black;box-shadow:none;height:100%}.reddit-modal-input[type=file]{height:48px;background-color:transparent}.reddit-modal-input:focus{border-color:#369;box-shadow:0 0 5px #ccc}.reddit-modal-button{all:unset;display:inline-block;padding:8px 16px;border:none;border-radius:4px;background-color:#cee3f8;color:#1a1a1b;font-size:14px;font-weight:700;text-align:center;text-decoration:none;cursor:pointer;transition:background-color .2s ease-in-out}.reddit-modal-button:hover{background-color:#b0c8e6}.reddit-modal-button:disabled{opacity:.6;pointer-events:none}.reddit-modal .body-header{position:sticky;z-index:1;background:#f0f0f075;top:0;backdrop-filter:blur(8px)}.reddit-modal label{font-size:16px}.reddit-modal r-close-icon{position:absolute;top:8px;right:16px;width:24px;height:24px;z-index:1;cursor:pointer}.reddit-modal .body-header r-close-icon{right:8px}@media (orientation: portrait){.reddit-modal r-close-icon{right:8px}.reddit-modal r-close-icon svg{fill:#fff}.reddit-modal .body-header r-close-icon{display:none}}