.text-field-container{width:100%}.admin-document-component{flex:1 0 auto;display:flex;flex-direction:column}.admin-document-component .btn-bar{margin-top:10px;display:flex;gap:10px;align-items:center}.header{display:flex;align-items:center;column-gap:20px;height:55px}.config-create-and-edit-dialog-textfield{width:100%}.config-crud-component:not(.status-crud-component){flex:1 0 auto;min-width:400px;max-width:800px}.status-crud-component{flex:2 0 auto;min-width:780px}.config-crud-component .header vaadin-button{margin-left:auto}.config-crud-component vaadin-grid::part(cell){overflow:unset;white-space:break-spaces}.config-crud-component vaadin-grid{height:300px}.config-crud-component .grid-actions{display:flex}.config-crud-component .grid-actions>vaadin-button:first-child{margin-left:auto}#non-binary-hint-config-component{display:flex;flex-direction:column;flex:1 0 25%;max-width:600px}#non-binary-hint-config-component vaadin-text-area{height:165px}#non-binary-hint-config-component div{display:flex;column-gap:10px}#non-binary-hint-config-component div>vaadin-button:first-child{margin-left:auto}#tf-display-text{width:100%}#zmd-config-component{display:flex;flex-direction:column;flex-wrap:wrap;height:100%;width:100%}#zmd-config-component .row{padding-bottom:20px}#zmd-config-component .row,#zmd-config-component .upload-row{display:flex;flex-wrap:wrap;flex-direction:row;gap:30px}div#reason-edit-dialog-content{display:flex;flex-direction:column;width:100%}div#reason-edit-dialog-content vaadin-text-area,div#reason-edit-dialog-content vaadin-text-field{width:100%}div#reason-edit-dialog-content vaadin-text-area{height:200px}participant-form{padding:5px;display:flex;flex-wrap:wrap;gap:20px;align-items:center}participant-form vaadin-date-picker#dp-birthday{max-width:300px}participant-form vaadin-text-field,participant-form vaadin-combo-box,participant-form vaadin-date-picker,participant-form span,participant-form vaadin-email-field{flex:1 1 20%}participant-form #tnc-agreement{flex:1 1 20%;display:flex;flex-direction:column;margin-top:24px}participant-form .header-content-div{flex:1 1 40%;max-width:400px}participant-form .header-content-div span{word-wrap:break-word}participant-form .header-content-div#final-note{flex:1 1 80%;max-width:1000px}participant-form vaadin-text-area,participant-form .admin-form-list-component{flex:1 1 100%}participant-form #btn-container{display:flex;gap:20px}participant-form vaadin-text-area{height:150px}participant-admin-form-view div#header{display:flex;gap:10px;flex-wrap:wrap;align-items:center}participant-filter-component>div{display:flex;flex-direction:row;column-gap:10px;align-items:flex-end}participant-filter-component vaadin-text-field{min-width:300px}membership-admin-component{display:flex;flex-direction:column;width:100%}membership-admin-component vaadin-date-picker{max-width:300px}#membership-detail-dialog{display:flex;flex-direction:column;margin-left:10px;margin-right:10px}#membership-detail-dialog .row{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;gap:20px}zip-code-admin-selection-component{display:flex;flex-direction:row;column-gap:10px;align-items:flex-end}#request-admin-filter-component{display:flex;align-items:end;flex-wrap:wrap;column-gap:20px}#request-admin-list-component{display:flex;flex-direction:column;gap:10px;height:100%;width:100%}#request-admin-list-component vaadin-button{max-width:400px}#request-admin-form{display:flex;flex-wrap:wrap;column-gap:20px}#request-admin-form vaadin-text-field:not(#tf-address),#request-admin-form vaadin-combo-box,#request-admin-form vaadin-date-picker,#request-admin-form span{flex:1 1 45%}#request-admin-form span{display:flex;align-items:center}#request-admin-form vaadin-text-field#tf-address,#request-admin-form div,#request-admin-form vaadin-text-area{flex:1 1 100%}#request-admin-form div{margin-top:10px}#request-admin-form vaadin-text-area{height:150px}#request-admin-form #btn-container{display:flex;gap:20px}help-request-component{display:flex;flex-wrap:wrap;width:100%;gap:20px;align-items:flex-end}help-request-component div#status{display:flex;align-items:flex-end;gap:20px;width:100%;flex-wrap:wrap}help-request-component div vaadin-button{margin-bottom:-1px}help-request-component vaadin-combo-box{padding:0}help-request-component .content-div{display:flex;flex-direction:column;flex-wrap:nowrap}help-request-component div#blocked-participant{display:flex;flex-direction:column}help-request-component div#blocked-participant-data{display:flex;flex-direction:row;gap:20px;flex-wrap:wrap}help-request-component .content-div span{max-width:1000px}#help-request-history-list-component{height:100%;width:100%}.help-request-history-dialog vaadin-text-area{width:100%;height:150px}help-request-admin-filter-component{display:flex;align-items:flex-end;column-gap:20px}help-request-admin-filter-component vaadin-text-field{min-width:300px}#blocked-participant-admin-view div#filter{display:flex;flex-direction:row;align-items:flex-end;gap:20px}#blocked-participant-admin-view div#filter vaadin-text-field{min-width:250px}#blocked-participant-list-component{height:100%;width:100%}#blocked-participant-list-component vaadin-grid{height:100%}symbol-admin-list-component,symbol-admin-list-component vaadin-grid{height:100%;width:100%}symbol-admin-list-component vaadin-grid img{width:150px}symbol-admin-list-component vaadin-grid div.actions{display:flex;flex-wrap:wrap;gap:20px}symbol-admin-list-component vaadin-grid span.text{max-width:500px;display:block}symbol-admin-list-component span{white-space:break-spaces}#symbol-admin-dialog{display:flex;flex-wrap:wrap;row-gap:20px}#symbol-admin-dialog{width:100%;gap:10px;max-width:800px}#symbol-admin-dialog img{width:200px}#symbol-admin-dialog vaadin-text-area{width:100%;height:150px}#information-admin-list-component,#information-admin-list-component vaadin-grid{width:100%}#information-admin-list-component vaadin-grid div.actions{display:flex;gap:20px;flex-wrap:wrap}#information-admin-list-component span{white-space:normal}#information-admin-dialog{width:100%;display:flex;flex-direction:column;gap:20px}#information-admin-dialog vaadin-text-area{width:100%;height:150px}#video-admin-list-component{width:100%}.video-admin-component{display:flex;flex-direction:row;gap:25px;width:100%;align-items:center;justify-content:space-between}.video-admin-component div.btn-container{display:flex;gap:20px}.video-admin-component video-player,.video-admin-component div.btn-container{flex:1}.video-admin-component span{flex:2}#video-admin-dialog{display:flex;flex-direction:column;gap:20px;width:100%}#video-admin-dialog vaadin-text-area{width:100%;height:150px}#information-admin-list-component div#header,#video-admin-list-component div#header{display:flex;flex-direction:row;gap:20px;padding-bottom:20px}employee-mandant-role-temp-list-component{width:100%}employee-mandant-role-temp-list-component div#header{display:flex;flex-direction:row;flex-wrap:wrap;gap:30px}employee-list-component{width:100%}role-list-component{width:100%}mandant-list-component{width:100%}mandant-list-component div#header{display:flex;flex-direction:row;flex-wrap:wrap;gap:30px}div#employee-edit-dialog{display:flex;flex-direction:column;gap:20px;width:100%}div#employee-edit-dialog vaadin-text-field,div#employee-edit-dialog vaadin-text-area{width:100%}div#employee-mandant-role-temp-edit-dialog{display:flex;flex-direction:column;gap:20px;width:100%}div#employee-mandant-role-temp-edit-dialog vaadin-text-field,div#employee-mandant-role-temp-edit-dialog vaadin-combo-box{width:100%}div#mandant-edit-dialog{display:flex;flex-direction:column;gap:20px;width:100%}div#mandant-edit-dialog vaadin-text-field,div#mandant-edit-dialog vaadin-combo-box{width:100%}#appointment-form,#contact-history-form{display:flex;flex-direction:column}.admin-form-list-component h3{margin-bottom:5px}.admin-form-list-component vaadin-date-time-picker vaadin-time-picker{max-width:100px}.admin-form-list-component .grid-actions{display:flex;flex-direction:row;flex-wrap:nowrap;gap:10px}.list-component,.list-component vaadin-grid{height:100%;width:100%}#search-criteria-component{display:flex;flex-direction:column;gap:10px}#search-criteria-component .row{display:flex;flex-direction:row;column-gap:10px}@media (max-width: 1010px){#search-criteria-component .row{justify-content:space-between;flex-wrap:wrap}#search-criteria-component .row span:not(.bold){text-align:right}#search-criteria-component .row span.bold{white-space:nowrap;flex-basis:100%}}search-results-list-component{width:100%;display:flex;flex-direction:column;gap:20px}#search-header-component{display:flex;flex-direction:row;width:100%;justify-content:space-between}@media screen and (max-width: 800px){#search-header-component{flex-wrap:wrap-reverse}}distance-selection-component{display:flex;flex-direction:column;flex-wrap:wrap}distance-selection-component vaadin-combo-box{max-width:250px;padding-top:0}search-criteria-edit-component{width:100%;display:flex;flex-direction:row;overflow-x:hidden}search-criteria-edit-component div#content{display:flex;flex-direction:column;width:100%}search-criteria-edit-component div#content div.header-div{display:flex;flex-wrap:wrap;column-gap:10px;align-items:center}search-criteria-edit-component div#content div.gender-and-age{display:flex;flex-direction:column}search-criteria-edit-component div#content div.gender-and-age div.gender{display:flex;flex-direction:column}search-criteria-edit-component div#content span:not(.separator){white-space:normal}search-criteria-edit-component div#content span.separator{width:200%}search-criteria-edit-component div#content div.age div.age-fields{display:flex;column-gap:20px}search-criteria-edit-component div#content div.age div.age-fields vaadin-integer-field{width:150px;padding-top:0}search-criteria-edit-component div#content div#btn-layout{display:flex;flex-wrap:wrap;flex-direction:row;column-gap:10px;max-width:500px}search-criteria-edit-component div#content .search-criteria-header{display:flex;justify-content:space-between;align-items:flex-start}@media screen and (max-width: 500px){search-criteria-edit-component{flex-wrap:wrap-reverse}search-criteria-edit-component div#content vaadin-button{width:100%}search-criteria-edit-component div#content div.gender-and-age div.gender,search-criteria-edit-component div#content div.age div.age-fields{justify-content:center}search-criteria-edit-component distance-selection-component vaadin-combo-box{max-width:unset}search-criteria-edit-component div#content div.age div.age-fields vaadin-integer-field{width:45%}}.lightweight-dialog-btn-container{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;column-gap:10px}.lightweight-dialog-header-span{font-size:larger;font-weight:700}@media screen and (max-width: 800px){.lightweight-dialog-btn-container vaadin-button{width:100%}}.top-menu-btn{margin-left:10px}span.participant-notification{width:1rem;height:1rem;background:var(--primaryUserColor);border-radius:100%;margin-right:5px}vaadin-side-nav vaadin-side-nav-item:first-child{margin-top:10px}vaadin-side-nav-item{margin-bottom:5px;margin-left:10px;margin-right:10px;white-space:normal}vaadin-side-nav-item::part(link){padding:1px;font-weight:500;font-size:var(--lumo-font-size-m);border:2px solid black;border-radius:var(--lumo-border-radius-m);white-space:normal}vaadin-side-nav-item[current]::part(link){border:4px solid black;background-color:var(--secondaryUserColor)}vaadin-side-nav-item[path]{white-space:normal}#about-me-menu-item{margin-top:20px}#my-hobbies{margin-bottom:20px}@media screen and (min-width: 500px){vaadin-side-nav,vaadin-app-layout::part(drawer){min-width:400px}vaadin-side-nav-item{min-width:360px}}@media screen and (max-width: 500px){vaadin-side-nav-item>[slot=prefix]{margin-right:-13px}vaadin-side-nav-item::part(link){font-weight:485;font-size:1.3rem}}#notification-dialog{display:flex;flex-direction:column;row-gap:10px}#notification-dialog span{padding:20px;border-radius:20px;max-width:400px}#notification-dialog vaadin-button{margin-left:auto}request-form{display:flex;flex-wrap:wrap;flex-direction:column;gap:10px;justify-content:center;max-width:900px;margin:auto}request-form vaadin-text-field.border[focused]::part(input-field),request-form vaadin-email-field.border[focused]::part(input-field),request-form vaadin-combo-box.border[focused]::part(input-field),request-form vaadin-integer-field.border[focused]::part(input-field){box-shadow:0 0 0 2px #000}request-form #request-success-div h3{text-align:center}request-form div.row{flex:1 1 40%;display:flex;flex-direction:column}request-form div.row div.fields-container{display:flex;flex-wrap:wrap;column-gap:10px}request-form div.row div.fields-container#address-fields{max-width:620px}request-form div.row div.fields-container#address-fields vaadin-integer-field{max-width:200px}request-form vaadin-text-field,request-form vaadin-email-field,request-form vaadin-integer-field,request-form vaadin-combo-box{flex:1}request-form vaadin-integer-field,request-form vaadin-combo-box{max-width:200px}request-form vaadin-button{max-width:200px}my-hobbies-component{height:100%;width:100%}my-hobbies-component div{display:flex;flex-direction:row}my-hobbies-component div vaadin-button:nth-child(2){margin-left:auto}my-hobbies-component vaadin-checkbox-group{display:flex;flex-direction:row;flex-wrap:wrap;max-width:900px;padding-top:100px}my-hobbies-component vaadin-checkbox-group vaadin-checkbox{flex:1 1 30%;min-width:250px}my-hobbies-component vaadin-checkbox-group label{white-space:normal}my-hobbies-component vaadin-checkbox-group vaadin-checkbox label{white-space:normal}my-hobbies-component .my-hobbies-wrapper{display:flex;justify-content:space-between;align-items:self-end}my-hobbies-component div#btn-container{display:flex;flex-wrap:wrap;justify-content:space-between}@media screen and (max-width: 800px){my-hobbies-component .my-hobbies-wrapper{flex-wrap:wrap-reverse}my-hobbies-component vaadin-checkbox-group{padding-top:0}my-hobbies-component div#btn-container vaadin-button{width:100%}}#about-me-form{display:flex;flex-direction:column;width:100%;max-width:1000px}#about-me-form vaadin-text-area{min-height:100px}symbol-selection-component{display:flex;flex-direction:column;width:100%}symbol-selection-component div#symbol-container{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:20px}div#confirm-symbol-delete-dialog{display:flex;flex-direction:column;align-items:center;gap:10px}div#confirm-symbol-delete-dialog img{width:200px}#rbg-symbols vaadin-radio-button::part(radio){align-self:center}#rbg-symbols .symbol-rbg-container{display:flex;gap:10px;flex-direction:row;align-items:center}#rbg-symbols .symbol-rbg-container img{height:150px;object-fit:contain;width:unset}#symbol-selection-dialog-content{width:100%;display:flex;flex-direction:column}#symbol-selection-dialog-content spinner-loading-indicator{margin-left:auto;margin-right:auto}#confirm-symbol-dialog{display:flex;flex-direction:column;align-items:center}@media screen and (max-width: 500px){symbol-selection-component div#symbol-container{justify-content:center}symbol-selection-component vaadin-button{width:100%}}about-me-symbol-component{display:flex;flex-direction:column;align-items:center}about-me-symbol-component img{width:100px}@media screen and (max-width: 500px){about-me-symbol-component,about-me-symbol-component vaadin-button{width:100%}}participant-album-component{width:100%}participant-album-component div#picture-container{display:flex;flex-direction:row;align-items:center;gap:20px;flex-wrap:wrap}@media screen and (max-width: 500px){participant-album-component div#picture-container{justify-content:center}participant-album-component vaadin-button{width:100%}}#participant-picture-upload-dialog{display:flex;flex-direction:column;gap:10px;align-items:center}#participant-picture-upload-dialog img{width:200px}participant-picture-component{display:flex;flex-direction:column;align-items:center}participant-picture-component img{width:200px}#confirm-picture-delete-dialog{display:flex;flex-direction:column;gap:10px;align-items:center}#confirm-picture-delete-dialog img{width:200px}@media screen and (max-width: 500px){participant-picture-component{width:100%}participant-picture-component vaadin-button{width:100%}}#about-me-view div#btn-container{width:100%;display:flex;flex-wrap:wrap;column-gap:20px}#about-me-view div.preview{display:flex;flex-wrap:wrap;gap:10px;align-items:center}#about-me-view div#btn-container vaadin-button{max-width:350px}#about-me-view div#video-album-container{display:flex;flex-direction:row;width:100%;gap:30px;align-items:center;flex-wrap:wrap}@media only screen and (max-width: 760px),(min-device-width: 768px) and (max-device-width: 1024px){#about-me-view div#btn-container vaadin-button{flex:1;max-width:unset;min-width:250px}}#about-me-view .about-me-header{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1000px}@media screen and (max-width: 800px){#about-me-view .about-me-header{flex-wrap:wrap-reverse}}@media screen and (max-width: 500px){#about-me-view div.preview vaadin-button{width:100%}}about-me-video-component{display:flex;flex-direction:row;flex-wrap:wrap}@media only screen and (max-width: 760px),(min-device-width: 768px) and (max-device-width: 1024px){about-me-video-component video-player{display:block;max-width:400px}}@media only screen and (min-width: 760px),(max-device-width: 768px) and (min-device-width: 1024px){about-me-video-component video-player{display:block;width:400px}}table{width:100%;border-collapse:collapse}th{color:#000}th span{font-weight:800}td,th{padding:6px;border:1px solid #ccc;text-align:left}@media only screen and (min-width: 760px),(max-device-width: 768px) and (min-device-width: 1024px){span.table-label{display:none}}@media only screen and (max-width: 760px),(min-device-width: 768px) and (max-device-width: 1024px){table,thead,tbody,th,td,tr,span.table-label{display:block}thead{display:none}thead tr{position:absolute;top:-9999px;left:-9999px}tr{border:1px solid #ccc}td{border:none;border-bottom:1px solid #eee;position:relative;display:flex;justify-content:space-between;gap:20px;text-align:right}td span:not(.table-label){overflow:hidden;text-overflow:ellipsis}td span.table-label{text-align:left;font-weight:800}td:before{position:absolute;top:6px;left:6px;width:45%;padding-right:10px;white-space:nowrap}}responsive-grid{width:100%}responsive-grid span.separator:last-of-type{display:none}responsive-grid img{width:150px}@media (max-width: 800px){responsive-grid{display:grid;grid-template-columns:1fr}responsive-grid span:not(.separator){display:flex;align-items:center}responsive-grid .separator{width:100%;height:2px;background:#000;margin-top:5px;margin-bottom:5px}}@media (min-width: 800px){responsive-grid{grid-template-columns:repeat(var(--columnCount),auto [col-start]);display:grid;grid-gap:1px;background-color:#000;border:1px solid black}responsive-grid>span{display:flex;align-items:center;background-color:#fff;padding:.5em}responsive-grid>span.button,responsive-grid>span.image{display:flex;justify-content:center;align-items:center}responsive-grid .separator{display:none}}#personal-info-component{display:flex;flex-direction:column;gap:10px;justify-content:center;max-width:950px}#personal-info-component .row-2,#personal-info-component .row-3,#personal-info-component .row-img{display:flex;flex-wrap:wrap;gap:10px}#personal-info-component .row-2>*{flex:1 1 calc(50% - 10px);min-width:250px}#personal-info-component .row-3>*{flex:1 1 calc(33.333% - 10px);min-width:150px}#personal-info-component>span{width:100%}#personal-info-component>vaadin-button,#personal-info-component>div.row-2>vaadin-button{margin-top:20px;max-width:200px;width:100%}#personal-info-component vaadin-checkbox{margin-top:20px}#personal-info-component vaadin-button,#personal-info-component vaadin-checkbox{cursor:pointer}#personal-info-component .icon-default{flex:0;min-width:130px}#personal-info-component div:last-child{justify-content:space-between}#personal-info-component img{height:150px;border-radius:50%}#personal-info-component .row-img{align-items:center}#personal-info-img-dialog .upload-img{max-width:550px;width:100%}#personal-info-img-dialog{display:flex;flex-direction:column;gap:20px;align-items:center}#personal-info-component .bt-add-img{width:280px}#personal-info-component .personal-info-header{display:flex;justify-content:space-between;align-items:center}#personal-info-component .bt-row{display:flex;flex-wrap:wrap;justify-content:space-between}@media screen and (max-width: 800px){#personal-info-component .personal-info-header{flex-wrap:wrap-reverse}#personal-info-component vaadin-button{max-width:100%;width:100%}}my-match-requests-list-component,my-match-requests-list-component responsive-grid{width:100%}my-match-requests-list-component responsive-grid{margin-top:15px}my-match-requests-list-component .match-request-header{display:flex;justify-content:space-between;align-items:self-end}@media screen and (max-width: 800px){my-match-requests-list-component .match-request-header{flex-wrap:wrap-reverse}}#profile-header-component img{height:200px;border-radius:50%}#profile-header-component{display:flex;flex-direction:row;gap:30px;align-items:center;flex-wrap:wrap}#profile-connected-view vaadin-button{margin-top:30px;max-width:200px}#profile-symbol-component{display:flex;flex-direction:column;gap:15px;margin-top:15px}#profile-symbol-component img{max-width:100px;height:100%}#profile-symbol-component .div-symbol-row{display:flex;flex-direction:row;gap:10px;flex-wrap:wrap}#profile-connected-component{display:flex;flex-direction:column;gap:15px;width:100%}#profile-connected-component .div-header-text{display:flex;flex-direction:column}#profile-connected-component .div-row-preferences{max-width:950px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:20px}#profile-connected-component #profile-symbol-component{margin-top:0}#profile-connected-component .div-main{display:flex;flex-direction:column;gap:15px}#profile-connected-media-component img{width:30%}#profile-connected-media-component .div-picture{display:flex;flex-direction:row;gap:10px;flex-wrap:wrap}#profile-connected-media-component .div-picture-row{display:flex;flex-direction:column;flex-wrap:wrap}#profile-connected-media-component .div-video-container{width:30%;display:block}#profile-connected-media-component{display:flex;gap:10px;justify-content:space-between;flex-direction:column}#profile-header-wrapper-component{display:flex;justify-content:space-between;align-items:self-end}@media screen and (max-width: 800px){#profile-header-wrapper-component .view-icon{visibility:hidden}#profile-connected-media-component img{width:100%}#profile-connected-media-component .div-video-container{width:100%;display:block}}#profile-header-component .div-header-title h1{color:var(--primaryUserColor)}profile-anonymous-component{width:100%;display:flex;flex-direction:column;gap:15px}profile-anonymous-component .div-footer,profile-anonymous-component .div-main,profile-anonymous-component .remarks{display:flex;flex-direction:column}profile-anonymous-component .div-main{gap:15px}profile-anonymous-component vaadin-button{margin-top:30px;max-width:200px}blocked-participant-list-component{width:100%}hidden-participants-list-component{width:100%}hidden-participants-list-component .hidden-header{display:flex;justify-content:space-between;align-items:self-end}@media screen and (max-width: 800px){hidden-participants-list-component .hidden-header{flex-wrap:wrap-reverse}}hidden-participants-list-component vaadin-button{border:2px solid var(--secondaryButtonColorY)!important}my-matches-list-component{width:100%}my-matches-list-component .my-match-header{display:flex;justify-content:space-between;align-items:self-end}@media screen and (max-width: 800px){my-matches-list-component .my-match-header{flex-wrap:wrap-reverse}}chat-component{display:flex;flex-direction:column;width:100%;max-width:1000px;height:100%}chat-component div#message-create-container{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:end}chat-component div#message-create-container vaadin-text-area{width:100%}chat-component #button-return{width:200px;margin-top:20px}chat-component div#chat-container{padding:20px;display:flex;flex-direction:column;gap:20px;height:80%;overflow-y:scroll}chat-component div#chat-container span.date{margin-left:auto;margin-right:auto}chat-bubble{max-width:90%;min-width:250px;display:flex;flex-direction:column;border-radius:15px;padding:15px}chat-bubble:not(.sent){border:2px solid black}chat-bubble.sent{align-self:end;align-items:end;border:2px solid var(--primaryUserColor)}chat-bubble span#message{white-space:normal}#chat-view{height:100%}#report-dialog-content{display:flex;flex-direction:column;width:100%;max-width:800px}#report-dialog-content vaadin-text-area{height:150px;width:100%}#report-dialog-content vaadin-radio-group>label{white-space:normal}#matches-detail{display:flex;flex-direction:row;justify-content:space-between;align-content:start;gap:5px}@media screen and (max-width: 800px){#matches-detail{flex-wrap:wrap-reverse}}match-details-component{width:100%}match-details-component div#header{display:flex;align-items:center;gap:10px}match-details-component div#header img{height:150px;border-radius:50%}match-details-component #participant-actions,match-details-component #actions{display:flex;column-gap:20px;flex-wrap:wrap}match-details-component #actions{margin-top:50px}match-details-component #actions vaadin-button{height:100px}match-details-component #participant-actions vaadin-button{border:2px solid var(--secondaryButtonColorY)}match-details-component vaadin-button::part(label){white-space:normal;word-wrap:break-word;display:flex;align-items:center}match-details-component #button-return{margin-top:30px}@media screen and (max-width: 800px){match-details-component #actions vaadin-button{height:auto}match-details-component vaadin-button{width:100%;height:auto}}information-video-component,information-video-component responsive-grid,information-video-component video-player{width:100%}information-faq-component{width:100%}information-faq-component responsive-grid{width:100%}.information-view-header{display:flex;justify-content:space-between;align-items:self-end;width:100%}@media screen and (max-width: 800px){.information-view-header{flex-wrap:wrap-reverse}}#user-consent-dialog{display:flex;flex-direction:column;padding:15px;gap:10px}#user-consent-dialog vaadin-checkbox{margin-top:10px}#user-consent-dialog vaadin-button#save{max-width:200px;margin-left:auto}#home-view{display:flex;height:85%}#home-view #logo{margin:auto;height:340px}@media (max-width: 800px){#home-view{display:flex;justify-content:center}#home-view #logo{width:90%;height:unset}}data-protection-view,terms-of-service-view,liability-view{display:flex;flex-direction:column;max-width:1000px;margin:10px auto}data-protection-view vcf-pdf-viewer,terms-of-service-view vcf-pdf-viewer,liability-view vcf-pdf-viewer{height:800px}vcf-pdf-viewer::part(toolbar){margin-bottom:30px}redirect-to-documents-component{width:100%;display:flex;flex-direction:column}redirect-to-documents-component vaadin-button{width:100%;height:auto}redirect-to-documents-component vaadin-button::part(label){white-space:normal;word-wrap:break-word;display:flex;align-items:center}#jitsi-view div#btn-container{width:100%;display:flex;flex-wrap:wrap;column-gap:20px}@media screen and (max-width: 800px){#jitsi-view div#btn-container{flex-direction:column}#jitsi-view div#btn-container>button{width:100%;margin-bottom:5px}}#jitsi-view .icon-jitsi-control{stroke:var(--primaryUserColor);stroke-width:18px}membership-creation-component{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;gap:30px}membership-creation-component div.membership{display:flex;flex-direction:column;border:2px solid black;padding:10px;cursor:pointer}membership-creation-component div.membership:hover{background:var(--primaryButtonColor)}membership-creation-component div.membership span.hint{text-align:center}membership-creation-component div.membership span.price{font-size:50px;margin-left:auto;margin-right:auto}@media screen and (min-width: 500px){membership-creation-component div.membership{min-width:470px}}#my-settings-component{display:flex;flex-direction:column;width:100%}#my-settings-component .bt-row{display:flex;justify-content:space-between;width:100%;margin-top:10px;flex-wrap:wrap}#my-settings-view .my-settings-header{display:flex;justify-content:space-between;align-items:self-end;width:100%}@media screen and (max-width: 800px){#my-settings-view .my-settings-header{flex-wrap:wrap-reverse}}@media screen and (max-width: 438px){#my-settings-component .bt-row vaadin-button{width:100%}}membership-info-component{display:flex;flex-direction:column}membership-info-component>div{display:flex;flex-direction:row;align-items:end;column-gap:10px}#refuse-withdrawal-dialog{display:flex;flex-direction:column;max-width:450px}#refuse-withdrawal-dialog span{margin-left:20px;margin-right:20px}#refuse-withdrawal-dialog div.buttons{display:flex;flex-direction:row;column-gap:20px;margin-top:20px;justify-content:space-around;flex-wrap:wrap}@media screen and (max-width: 600px){#refuse-withdrawal-dialog div.buttons vaadin-button{width:100%}}#membership-type-selection-dialog{display:flex;flex-direction:column;max-width:600px;margin-left:20px;margin-right:20px}.membership-type-container{display:flex;flex-direction:column}#membership-type-selection-dialog span:nth-child(2){margin-top:20px}#membership-type-selection-dialog div.buttons{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap}#membership-type-selection-dialog vaadin-radio-group label{white-space:break-spaces}@media screen and (max-width: 600px){#membership-type-selection-dialog div.buttons vaadin-button{width:100%}}payment-confirmation-download-component vaadin-button::part(label){white-space:normal}@media screen and (max-width: 1230px){payment-confirmation-download-component vaadin-button{height:75px}}#membership-expiry-dialog{max-width:400px}#membership-expiry-dialog{padding-left:10px;padding-right:10px}zip-code-migration-component{display:flex;flex-direction:row;column-gap:20px;align-items:center}.base-view{display:flex;flex-direction:column;flex-grow:1;width:100%;margin-left:auto;margin-right:auto}.base-view__header{padding:var(--lumo-space-s) var(--lumo-space-m) var(--lumo-space-s) var(--lumo-space-m)}.base-view__header H2,.base-view__header H3{margin:0;padding:0}.base-view__footer{padding:0 var(--lumo-space-m) var(--lumo-space-s) var(--lumo-space-m);font-size:var(--lumo-font-size, var(--lumo-font-size-s))}.base-view__content{flex:1;position:relative;padding:var(--lumo-space-s) var(--lumo-space-m)}@font-face{font-family:Lexend;src:url(./Lexend-VariableFont_wght-CSUSgLjL.ttf)}html{--lumo-primary-color: black;--lumo-primary-color-50pct: black;--lumo-secondary-color: black;--lumo-font-size-s: 1.4rem;--lumo-font-size-xs: 1.1rem;--lumo-font-size-m: 1.4rem;--vaadin-button-font-size: 1.8rem;--lumo-font-size-xl: 1.5rem;--lumo-primary-text-color: black;--lumo-secondary-text-color: black;--lumo-body-text-color: black;--lumo-text-color: black;--lumo-header-text-color: black;--vaadin-input-field-border-width: 1px;--vaadin-input-field-border-color: black;--lumo-contrast-10pct: hsla(0, 0%, 100%, 1);--lumo-contrast-20pct: hsla(0, 0%, 100%, 1);--lumo-contrast-50pct: hsla(0, 0%, 100%, 1);--lumo-clickable-cursor: pointer;--lumo-font-family: Lexend;--vaadin-button-primary-font-weight: 1000;--vaadin-input-field-error-font-size: x-large;--vaadin-user-color-3: black;--vaadin-user-color-5: black;--vaadin-checkbox-size: var(--lumo-size-xs);--vaadin-radio-button-size: var(--lumo-size-xs);--vaadin-radio-button-dot-size: 5px}vaadin-checkbox::part(checkbox):after{font-weight:1000}span,label{font-weight:500}.required-indicator-invisible::part(required-indicator){display:none}.bold{font-weight:800}vaadin-dialog-overlay::part(content){padding:var(--lumo-space-s)}div.break{flex-basis:100%;height:0}span.separator{width:100%;height:2px;background:#000;margin-top:5px;margin-bottom:5px}span:focus-visible,h2:focus-visible,img:focus-visible{outline:4px solid black}vaadin-button:not([theme]){border:2px solid var(--primaryUserColor);background-color:#fff;font-weight:700;font-size:25px}vaadin-app-layout::part(drawer){width:425px}vaadin-button[theme~=primary]{border:2px solid black;background-color:var(--primaryButtonColor);color:#000;font-weight:700;font-size:25px}vaadin-button[theme~=primary]:hover:before{background-color:#fff}vaadin-text-field::part(error-message),vaadin-text-area::part(error-message),vaadin-checkbox::part(error-message),vaadin-combo-box::part(error-message){font-size:x-large}vaadin-text-area>label,vaadin-text-field>label{overflow-wrap:break-word;white-space:break-spaces}vaadin-icon{container-type:normal}.svg-icon{color:var(--primaryUserColor)}vaadin-button[theme~=primary] .svg-icon{color:#000}.view-icon{color:var(--primaryUserColor);width:150px;min-width:150px;height:150px;min-height:150px;align-self:start}vaadin-button .svg-icon{padding:3px}vaadin-text-field[focused]::part(input-field),vaadin-text-area[focused]::part(input-field),vaadin-email-field[focused]::part(input-field),vaadin-combo-box[focused]::part(input-field),vaadin-number-field[focused]::part(input-field){border:2px solid var(--primaryUserColor);box-shadow:none}vaadin-button[focus-ring],vaadin-checkbox[focus-ring]::part(checkbox),vaadin-text-field[focus-ring]::part(input-field),vaadin-email-field[focus-ring]::part(input-field),vaadin-integer-field[focus-ring]::part(input-field),vaadin-text-area[focus-ring]::part(input-field),vaadin-combo-box[focus-ring]::part(input-field),vaadin-menu-bar-button[focused]{box-shadow:0 0 0 4px #000}b,strong{font-weight:800}vaadin-grid::part(cell){border-left:solid .5px;border-bottom:solid .5px}vaadin-grid::part(header-cell){border-top:solid .5px}vaadin-grid::part(last-column-cell){border-right:solid .5px}