vaadin-scroller[slot=drawer]{padding:var(--lumo-space-s)}[slot=drawer]:is(header,footer){display:flex;align-items:center;gap:var(--lumo-space-s);padding:var(--lumo-space-s) var(--lumo-space-m);min-height:var(--lumo-size-xl);box-sizing:border-box}[slot=drawer]:is(header,footer):is(:empty){display:none}.register-view{display:block;margin:0 auto;max-width:1024px;padding:0 var(--lumo-space-l)}.register-view .button-layout{margin-bottom:var(--lumo-space-l);margin-top:var(--lumo-space-m)}.welcome-view{display:block;height:100%}.welcome-view vaadin-grid{height:100%;line-height:var(--lumo-line-height-m)}.welcome-view vaadin-grid,.welcome-view vaadin-grid-cell-content{background-color:var(--askamaar-custom-bg-color)}.welcome-view .card{background-color:(var--askamaar-custom-bg-color);border-radius:var(--lumo-border-radius);box-shadow:var(--lumo-box-shadow-xs);padding:calc(var(--lumo-space-s)* 1.5) var(--lumo-space-m)}.welcome-view img{border-radius:50%;flex-shrink:0;height:var(--lumo-size-m);margin-right:calc(var(--lumo-space-s)* 1.5);width:var(--lumo-size-m)}.welcome-view .header{align-items:baseline}.welcome-view .name{font-size:var(--lumo-font-size-s);font-weight:700;margin-right:var(--lumo-space-s)}.welcome-view .date{color:var(--lumo-tertiary-text-color);font-size:var(--lumo-font-size-xs)}.welcome-view .post{color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-s);margin-bottom:var(--lumo-space-s);white-space:normal}.welcome-view .actions{align-items:center}.welcome-view .icon{color:var(--lumo-tertiary-text-color);height:calc(var(--lumo-icon-size-s)* .8);margin-right:var(--lumo-space-s);width:calc(var(--lumo-icon-size-s)* .8)}.welcome-view .likes,.welcome-view .comments,.welcome-view .shares{color:var(--lumo-tertiary-text-color);font-size:var(--lumo-font-size-xs);margin-right:var(--lumo-space-l)}.screenshot-image{border:1px solid white;border-radius:25%;max-height:180px;margin:5px;max-width:180px;flex-grow:overflow-auto}.panel_header{background-image:url(/images/white_black.png);background-repeat:no-repeat;background-size:100% 5px}.overlay-text{position:absolute;bottom:10px;left:20px;transform:translate(-10%);box-sizing:border-box;text-align:center;padding:10px;width:210px;color:#fff;background:#00000080}@media (max-width : 1024px){.responsive-image{width:206px;height:206px}}@media (min-width : 1025px){.responsive-image{width:309px;height:309px}}.highlighted-button{background-color:var(--lumo-primary-color);color:#fff}.highlighted-form{background-color:var(--askamaar-custom-bg-color);border:1px solid var(--askamaar-custom-border-color);padding:1em}.white-border{border:1px solid #FFFFFF}.common-position-relative{position:relative}.trash-overlay-icon{position:absolute;top:1px;right:1px;z-index:1}vaadin-dialog-overlay::part(content){background-color:var(--askamaar-custom-bg-color-dialog);color:#fff;min-width:80px;min-height:80px}.wrap-buttons{margin-left:2%;margin-right:2%;display:flex;flex-wrap:wrap}.wrap-buttons button{margin:5px}.common-tiles-header{color:#fff;border:1px solid var(--askamaar-custom-border-color);margin-bottom:0;width:300px;font-weight:700}.common-tiles-body{color:#000;background-color:#ddd;border:1px solid var(--askamaar-custom-border-color);margin-top:0;width:300px;height:300px;padding:20px;justify-content:center}.common-tiles-image{border:1px solid var(--askamaar-custom-border-color);margin-top:0;width:300px;height:300px;padding:20px;background-repeat:no-repeat;background-position:center}.default-header-color{background-color:#888}.campaign-header-color{background-color:#008}.adventure-header-color{background-color:#800}.character-header-color{background-color:#080}.character-selection-view vaadin-grid{height:100%;line-height:var(--lumo-line-height-m)}.character-selection-view vaadin-grid,.character-selection-view vaadin-grid-cell-content{background-color:var(--lumo-contrast-10pct)}.character-selection-view .card{background-color:var(--lumo-base-color);border-radius:var(--lumo-border-radius);box-shadow:var(--lumo-box-shadow-xs);padding:calc(var(--lumo-space-s)* 1.5) var(--lumo-space-m)}.character-selection-view img{border-radius:50%;flex-shrink:0;height:var(--lumo-size-m);margin-right:calc(var(--lumo-space-s)* 1.5);width:var(--lumo-size-m)}.character-selection-view .header{align-items:baseline}.character-selection-view .name{font-size:var(--lumo-font-size-s);font-weight:700;margin-right:var(--lumo-space-s)}.character-selection-view .characterClass{color:var(--lumo-tertiary-text-color);font-size:var(--lumo-font-size-xs)}.character-selection-view .level{color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-s);margin-bottom:var(--lumo-space-s);white-space:normal}.flex-box{display:flex;justify-content:center;align-items:stretch}.flex-left-column{flex-basis:80%}.flex-right-column{flex-basis:20%}[theme~=dark]{--lumo-base-color: #000000;--lumo-primary-color: #880000;--lumo-primary-color-50pct: hsla(1, 64%, 42%, .6);--lumo-primary-color-10pct: hsla(1, 64%, 42%, .4);--lumo-error-color: hsl(60, 100%, 52%);--lumo-error-color-50pct: hsla(60, 100%, 52%, .5);--lumo-error-color-10pct: hsla(60, 100%, 52%, .1);--lumo-primary-text-color: hsl(1, 100%, 70%);--lumo-error-text-color: hsl(58, 100%, 53%);--askamaar-custom-bg-color: #222222;--askamaar-custom-bg-color-dialog: hsla(1, 64%, 42%, .6);--askamaar-custom-border-color: #444444}