.box{border:var(--border-width) solid var(--border);border-radius:var(--border-radius);box-shadow:var(--box-shadow);overflow:hidden}.box>.top{align-items:center;gap:var(--spacing-half);padding:var(--spacing-quarter) var(--spacing-half);border-bottom:var(--border-width) solid var(--border);background:#00000026;display:flex}.box>.top>.icon{border-radius:var(--border-radius);flex-shrink:0;justify-content:center;align-items:center;width:2.625rem;height:2.625rem;display:flex}.box>.top>.information>.title{font-size:1.125rem}.box>.top>.information>.subtitle{color:var(--font-neutral)}.box>.content{padding:var(--spacing-half)}.box>.content-no-padding{padding:0}.box .content-loading{color:var(--font-neutral);justify-content:center;padding:1.5rem 0;display:flex}.box .content-loading svg{animation:2.5s linear infinite spin}.button-noratis{clip-path:polygon(var(--cut-button) 0%, calc(100% - var(--cut-button)) 0%, 100% var(--cut-button), 100% calc(100% - var(--cut-button)), calc(100% - var(--cut-button)) 100%, var(--cut-button) 100%, 0% calc(100% - var(--cut-button)), 0% var(--cut-button));color:var(--font-dark)!important;font-size:var(--size-s)!important;background:var(--accent)!important;padding:.5rem .75rem!important}.button-success{color:var(--font)!important;background-color:var(--background-success)!important}.button-neutral{background-color:var(--font-neutral)!important}.button-error{color:var(--font)!important;background-color:var(--background-error)!important}.button-size-small{gap:var(--spacing-eighth)!important;font-size:calc(var(--size-xs) + 1px)!important;padding:.375rem .625rem!important}.button-size-big{font-size:var(--size-l)!important;padding:.75rem 1.25rem!important}.dropdown{flex-shrink:0;position:relative}.dropdown>button{padding:var(--spacing-eighth);background-color:var(--background-darken);border:var(--border-width) solid var(--border);border-radius:var(--border-radius-full)}.dropdown .dd-more{z-index:var(--zindex-top);gap:var(--spacing-quarter);width:15rem;padding:var(--spacing-quarter);background:var(--background);border:var(--border-width) solid var(--border);border-radius:var(--border-radius);box-shadow:var(--box-shadow);flex-direction:column;display:flex;position:absolute;top:2rem;right:0}.dropdown .dd-more button{padding:var(--spacing-eighth);border:var(--border-width) solid var(--border);border-radius:var(--border-radius);transition:background .3s ease-in}.dropdown .dd-more button:hover{opacity:1;background:var(--background-lighten)}.image-preview-background{z-index:var(--zindex-top);background-position:50%;background-repeat:no-repeat;background-size:cover;background-color:var(--background-darken);filter:blur(100px);position:fixed;inset:-100px}.image-preview{z-index:calc(var(--zindex-top) + 1);border:var(--border-width) solid var(--border);border-radius:var(--border-radius);width:80%;height:80%;box-shadow:var(--box-shadow);flex-direction:column;display:flex;position:fixed;top:10%;left:10%;overflow:hidden}.image-preview .ip-title{padding:0 var(--spacing-half);background:var(--background-lighten);border-bottom:var(--border-width) solid var(--border);justify-content:space-between;align-items:center;height:2.75rem;display:flex}.image-preview .ip-title h6{font-size:var(--size-m)}.image-preview .ip-content{padding:var(--spacing-half);flex:1;justify-content:center;align-items:center;display:flex;overflow-y:auto}.image-preview .ip-content img{border-radius:var(--border-radius);width:auto;max-width:80%;display:block}.message-general{align-items:center;gap:var(--spacing-quarter);padding:var(--spacing) 0;text-align:center;font-size:var(--size-s);flex-direction:column;display:flex}.mg-error{color:var(--font-error)}.participant-status{align-items:center;gap:var(--spacing-eighth);padding:var(--spacing-eighth) var(--spacing-quarter);border:var(--border-width-double) solid transparent;border-radius:var(--border-radius-full);cursor:pointer;transition:opacity .3s ease-in;display:flex}.participant-status:hover{opacity:.75}.participant-status .image{border-radius:var(--border-radius-full);width:2rem;height:2rem;overflow:hidden}.participant-status .hero{padding:0 var(--spacing-eighth);font-size:var(--size-m)}.participant-status .hero .name{font-weight:700}.participant-status .hero .class{color:var(--font-neutral);text-transform:uppercase;font-size:var(--size-s)}.participant-status .status{width:2rem;height:2rem;padding:var(--spacing-eighth);border:var(--border-width-double) solid transparent;border-radius:var(--border-radius-full);justify-content:center;align-items:center;display:flex}.participant-status .status-pending{background:var(--background-pending);border-color:var(--background-pending)}.participant-status .status-confirmed{background:var(--background-success);border-color:var(--background-success)}.participant-status .status-canceled{background:var(--background-error);border-color:var(--background-error)}