:root{--header-height:72px;--vh100-offset:calc(100vh - var(--header-height))}body{min-height:100vh}footer{width:100%}.fill-screen{min-height:var(--vh100-offset)}.profile-pic-upload-input{width:8rem;height:8rem}.locale-selector-list{z-index:10;cursor:pointer;background-color:#fff;border-radius:6px;width:64px;margin-top:4px;margin-left:-16px;padding:6px 4px 8px;list-style:none;position:absolute;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.locale-selector-list-option{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex;position:relative}.form-transition{transition:all .8s ease-in-out}.picker-popper{z-index:10;position:absolute;top:88%;right:69%;transform:translate(50%,-50%)}
@apply px-5 py-3 font-mono text-sm font-bold text-gray-200 bg-gray-700 rounded-t;@apply mt-0 rounded-t-none;@apply float-left min-w-full;@apply block pl-4 pr-4 -mx-4 border-l-4 border-gray-800;@apply -mx-4 bg-gray-700 bg-opacity-50 border-l-4 border-gray-500;@apply pr-4 -ml-2 text-gray-400;.line-number:before{content:attr(line)}.token.comment,.token.prolog,.token.cdata{color:#637777;font-style:italic}.token.punctuation{color:#c792ea}.namespace{color:#b2ccd6}.token.deleted{color:#ef53508f;font-style:italic}.token.symbol,.token.property{color:#80cbc4}.token.tag,.token.operator,.token.keyword{color:#7fdbca}.token.boolean{color:#ff5874}.token.number{color:#f78c6c}.token.constant,.token.function,.token.builtin,.token.char{color:#82aaff}.token.selector,.token.doctype{color:#c792ea;font-style:italic}.token.attr-name,.token.inserted{color:#addb67;font-style:italic}.token.string,.token.url,.token.entity,.language-css .token.string,.style .token.string{color:#addb67}.token.class-name,.token.atrule,.token.attr-value{color:#ffcb8b}.token.regex,.token.important,.token.variable{color:#d6deeb}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}