body{display:flex;min-height:100vh;flex-direction:column}body>main{flex:1 0 auto;width:100%;max-width:1140px;margin:50px auto;margin-right:auto;display:flex;flex-direction:column}.visibility-icon{z-index:1}.container{max-width:600px;width:100%;margin-left:auto;margin-right:auto}fieldset{padding:1rem;border-color:var(--outline-variant);border-style:solid;margin-block-start:1rem}fieldset>legend{margin:0 -0.25rem;padding:0 .25rem}label{font-size:inherit}form{display:flex;flex-direction:column;width:100%}form .field{margin-block-end:0}form .field.flex-grow-1{flex-grow:1}form button[type=button],form button[type=submit]{margin:1rem 0 0}form button[type=button][type=submit],form button[type=submit][type=submit]{align-self:flex-end}.hidden{display:none}table tr.clickable[data-id]:not([data-id=""]){cursor:pointer}table tr.clickable[data-id]:not([data-id=""]):hover,table tr.clickable[data-id]:not([data-id=""]):focus{background-color:var(--active);transition:background-color .3s ease}table tr th{white-space:nowrap;max-width:none}table tr td{text-align:left;overflow-wrap:break-word;align-self:center}table tr td .field select{font-size:inherit}.widget-container{display:none}.full-width{width:100%}.sortable-list i.search-icon{z-index:1}.sortable-list table th{cursor:pointer;max-inline-size:none;flex:1}.sortable-list table th.sort.asc::after{content:"⬆";padding-left:3px}.sortable-list table th.sort.desc::after{content:"⬇";padding-left:3px}.sortable-list table tbody{display:table-row-group}.sortable-list table tbody td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-inline-size:none;flex:1}.sortable-list table tbody td.min{max-inline-size:fit-content}.square-container{width:100%}.square-container#profile-image{max-width:clamp(100px,9vw,125px)}.square-container#profile-image .image-container{border:1px solid var(--outline);position:relative;border-radius:20px}.square-container#profile-image .image-container::after{content:"edit";font-family:var(--font-icon);position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0);transition:all .4s ease;display:flex;justify-content:center;align-items:center;color:rgba(0,0,0,0);font-size:1.75rem}.square-container#profile-image .image-container:hover::after,.square-container#profile-image .image-container:focus::after{background-color:rgba(0,0,0,.3);color:#fff;cursor:pointer}.square-container#profile-image .image-container i{font-size:clamp(45px,8vw,65px)}.square-container .image-container{position:relative;width:100%;padding-bottom:100%;overflow:hidden}.square-container .image-container img,.square-container .image-container i{position:absolute;top:0;left:0;object-fit:cover;width:100%;height:100%}#review-dialog{max-width:600px;width:100%}#review-dialog .scroll{border-radius:0}.tooltip.left{left:-5px}.tooltip.right{right:-5px}.tooltip.top{top:-5px}.tooltip.bottom{bottom:-5px}.code-container{display:flex;flex-direction:column}.code-container header{background-color:#f9f9fb;border-bottom:1px solid #cdcdcd;flex-direction:row;justify-content:space-between;padding:0 1rem}.code-container pre{width:100%;white-space:pre-wrap;overflow-wrap:break-word;background-color:#f2f1f1;padding:1rem 2.5rem 1rem 1rem}iframe{border:none;width:100%}label[for=bgColor]{font-size:1rem;margin-right:.5rem}body.dark .error-container,body.dark .success-container{color:var(--on-primary) !important}body.dark .square-container#profile-image .image-container:hover::after,body.dark .square-container#profile-image .image-container:focus::after{background-color:hsla(0,0%,100%,.8);color:#000}:root{--on-success: #d4edda}.error-container{color:var(--on-surface) !important}.success-container{color:var(--on-surface);background-color:var(--on-success)}.flex-grow-0{flex-grow:0}.flex-grow-1{flex-grow:1}.flex-column{flex-direction:column}.flex-column.middle-align{justify-content:center}.foregroundColor,.backgroundColor{border-radius:0 !important}