.Spinner{display:inline-block;position:relative;width:80px;height:80px}.Spinner-trace{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:8px solid #fff;border-radius:var(--border-radius-round);animation:Spinner 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:var(--color-main) transparent transparent transparent}.Spinner-small{display:flex;justify-content:center;align-items:center;height:1.2rem;transform:scale(.3)}.Spinner-trace-light{border-color:var(--color-light) transparent transparent transparent}.Spinner-trace:nth-child(1){animation-delay:-.45s}.Spinner-trace:nth-child(2){animation-delay:-.3s}.Spinner-trace:nth-child(3){animation-delay:-.15s}@keyframes Spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.LoadingLayout{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}.LoginPage{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background-color:var(--color-main)}.LoginPage-header{width:100%;height:43%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.LoginPage-title{font-size:2rem;opacity:0;font-weight:700;color:var(--color-light);margin:0;animation:LoginPage-title 4s ease-out forwards}@keyframes LoginPage-title{0%{opacity:0;font-size:2rem;letter-spacing:normal}66%{opacity:1;font-size:3rem}to{opacity:1;font-size:3rem;letter-spacing:40px}}.LoginPage-title-bar{width:0;height:5px;margin:2rem;background-color:var(--color-light);border-radius:10%;animation:LoginPage-title-bar 5s ease-out forwards}@keyframes LoginPage-title-bar{0%{opacity:0;width:0%}66%{opacity:1}to{opacity:1;width:60%}}.LoginPage-logo{width:10rem;height:auto;margin:2rem 0}.LoginPage-form{width:100%;height:33%;display:flex;justify-content:center;align-items:center}.LoginPage-google-button{padding:1rem 3rem;display:flex;justify-content:center;align-items:center;background-color:#f9f9f9;border:none;border-radius:var(--border-radius-small);box-shadow:4px 4px 6px #222222a6;cursor:pointer;transition:all .3s ease-in-out}.LoginPage-google-button:hover{transform:scale(1.02);box-shadow:8px 8px 4px #22222259}.LoginPage-google-logo{width:2.5rem;height:auto;margin-right:1rem}.LoginPage-google-text{font-size:1.5rem;font-weight:700;color:#757575}.PageTitle{width:100%;display:flex;justify-content:center;align-items:center;margin:1rem 0}.PageTitle-text{font-size:2rem;font-weight:700;margin:0}.Button{display:flex;justify-content:center;align-items:center;width:100%;min-width:fit-content;padding:.8em .5em;font-size:1rem;font-weight:800;color:var(--color-light);background-color:var(--color-main);border-radius:var(--border-radius);white-space:nowrap;border:none;cursor:pointer;transition:all .1s ease-in-out}.Button-hover:hover{background-color:var(--color-main-dark)}.Button:active{background-color:var(--color-main-active)}.Button-hover:active{background-color:var(--color-main-light)}.Button:disabled{background-color:var(--color-gray-light)}.Button-light{color:var(--color-main);background-color:var(--color-light);border-radius:0}.Button-light:hover{color:var(--color-light);background-color:var(--color-main);outline:2px solid var(--color-light)}.Modal-background{width:100%;height:100%;margin:auto;position:fixed;top:0;bottom:0;right:0;left:0;z-index:200;background-color:#0000004d}.Modal-background-closedModal{display:none}.Modal{min-width:50%;min-height:50%;width:50%;height:50%;margin:auto;position:absolute;top:0;bottom:0;right:0;left:0;z-index:99999;border-radius:var(--border-radius);background-color:#f0f8ff;color:var(--text)}.Modal-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;position:relative}.Modal-close-button{position:absolute;top:0;right:0;padding:.5rem 1rem;border:none;background-color:transparent;font-size:1.5rem;color:var(--color-gray-light);cursor:pointer;transition:all .2s ease-in-out;z-index:100}.Modal-close-button:hover{transform:scale(1.1)}.Modal-close-button-icon{width:18px;height:18px;fill:var(--color-gray-light);transition:all .2s ease-in-out}.Modal-close-button:hover>.Modal-close-button-icon{fill:var(--color-gray)}.Modal-close-button:active>.Modal-close-button-icon{fill:var(--color-gray-light)}.ColorPicker{width:1rem;height:1rem;padding:0;border:none;border-radius:var(--border-radius-round);cursor:pointer}.ColorPicker-disabled{cursor:inherit}.ColorPicker::-webkit-color-swatch{border:none;outline:1px solid darkgray;border-radius:var(--border-radius-round);padding:0}.ColorPicker::-webkit-color-swatch-wrapper{border:none;padding:0}.ColorPicker-square,.ColorPicker-square::-webkit-color-swatch{border-radius:10%}.Select{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative}.Select-floating{position:absolute}.Select-button{width:100%;height:100%;display:flex;justify-content:center;align-items:center;margin:0;padding:5px 15px;font-size:1.2rem;font-weight:500;background-color:transparent;border:none;cursor:pointer}.Select-icon{width:20px;height:20px;transition:all ease .3s;transform:rotate(90deg);fill:gray}.Select-icon-open{transform:rotate(180deg)}.Select-list{visibility:hidden;width:fit-content;min-width:100%;display:flex;flex-direction:column;position:absolute;top:110%;right:0;margin:0;padding:0;background-color:var(--color-light);outline:1px solid lightgray;border-radius:var(--border-radius-small);box-shadow:0 2px 4px #0000004d;z-index:10;list-style:none;overflow:hidden}.Select-list-open{visibility:visible}.Select-element-container{width:100%}.Select-element{width:100%;display:flex;justify-content:space-between;align-items:center;border:none;border-bottom:1px solid lightgray;padding:.5rem;background-color:transparent;font-size:1rem;font-weight:500;white-space:nowrap;cursor:pointer}.Select-element-container:hover{background-color:var(--color-main)}.Select-element-container:hover .Select-element-text{color:var(--color-light)}.Input{background-color:transparent;border:none;border-bottom:1px solid gray;font-size:1rem}.Input-error{border-bottom-color:red}.Input-label{font-size:1rem;font-weight:700}.Input-label-error{color:red}.CharacterCard{width:260px;min-width:260px;height:364px;min-height:364px;display:flex;flex-direction:column;justify-content:space-between;margin:1.5rem;background-color:var(--color-main);color:var(--color-light);border-radius:var(--border-radius-big);transition:all ease .3s;overflow:hidden;position:relative;text-decoration:none;box-shadow:10px 10px 6px #00000080}.CharacterCard:hover{transform:scale(1.05);box-shadow:13px 13px 8px #00000080}.CharacterCardLink{cursor:pointer}.CharacterCard-title{padding:0 .5rem;margin-bottom:.5rem;text-align:center}.CharacterCard-info{display:flex;justify-content:space-between;padding:0 1rem;text-align:center;font-weight:700}.CharacterCard-cell{flex:1;display:flex;flex-direction:column}.CharacterCard-cell-start{text-align:start}.CharacterCard-cell-end{text-align:end}.CharacterCard-image{width:100%;height:100%;background-repeat:no-repeat;background-position:center top;background-size:cover;-webkit-mask-image:linear-gradient(0deg,rgba(121,9,9,1) 35%,rgba(121,9,9,.75) 81%,rgba(121,9,9,.5) 86%,rgba(121,9,9,.25) 90%,rgba(121,9,9,0) 97%);mask-image:linear-gradient(0deg,rgba(121,9,9,1) 35%,rgba(121,9,9,.75) 81%,rgba(121,9,9,.5) 86%,rgba(121,9,9,.25) 90%,rgba(121,9,9,0) 97%)}.CreateCharacterModal{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:1rem;box-sizing:border-box;overflow-y:auto}.CreateCharacterModal-main{width:100%;display:flex;justify-content:center}.CreateCharacterModal-form-container{width:70%;display:flex;flex-direction:column;padding:.5rem 0;gap:.5rem}.CreateCharacterModal-main-container{width:50%;display:flex;flex-direction:column;justify-content:center;align-items:center}.CreateCharacterModal-form-option{width:100%;display:flex;flex-direction:column;justify-content:center}.CreateCharacterModal-form-option-color{flex-direction:row;justify-content:space-between;align-items:center}.CreateCharacterModal-form-option>label{font-size:1rem;font-weight:700}.CreateCharacterModal-error-label{color:red}.CreateCharacterModal-footer{width:100%;display:flex;justify-content:center;padding:1rem 0;gap:1rem}.CreateCharacterModal-footer-button{width:30%}.GameSeparator{width:100%;display:flex;justify-content:center;align-items:center;position:relative}.GameSeparator-line{width:90%;height:2px;background-color:var(--color-dark);border-radius:10%}.GameSeparator-square{width:6px;height:6px;background-color:var(--color-light);border:2px solid var(--color-dark);transform:rotate(45deg);position:absolute}.GameSeparator-square-first{left:5%}.GameSeparator-square-last{right:5%}.GameRow{width:100%;height:fit-content;display:flex;flex-direction:column;box-sizing:border-box;background-size:cover;background-position:center}.GameRow-title{padding-top:1rem;padding-left:2rem;margin:0;color:var(--color-light);text-shadow:2px 0 var(--color-dark),-2px 0 var(--color-dark),0 2px var(--color-dark),0 -2px var(--color-dark),1px 1px var(--color-dark),-1px -1px var(--color-dark),1px -1px var(--color-dark),-1px 1px var(--color-dark)}.GameRow-character-list{width:100%;height:100%;display:flex;justify-content:flex-start;align-items:flex-start;overflow-x:auto;margin:0;padding:0 2rem;list-style:none;box-sizing:border-box}.GameRow-character-list-spacer{height:100px}.CharacterListPage{width:100%;height:calc(100vh - var(--navbar-height));display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:10px 0;overflow-y:auto;position:relative}.CharacterListPage-add-button{width:2.8rem;position:absolute;top:0;right:0;margin-top:20px;margin-right:100px;z-index:100}.DialogModal{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;box-sizing:border-box;padding:.5rem 1rem}.InitiativeListPage-modal>h1{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.DialogModal-buttons{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:100px}.DialogModal-button{width:30%;min-width:fit-content}.ThreeDotsIcon{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px}.ThreeDotsIcon-dot{width:6px;height:6px;background-color:var(--color-gray);border-radius:50%;transition:all .1s ease-in-out}.ThreeDotsIcon-dot-hover{background-color:var(--color-gray-dark)}.Accordion{width:100%;border:1px solid lightgray;border-radius:10px;background-color:#fff;color:var(--color-dark)}.Accordion-shadow{box-shadow:0 2.8px 2.2px #00000009,0 6.7px 5.3px #0000000c,0 12.5px 10px #0000000f,0 22.3px 17.9px #00000012,0 41.8px 33.4px #00000016,0 100px 80px #0000001f}.Accordion[open] .Accordion-marker{transform:rotate(90deg)}.Accordion-title{width:100%;text-align:center;font-size:1rem;font-weight:700;list-style:none;padding:.5rem;position:relative;box-sizing:border-box;cursor:pointer}.Accordion-title::-webkit-details-marker{display:none}.Accordion-marker{display:flex;justify-content:center;align-items:center;position:absolute;left:10px;top:0;bottom:0;margin:auto 0;z-index:100}.Accordion-options{display:flex;position:absolute;right:0;top:0;bottom:0;margin:auto 0}.Accordion-content{width:100%;box-sizing:border-box}.CharacterInfoCategory{width:100%;display:flex;flex-direction:column;justify-content:flex-start;gap:1rem;padding:1rem;color:var(--color-dark);box-sizing:border-box}.CharacterInfoCategory-title{font-size:1.3rem}.KeyValueProperty{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;font-weight:700;font-size:1rem}.KeyValueProperty-key-container{width:auto}.KeyValueProperty-info-button *{cursor:pointer}.KeyValueProperty-key-input{flex:1;background-color:transparent;border:none;font-size:1rem;border-bottom:1px solid gray}.KeyValueProperty-key{font-size:1rem}.KeyValueProperty-value-input{flex:5;width:100%;background-color:transparent;border:none;font-size:1rem;border-bottom:1px solid gray;text-align:center}.TableProperty{display:flex;flex-direction:column;gap:10px;width:100%}.TableProperty-table{padding:20px 20px 0;width:100%}.TableProperty-row{width:100%}.TableProperty-delete-row-button{position:absolute;margin:0;padding:0;transform:translate(-130%,3px);border-radius:50%;width:20px;height:20px;font-weight:700;font-size:.8rem;border:none;cursor:pointer;color:#8b0000;visibility:hidden}.TableProperty-cell{border:1px solid;overflow:hidden;background-color:transparent;padding:1px 0}.TableProperty-cell:focus-within{border-color:var(--color-main)}.TableProperty-cell-input{width:100%;height:100%;margin:0;padding:1px 0;border:none;background-color:transparent;display:flex;text-align:center;cursor:text}.TableProperty-cell-input:focus-visible{outline-color:transparent}.TableProperty-addLine-container{width:100%;display:flex;justify-content:center}.TableProperty-addLine-button{width:25px;height:25px;padding:0;font-weight:700;font-size:1rem;color:#2c7799;border:none;border-radius:50%;cursor:pointer;visibility:hidden}.TableProperty:hover .TableProperty-addLine-button,.TableProperty:hover .TableProperty-delete-row-button{visibility:visible}.TableProperty-header{position:relative}.TableProperty-header-input{width:100%;height:100%;padding:0 3px;margin:0;border:none;display:flex;background-color:transparent;text-align:center;font-weight:700;font-size:1rem}.TableProperty-header-delete-column-button{position:absolute;left:0;right:0;margin:auto;padding:0;transform:translateY(-130%);border-radius:50%;width:20px;height:20px;font-weight:700;font-size:.8rem;border:none;cursor:pointer;color:#8b0000;visibility:hidden}.TableProperty-header-add-column-button,.TableProperty-header-add-column-button-last{position:absolute;margin:0;padding:0;left:0;transform:translate(-50%);border-radius:50%;width:20px;height:20px;font-weight:700;font-size:.8rem;border:none;cursor:pointer;color:#2c7799;visibility:hidden}.TableProperty-header-add-column-button-last{transform:translate(50%,-100%);left:unset;right:0}.TableProperty:hover .TableProperty-header-delete-column-button,.TableProperty:hover .TableProperty-header-add-column-button-last,.TableProperty:hover .TableProperty-header-add-column-button{visibility:visible}.Tooltip{position:relative;display:flex;justify-content:center}.Tooltip-container{visibility:hidden;width:fit-content;max-width:350px;position:absolute;left:50%;bottom:100%;transform:translate(-50%);padding:5px 0;color:#fff;text-align:center;background-color:#555;border-radius:var(--border-radius);opacity:0;transition:all .3s;z-index:100}.Tooltip:hover>.Tooltip-container{visibility:visible;opacity:1}.Tooltip-up{margin-bottom:.5rem}.Tooltip-up:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#555 transparent transparent transparent}.Tooltip-bottom{margin-top:.5rem;bottom:-10px;transform:translate(-50%,100%)}.Tooltip-bottom:after{content:"";position:absolute;bottom:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent #555 transparent}.Tooltip-element{padding:0px 1rem;list-style:none}.ImageProperty{display:flex;flex-direction:column;align-items:center;width:100%;gap:1rem}.ImageProperty-form{display:flex;flex-direction:column;width:100%;gap:1rem}.ImageProperty-form-block{display:flex;gap:1rem}.ImageProperty-form-label{font-weight:700;text-wrap:nowrap}.ImageProperty-form-input{background-color:transparent;border:none;border-bottom:1px solid black;text-align:center;font-size:1rem;width:100%}.ImageProperty-image{height:auto;min-width:1rem;min-height:1rem;border-radius:10px}.ImageProperty-image-shadow{box-shadow:0 2.8px 2.2px #00000009,0 6.7px 5.3px #0000000c,0 12.5px 10px #0000000f,0 22.3px 17.9px #00000012,0 41.8px 33.4px #00000016,0 100px 80px #0000001f}.ImageProperty-image-empty{border:1px solid lightgray}.CreatePropertyModal{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:100%;padding:1rem;overflow-y:auto;color:var(--text)}.CreatePropertyModal-select-container{display:flex;width:100%;justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem}.CreatePropertyModal-select{display:flex;justify-content:center;align-items:center}.CreatePropertyModal-property-block{display:flex;flex-direction:column;align-items:center;gap:1rem}.CreatePropertyModal-property-block-example{font-weight:700}.CreatePropertyModal-property{display:flex;width:100%;justify-content:center;align-items:center}.CreatePropertyModal-buttons{display:flex;gap:1rem;margin-top:1rem;width:100%}.ItemProperty{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;gap:1rem;padding-bottom:.5rem}.ItemProperty-accordion-title{font-size:1.1rem}.ItemProperty-name-input{background-color:transparent;border:none;border-bottom:1px solid black;text-align:center;font-size:1.5rem;font-weight:700;width:50%;margin-bottom:2rem}.ItemProperty-name{margin-top:.5rem}.ItemProperty-property{display:flex;width:90%;box-sizing:border-box;gap:1rem}.ItemProperty-property-editing{padding-left:2.7rem}.ItemProperty-property-empty{width:20px;fill:var(--color-main)}.ItemProperty-property-delete-button{justify-content:center;align-items:center;margin:0;padding:0;border:none;background-color:transparent;cursor:pointer;fill:var(--color-gray-light);transition:all ease .2s}.ItemProperty-property-delete-button:hover{fill:var(--color-main)}.ItemProperty-item-button{width:100%;background-color:transparent;border:none;cursor:pointer}.TextProperty{width:100%;min-height:15px;padding:5px;background-color:transparent;border:1px solid gray;border-radius:5px;font-size:1rem;text-align:center}.CharacterProperty{width:100%;display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer;background-color:transparent;border:none;padding:0}.CharacterCategory{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:1rem;padding:1rem;box-sizing:border-box}.CharacterCategory-title{font-size:1.3rem}.CharacterCategory-title:focus{cursor:text}.CharacterCategory-add-button{border-radius:50%;padding:0;width:40px;height:40px;font-size:2rem}.CharacterTitle{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem 0}.CharacterTitle-input{display:flex;width:70%;padding-bottom:.5rem;text-align:center;font-size:2rem;font-weight:bolder;color:var(--color-light);background-color:transparent;border:none;cursor:pointer}.CharacterTitle-input:focus{cursor:text}.CharacterTitle-separator{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:1rem}.CharacterTitle-separator-square{width:6px;height:6px;background-color:transparent;border:2px solid var(--color-light);animation:Separator-square ease-out 1.8s forwards}@keyframes Separator-square{0%{opacity:0;transform:rotate(0)}10%{opacity:0;transform:rotate(0)}70%{opacity:0;transform:rotate(0)}to{opacity:1;transform:rotate(45deg)}}.CharacterTitle-separator-line{height:2px;display:flex;align-items:center;background-color:var(--color-light);border-radius:30px;animation:Separator-line ease-out 1.5s forwards}@keyframes Separator-line{0%{width:0}10%{width:0}to{width:70%}}.EditCategoryNameModal{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:100%;color:var(--text)}.EditCategoryNameModal-label{font-size:1rem}.EditCategoryNameModal-input{background-color:transparent;border:none;border-bottom:1px solid gray;margin-left:1rem;font-size:1rem}.EditCategoryNameModal-buttons{display:flex;width:100%;gap:1rem;padding:1rem;box-sizing:border-box}.EditPropertyModal{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:100%;padding:1rem;overflow-y:auto;position:relative;gap:1rem}.EditPropertyModal-title{margin-top:0}.EditPropertyModal-buttons{display:flex;gap:1rem;margin-top:1rem;width:100%}.CharacterDetailPage{position:absolute;top:0;width:100%;height:calc(100% - var(--navbar-height));overflow-y:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:var(--navbar-height);color:#f0f8ff}.CharacterDetailPage-add-button{position:fixed;top:0;right:0;width:40px;height:40px;margin-top:calc(2rem + var(--navbar-height));margin-right:2rem;border-radius:50%;z-index:100}.CharacterDetailPage-add-button-button{border-radius:50%;padding:0;width:40px;height:40px;font-size:2rem}.CharacterDetailPage-info{width:100%;display:flex;padding:0 1rem;box-sizing:border-box;gap:3rem}.CharacterDetailPage-info-block{display:flex;flex-grow:1;justify-content:center;align-items:flex-start;height:100%;width:37.5%}.CharacterDetailPage-column{display:flex;flex-direction:column;justify-content:flex-start;gap:1rem;width:50%;max-width:50%;margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0;padding-inline-start:0;padding:1rem 2rem}.CharacterDetailPage-column-dragging{outline:1px dashed lightblue}.CharacterDetailPage-image{border-radius:30px}.CharacterDetailPage-drop-category-container{border:1px dashed lightblue;font-size:3rem;text-align:center;padding:2rem 0;border-radius:10px}.CharacterDetailPage-footer{display:flex;justify-content:center;align-items:center;width:100%}.CharacterDetailPage-save-button{width:10%;min-width:150px;margin:1.5rem 0;border-radius:10px}.InitiativeCharacterCard{width:100%;display:flex;padding:.5rem;border-bottom:1px solid rgba(211,211,211,.458);transition:all ease .3s}.InitiativeCharacterCard-actual-turn{color:var(--color-light);background-color:var(--color-main)}.InitiativeCharacterCard-image{width:70px;height:70px;display:flex;justify-content:center;align-items:center;margin:.5em 1em;border:none;border-radius:30%;background-color:#5e9fe4;cursor:pointer;transition:all ease .2s;position:relative;overflow:visible;box-sizing:border-box}.InitiativeCharacterCard-image-char{font-size:1.5em;font-weight:800;color:#f7f7f7}.InitiativeCharacterCard-image-category{position:absolute;bottom:0;right:0;margin-bottom:.2rem;margin-right:.5rem;z-index:100}.InitiativeCharacterCard-selected{transform:scale(1.1);outline:thick double rgb(195,166,74)}.InitiativeCharacterCard-info{width:0;display:none;padding-left:10px;font-size:1rem;position:relative}.InitiativeCharacterCard-info-expanded{min-width:200px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.InitiativeCharacterCard-info>section{width:90%;padding:2px 0}.categoryIcon{width:1.5em;height:1.5em;border-radius:var(--border-radius-round);position:absolute;left:0;bottom:0;z-index:100}.InitiativeCharacterCard-input-container{display:flex;align-items:center;gap:10px}.InitiativeCharacterCard-input{font-size:1rem}.InitiativeCharacterCard-input-actual-turn{color:var(--color-light)}.InitiativeCharacterCard-initiative{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:space-between}.InitiativeCharacterCard-initiative-name{white-space:nowrap;padding-right:1rem;font-weight:500}.InitiativeCharacterCard-stats,.InitiativeCharacterCard-status{width:100%;display:flex;justify-content:flex-start;align-items:center;gap:1em}.InitiativeCharacterCard-stat{white-space:nowrap}.InitiativeCharacterCard-status-ball{width:1em;height:1em;border-radius:var(--border-radius-round);cursor:pointer}.InitiativeCharacterList{height:100%;display:flex;flex-direction:column;background-color:#f0fbff;border-right:1px solid rgba(214,214,214,.65)}.InitiativeCharacterList input{background-color:transparent;border:none;border-bottom:1px solid lightgray}.InitiativeCharacterList-aside-buttons{flex:0 1 auto;width:100%;display:flex;justify-content:space-between;align-items:center;padding:.5em;background-color:#f0fbff;box-shadow:0 -1px #d3d3d3 inset;box-sizing:border-box}.InitiativeCharacterList-aside-button{font-size:1.2rem;font-weight:600;padding:6px 13px;background-color:transparent;color:var(--color-gray);border:.5px solid rgba(45,45,45,.5);border-radius:var(--border-radius-small);cursor:pointer}.InitiativeCharacterList-aside-button:hover{background-color:#00000026}.InitiativeCharacterList-aside-button:active{background-color:#0000004d}.InitiativeCharacterList-aside-expand-button{width:10px;height:10px;fill:var(--color-gray-dark);transition:all ease .3s;transform:rotate(90deg)}.InitiativeCharacterList-aside-expand-button-expanded{transform:rotate(-90deg)}.InitiativeCharacterList-list{flex:1 1 auto;margin:0;padding:0;list-style:none;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.InitiativeCharacterList-buttons{flex:0 1 auto;width:100%;display:flex;justify-content:flex-start;align-items:center;background-color:#f0fbff;box-shadow:0 1px #d3d3d3 inset;background-color:var(--color-main)}.InitiativeCharacterList-previous-turn-container{width:30%;display:flex;justify-content:center}.InitiativeCharacterList-next-turn-container{width:100%;display:flex;justify-content:center}.InitiativeCharacterList-turn-container-expanded{width:100%;padding-left:0}.Indecreaser{width:100%;display:flex;align-items:center;margin:0 10px}.Indecreaser-input{width:100%;margin-right:5px;padding:5px;font-size:1.2rem;font-weight:bolder;text-align:center;border-radius:var(--border-radius-big)}.Indecreaser-input::-webkit-inner-spin-button,.Indecreaser-input::-webkit-outer-spin-button{opacity:1}.Indecreaser-buttons{display:flex;flex-direction:column;gap:.2rem}.Indecreaser-button{margin:2px 0;font-size:1rem;cursor:pointer}.StatInput{display:flex;align-items:center;padding:1rem;border-radius:var(--border-radius-big);background-color:var(--color-light)}.StatInput>label{margin-right:.5rem;font-size:1.2rem;font-weight:600;cursor:pointer;white-space:nowrap}.StatInput-stat-value-input{padding:5px;border:none;border-bottom:1px lightgray solid;font-size:1.2rem;font-weight:600}.StatInput-button{margin:0 .2rem;cursor:pointer;background-color:transparent;border:none;border-radius:30%;font-size:1.1rem}.StatInput-button:active{transform:scale(.9)}.StatInput-visibility-button{display:flex;justify-content:center;align-items:center;margin:0;padding:0;border:none;background-color:transparent;cursor:pointer;fill:var(--color-blue-light);transition:all ease .2s}.StatInput-visibility-button:hover{fill:var(--color-blue-light)}.StatInput-notVisibleButton{fill:var(--color-gray-light)}.StatInput-disabledVisibilityButton,.StatInput-disabledVisibilityButton:hover{fill:var(--color-gray-lighter)}.StatInput-button>.StatInput-disabledVisibilityButton{cursor:default}.StatInput-delete-button{display:flex;justify-content:center;align-items:center;margin:0;padding:0;border:none;background-color:transparent;cursor:pointer;fill:var(--color-gray-light);transition:all ease .2s}.StatInput-delete-button svg{fill:var(--color-gray-light)!important}.logo-wrapper svg path{fill:green!important}.logo-wrapper svg text{fill:green!important}.StatInput-delete-button:hover{fill:var(--color-main)}.StatInput-notVisibleButton{color:#a7a7a7;background-color:transparent;border-color:#a7a7a7}.StatInput-disabledVisibilityButton{color:#d3d3d380;background-color:transparent;border-color:#d3d3d380;cursor:inherit}.StatusInput{display:flex;align-items:center;padding:1rem;border-radius:var(--border-radius-big);background-color:var(--color-light)}.StatusInput-input{border:none;border-bottom:1px solid lightgray;font-size:1.1rem}.StatusInput-color{width:1rem;height:1rem;margin:0 .5rem;padding:0;border:none;border-radius:var(--border-radius-round);cursor:pointer}.StatusInput-button{margin:0 .2rem;cursor:pointer;background-color:transparent;border:none;border-radius:30%;font-size:1.1rem}.StatusInput-button:active{transform:scale(.9)}.StatusInput-visibility-button{display:flex;justify-content:center;align-items:center;margin:0;padding:0;border:none;background-color:transparent;cursor:pointer;fill:var(--color-blue-light);transition:all ease .2s}.StatusInput-visibility-button:hover{fill:var(--color-blue-light)}.StatusInput-notVisibleButton{fill:var(--color-gray-light)}.StatusInput-disabledVisibilityButton,.StatusInput-disabledVisibilityButton:hover{fill:var(--color-gray-lighter)}.StatusInput-button>.StatusInput-disabledVisibilityButton{cursor:default}.StatusInput-delete-button{display:flex;justify-content:center;align-items:center;margin:0;padding:0;border:none;background-color:transparent;fill:var(--filter-gray-light);cursor:pointer}.StatusInput-delete-button path{transition:all ease .2s;fill:var(--color-gray-light)}.StatusInput-delete-button:hover path{fill:var(--color-main)}.StatusInput-notVisibleButton{color:#a7a7a7;background-color:transparent;border-color:#a7a7a7}.StatusInput-disabledVisibilityButton{color:#d3d3d380;background-color:transparent;border-color:#d3d3d380;cursor:inherit}.InitiativeCharacterCategory{display:grid;grid-template-columns:1fr 1fr 1fr 0fr;padding:0 .3rem;border:1px solid lightgray;border-radius:var(--border-radius-small);position:relative}.InitiativeCharacterCategory-name{margin:0;border:none;font-size:1rem;text-align:center;padding:.5rem;padding-right:0}.InitiativeCharacterCategory-color{display:flex;justify-content:center;align-items:center;margin:0 1rem}.InitiativeCharacterCategory-button{height:100%;display:flex;padding:.5rem 1rem;justify-content:center;color:gray;background-color:transparent;border:0;cursor:pointer}.InitiativeCharacterCategory-border-button{border-left:1px solid lightgray}.InitiativeCharacterCategory-remove-category{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.InitiativeCharacterCategory-remove-category-button{padding:6px 10px;border:1px solid rgb(167,167,167);border-radius:30%;color:#a7a7a7;background-color:transparent;cursor:pointer}.InitiativeCharacterCategory-remove-category-button:hover{color:var(--color-main);border-color:var(--color-main);background-color:#a52a2a1a}.InitiativeCharacterCategory-element-container,.InitiativeCharacterCategory-add-category-element-container{width:100%;box-sizing:border-box;padding:0 10px}.InitiativeCharacterCategory-element-container:hover,.InitiativeCharacterCategory-add-category-element-container:hover{background-color:var(--color-main)}.InitiativeCharacterCategory-element{width:100%;display:flex;justify-content:space-between;align-items:center;border:none;padding:10px 0;font-size:1rem;background-color:transparent;white-space:nowrap;cursor:pointer}.InitiativeCharacterCategory-element-container:hover .InitiativeCharacterCategory-element-text,.InitiativeCharacterCategory-add-category-element-container:hover .InitiativeCharacterCategory-add-category-element{color:#fff}.InitiativeCharacterCategory-element-text{margin-right:20px}.InitiativeCharacterCategory-add-category-element{width:100%;display:flex;justify-content:center;align-items:center;border:none;padding:8px 0;font-size:1.2rem;font-weight:600;background-color:transparent;cursor:pointer}.InitiativeCharacterDetail{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;transition:all ease .3s;overflow-y:auto}.InitiativeCharacterDetail-name-input-container{width:90%;display:flex;flex-direction:column;justify-content:center;align-items:center}.InitiativeCharacterDetail-name-input{width:70%;font-size:2.5rem;font-weight:600;text-align:center;margin:30px 0 0;border:none}.InitiativeCharacterDetail-name-separator{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:1rem;padding:0}.InitiativeCharacterDetail-name-separator-line{height:3px;display:flex;align-items:center;background-color:var(--color-dark);border-radius:30px;animation:Separator-line ease-out 1.5s forwards}@keyframes Separator-line{0%{width:0}10%{width:0}to{width:70%}}.InitiativeCharacterDetail-name-separator-square{width:6px;height:6px;background-color:transparent;border:3px solid var(--color-dark);transform:rotate(45deg)}.InitiativeCharacterDetail-title-input-container{width:90%;display:flex;justify-content:center;align-items:center}.InitiativeCharacterDetail-title-input{width:50%;align-self:stretch;font-size:1.5rem;text-align:center;margin:0;margin-bottom:2rem;border:none;border-bottom:1px solid rgba(74,74,74,.5)}.InitiativeCharacterDetail-character-category{width:80%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:1rem 0;gap:2rem}.InitiativeCharacterDetail-character-category-element{display:flex;align-items:center;gap:1rem}.InitiativeCharacterDetail-category{width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:30px}.InitiativeCharacterDetail-category-header{width:100%;text-align:center;position:relative;margin-bottom:10px}.InitiativeCharacterDetail-category-header{font-size:1.3rem}.InitiativeCharacterDetail-category-content{width:90%;display:flex;justify-content:space-evenly;flex-wrap:wrap;gap:.8rem}.InitiativeCharacterDetail-stat-input{margin-bottom:15px}.InitiativeCharacterDetail-bottom-buttons-container{display:flex;flex-direction:column;gap:2rem;margin-top:4rem;margin-bottom:2rem}.InitiativeCharacterDetail-delete-character-modal{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-around;align-items:center;box-sizing:border-box;padding:.5rem 1rem}.InitiativeCharacterDetail-delete-character-modal-buttons{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:100px}.InitiativeCharacterDetail-delete-character-modal-button{width:30%;min-width:fit-content}.CharacterTemplateRow{width:90%;min-width:fit-content;display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid lightgray;background-color:transparent;box-sizing:border-box;gap:20px}.CharacterTemplateRow-input{background-color:transparent;border:none;border-bottom:1px solid lightgray;font-size:1rem;padding-left:20px}.CharacterTemplateRow-button{border:none;cursor:pointer;background-color:transparent}.CharacterTemplateRow-text{font-size:1rem;font-weight:600;color:var(--color-main);white-space:nowrap}.CharacterTemplateRow-buttons{display:flex;justify-content:space-between;align-items:center;gap:10px;box-sizing:border-box}.CharacterTemplateRow-edit-button{margin:0;padding:0;border:none;background-color:transparent;cursor:pointer;fill:var(--color-gray-light);transition:all ease .2s}.CharacterTemplateRow-edit-button:hover{fill:#add8e6}.CharacterTemplateRow-delete-button{display:flex;justify-content:center;align-items:center;margin:0;padding:0;border:none;background-color:transparent;cursor:pointer;fill:var(--color-gray-light);transition:all ease .2s}.CharacterTemplateRow-delete-button:hover{fill:var(--color-main)}.CharacterTemplateRow-check-button{display:flex;justify-content:center;align-items:center;margin:0;padding:0;border:none;border-radius:var(--border-radius-round);background-color:var(--color-gray-light);cursor:pointer;transition:all ease .2s}.CharacterTemplateRow-check-button:hover{background-color:#18b1e4}.CharacterTemplateRow-check-icon{width:25px;height:auto;fill:#fff}.CharacterTemplateRow-cancel-button{width:32px;display:flex;justify-content:center;align-items:center;margin:0;padding:0;border:none;background-color:transparent;cursor:pointer;fill:var(--color-gray-light);transition:all ease .2s}.CharacterTemplateRow-cancel-button:hover{fill:var(--color-main)}.InitiativeTemplateRow{width:90%;min-width:fit-content;display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid lightgray;background-color:transparent;box-sizing:border-box;gap:20px}.InitiativeTemplateRow-input{background-color:transparent;border:none;border-bottom:1px solid lightgray;font-size:1rem;padding-left:20px}.InitiativeTemplateRow-button{border:none;cursor:pointer;background-color:transparent}.InitiativeTemplateRow-text{font-size:1rem;font-weight:600;color:var(--color-main);white-space:nowrap}.InitiativeTemplateRow-buttons{display:flex;justify-content:space-between;align-items:center;gap:10px;box-sizing:border-box}.InitiativeTemplateRow-edit-button{margin:0;padding:0;border:none;background-color:transparent;cursor:pointer;fill:var(--color-gray-light);transition:all ease .2s}.InitiativeTemplateRow-edit-button:hover{fill:#add8e6}.InitiativeTemplateRow-delete-button{display:flex;justify-content:center;align-items:center;margin:0;padding:0;border:none;background-color:transparent;cursor:pointer;fill:var(--color-gray-light);transition:all ease .2s}.InitiativeTemplateRow-delete-button:hover{fill:var(--color-main)}.InitiativeTemplateRow-check-button{display:flex;justify-content:center;align-items:center;margin:0;padding:0;border:none;border-radius:var(--border-radius-round);background-color:var(--color-gray-light);cursor:pointer;transition:all ease .2s}.InitiativeTemplateRow-check-button:hover{background-color:#18b1e4}.InitiativeTemplateRow-check-icon{width:25px;height:auto;fill:#fff}.InitiativeTemplateRow-cancel-button{width:32px;display:flex;justify-content:center;align-items:center;margin:0;padding:0;border:none;background-color:transparent;cursor:pointer;fill:var(--color-gray-light);transition:all ease .2s}.InitiativeTemplateRow-cancel-button:hover{fill:var(--color-main)}.InitiativeTemplatesMenu{height:100%;min-width:fit-content;display:flex;flex-direction:column;align-items:center;overflow-y:auto;scroll-behavior:smooth;box-sizing:border-box}.InitiativeTemplatesMenu-title{font-size:1.5rem;font-weight:700;margin-top:1rem;margin-bottom:2rem}.InitiativeTemplatesMenu-initiativeTitle-input{min-width:80%;font-size:1rem;font-weight:600;padding:.5em 0;background-color:#f0fbff;border:none;border-bottom:1px solid lightgray;text-align:center}.InitiativeTemplatesMenu-option-button:hover{background-color:#ced5dc}.InitiativeTemplatesMenu-buttons{width:100%;height:8%;display:flex;justify-content:flex-start;align-items:center;padding:.8em 0;background-color:#f0fbff;box-shadow:0 1px #d3d3d3 inset;position:sticky;top:100}.InitiativeTemplatesMenu-footer{width:100%;height:8%;display:flex;justify-content:center;align-items:center;padding:.8em 0;background-color:#f0fbff;box-shadow:0 -1px #d3d3d3 inset}.InitiativeTemplatesMenu-save-button{width:60%}.InitiativeTemplatesMenu-option{width:100%;color:var(--color-dark);font-weight:600;background-color:#f0fbff}.InitiativeTemplatesMenu-option-button{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem;border:none;border-top:1px solid lightgray;border-bottom:1px solid lightgray;background-color:transparent;box-sizing:border-box;cursor:pointer}.InitiativeTemplatesMenu-first-option{border-bottom:none}.InitiativeTemplatesMenu-option-text{font-size:1rem;font-weight:600;color:var(--color-dark-light)}.InitiativeTemplatesMenu-option-arrow{color:gray}.InitiativeTemplatesMenu-templates{width:100%;max-height:100%;display:flex;flex-direction:column;align-items:center;margin:0;padding:0}.InfoIcon-circle{color:#a9a9a9;border:2px solid darkgray;border-radius:50%;width:18px;height:18px;display:flex;justify-content:center;align-items:center;cursor:pointer}.InfoIcon-character{font-weight:700;font-size:.8rem}.InfoIcon-circle:hover{color:gray;border-color:gray}.Switch{position:relative;display:inline-block}.Switch-small{width:35.5px;height:20px}.Switch-medium{width:65px;height:34px}.Switch input{opacity:0;width:0;height:0}.Switch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;border-radius:34px}.Switch-slider:before{position:absolute;content:"";left:4px;top:0;bottom:0;margin:auto 0;background-color:var(--color-light);-webkit-transition:.4s;transition:.4s;border-radius:var(--border-radius-round)}.Switch-slider-small:before{height:15px;width:15px}.Switch-slider-medium:before{height:26px;width:26px}input:checked+.Switch-slider{background-color:var(--color-main)}input:focus+.Switch-slider{box-shadow:0 0 1px var(--color-main)}input:checked+.Switch-slider-small:before{-webkit-transform:translateX(12px);-ms-transform:translateX(12px);transform:translate(12px)}input:checked+.Switch-slider-medium:before{-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translate(30px)}.InitiativeSetting{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 16px;box-sizing:border-box;font-weight:500;list-style:none}.InitiativeSetting>span{white-space:nowrap}.EditDefaultCharacterColorModal-container{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:1rem}.EditDefaultCharacterColorModal-buttons{display:flex;gap:1rem}.InitiativeSettingsMenu{width:100%;height:100%;display:flex;flex-direction:column;margin:1rem 0;padding:0;text-align:center;box-sizing:border-box}.InitiativeSettingsMenu-color-select-button{padding:0;margin:0;border:0;cursor:pointer}.InitiativeSettingsMenu-color-select-div{height:25px;width:25px;border-radius:5px}.InitiativeMainMenu-options{height:82%;margin:0;padding:0;list-style:none;overflow-y:auto;scroll-behavior:smooth}.InitiativeMainMenu-initiativeTitle{width:100%;display:flex;justify-content:center;margin-bottom:.5rem;padding:10px 5px;box-sizing:border-box}.InitiativeMainMenu-initiativeTurn{width:100%;display:flex;justify-content:center;align-items:center;padding:10px 0;margin-bottom:1rem;font-weight:700}.InitiativeMainMenu-initiativeTitle-input{min-width:80%;font-size:1rem;font-weight:600;padding:.5em 0;background-color:#f0fbff;border:none;border-bottom:1px solid lightgray;text-align:center}.InitiativeMainMenu-option{width:100%;color:var(--color-dark);font-weight:600;background-color:#f0fbff}.InitiativeMainMenu-option:hover{background-color:#ced5dc}.InitiativeMainMenu-option-button{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem;border:none;border-bottom:1px solid lightgray;background-color:transparent;box-sizing:border-box;cursor:pointer}.InitiativeMainMenu-first-option{border-top:1px solid lightgray}.InitiativeMainMenu-option-text{font-size:1rem;font-weight:600;color:var(--color-dark-light)}.InitiativeMainMenu-option-arrow{width:15px;height:15px;fill:gray;transform:rotate(90deg)}.InitiativeMainMenu-buttons{width:100%;height:8%;display:flex;justify-content:flex-start;align-items:center;padding:.8em 0;background-color:#f0fbff;box-shadow:0 1px #d3d3d3 inset;position:sticky;top:100}.InitiativeMainMenu-footer{width:100%;height:8%;display:flex;justify-content:center;align-items:center;padding:.8em 0;background-color:#f0fbff;box-shadow:0 -1px #d3d3d3 inset}.InitiativeMainMenu-save-button{width:60%}.InitiativeMenu{width:0;height:100%;max-height:100%;display:flex;flex-direction:column;background-color:#f0fbff;transition:all ease .3s;z-index:101}.InitiativeMenu-expanded{animation:expand-initiative-menu .3s ease forwards}@keyframes expand-initiative-menu{0%{width:0}to{width:30%;border-right:1px solid rgba(214,214,214,.65);border-left:1px solid lightgray}}.InitiativeMenu-aside-buttons{width:100%;height:5%;display:grid;grid-template-columns:repeat(3,1fr);padding:.5em 0;background-color:#f0fbff;box-shadow:0 -1px #d3d3d3 inset;text-align:center}.InitiativeMenu-aside-button{width:fit-content;height:fit-content;display:flex;justify-content:center;align-items:center;font-size:1.1rem;font-weight:500;padding:6px 10px;background-color:transparent;color:#2d2d2d80;border:none;border-radius:var(--border-radius-small);cursor:pointer}.InitiativeMenu-aside-button:hover{background-color:#00000026}.InitiativeMenu-aside-button:active{background-color:#0000004d}.InitiativeMenu-aside-button:active>.InitiativeMenu-aside-expand-button{transform:rotate(90deg)}.InitiativeMenu-aside-expand-button{margin-right:.5em;position:absolute;top:8px;right:.5rem;z-index:100;transition:all ease .15s}.InitiativeMenu-aside-expand-icon{width:15px;height:18px;fill:var(--color-gray);transition:all ease-in-out .3s;transform:scale(1.5)}.InitiativeMenu-aside-return-button{margin-left:15px}.InitiativeMenu-aside-return-icon{width:15px;height:18px;fill:var(--color-gray);transition:all ease-in-out .3s;transform:rotate(-90deg)}.InitiativeMenu-aside-cancel-icon{fill:var(--color-gray);stroke:transparent;transition:all ease-in-out .3s;transform:rotate(-90deg) scale(1.3)}.InitiativeMenu-title{display:flex;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700}.HistoricModal{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative}.HistoricModal-clear{position:absolute;left:0;margin:1.4em 1rem;color:var(--color-gray-light);border:1px solid var(--color-gray-light);background-color:transparent;border-radius:var(--border-radius-small);cursor:pointer;transition:all ease .3s;z-index:100}.HistoricModal-clear:hover{color:var(--color-gray);border-color:var(--color-gray)}.HistoricModal-title{width:100%;margin:0;padding:1em 0;text-align:center;border-bottom:1px solid var(--color-gray-light)}.HistoricModal-list{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;margin:0;padding:0 8px;overflow-y:scroll;box-sizing:border-box}.HistoricModal-list-item{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:8px 0;border-top:1px solid var(--color-gray-light);position:relative}.HistoricModal-list-item:first-child{border:none}.HistoricModal-list:last-child{padding-bottom:0}.HistoricModal-list-item-result{font-size:1.5rem;font-weight:800}.HistoricModal-delete-button{display:none;justify-content:center;align-items:center;margin:0;padding:0;border:none;background-color:transparent;cursor:pointer;fill:var(--color-gray-light);transition:all ease .2s;position:absolute;right:0;opacity:0}.HistoricModal-delete-button:hover{fill:var(--color-main)}.HistoricModal-delete-button:active{transform:scale(.9)}.HistoricModal-list-item:hover>.HistoricModal-delete-button{display:flex;opacity:1}.HistoricModal-result{padding:0 3px}.HistoricModal-result-critical{color:var(--color-green)}.HistoricModal-result-pifia{color:var(--color-main-light)}.DiceThrower{width:100%;min-width:300px;height:100%;display:flex;flex-direction:column;position:relative;gap:10px}.DiceThrower-screen{width:100%;height:fit-content;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.DiceThrower-screen-input{width:100%;min-width:100px;min-height:46px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px 5px;color:var(--color-light);font-weight:700;background-color:var(--color-main);border-radius:var(--color-radius-big);position:relative;box-sizing:border-box}.DiceThrower-history-button{position:absolute;top:10px;right:10px;background-color:transparent;border:none;cursor:pointer;transition:all ease .3s}.DiceThrower-history-button:hover{transform:scale(1.1)}.DiceThrower-history-button:active{transform:scale(1)}.DiceThrower-history-image{width:20px;height:auto}.DiceThrower-screen-input-result{font-size:1.4rem;padding:10px 0}.DiceThrower-screen-input-historic{max-width:200px;max-height:40px;overflow-y:auto;padding:2px 0}.DiceThrower-screen-delete-button{padding:0;background-color:transparent;border:none;cursor:pointer;position:absolute;top:0;right:0;bottom:0;margin:auto 10px}.DiceThrower-screen-delete-button:hover{transform:scale(1.08)}.DiceThrower-screen-delete-button:active{transform:scale(1)}.DiceThrower-keyboard{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;background-color:var(--color-main)}.DiceThrower-keyboard-buttons-row{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.DiceThrower-keyboard-button{width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:0;border:none;color:var(--color-light);font-size:1rem;font-weight:600;background-color:transparent;cursor:pointer}.DiceThrower-keyboard-button:hover{background-color:var(--color-main-dark)}.DiceThrower-keyboard-button:active{transform:scale(.9)}.DiceButton{display:flex;flex-direction:column;justify-content:center;align-items:center;width:30px;height:30px;padding:3px 0;background-color:transparent;border:1px solid lightgray;border-radius:var(--border-radius-small);cursor:pointer}.DiceButton:hover{background-color:#d3d3d3}.DiceButton-row{display:flex;width:100%;height:100%;justify-content:space-around;align-items:center}.DiceButton-dot{width:5px;height:5px;background-color:gray;border-radius:50%}.InitiativeDiceThrower{height:100%;min-height:100%;max-height:100%;background-color:#fff}.InitiativeDiceThrower-expanded{animation:expand-dicethrower .3s ease forwards}@keyframes expand-dicethrower{0%{width:0;visibility:visible}to{width:30%;min-width:fit-content}}.InitiativeDiceThrower-expand-button{position:absolute;top:8px;right:4rem;z-index:100}.InitiativeDiceThrower-visible-area{height:100%;display:flex;flex-direction:column;position:relative;background-color:#fff;z-index:102}.InitiativeDiceThrower-close-button{display:flex;width:fit-content;align-self:flex-end;margin:5px .5em 5px 0;padding:6px 10px;background-color:transparent;border:none;border-radius:var(--border-radius-small);cursor:pointer;z-index:101}.InitiativeDiceThrower-close-button:hover{background-color:#00000026}.InitiativeDiceThrower-close-button:active{background-color:#0000004d}.InitiativeDetailPage{width:100%;height:100%;display:flex;transition:all ease .3s;position:relative}.InitiativeDetailPage-placeholder{width:100%;height:100vh}.ButtonWithOptions-container{height:100%;width:100%;min-width:fit-content;display:flex}.ButtonWithOptions{width:100%;min-width:fit-content;height:100%;display:flex;justify-content:center;align-items:center;margin:0;padding:.5rem 1rem;font-size:1rem;font-weight:800;color:var(--color-light);background-color:var(--color-main);border-radius:var(--border-radius);border-top-right-radius:0;border-bottom-right-radius:0;white-space:nowrap;border:none;cursor:pointer;transition:all .1s ease-in-out}.ButtonWithOptions-hover:hover{background-color:var(--color-main-dark)}.ButtonWithOptions:active{background-color:var(--color-main-active)}.ButtonWithOptions-hover:active{background-color:var(--color-main-light)}.ButtonWithOptions-select{border-top-right-radius:5px;border-bottom-right-radius:5px;background-color:var(--color-main)}.ButtonWithOptions-select-option{white-space:nowrap}.TemplateModal{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.TemplateModal-title{width:100%;margin:0;padding:18px 0;text-align:center;border-bottom:1px solid var(--color-gray-light)}.TemplateModal-list{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;margin:0;padding:1rem 0;padding-top:0;box-sizing:border-box;overflow-y:auto}.TemplateModal-template{width:100%;display:flex;justify-content:center;align-items:center;list-style:none;border-bottom:1px solid var(--color-gray-light);box-sizing:border-box}.TemplateModal-template:hover{background-color:var(--color-main)}.TemplateModal-template-button{width:100%;height:100%;padding:1rem;background-color:transparent;border:none;font-size:1rem;font-weight:700;cursor:pointer}.TemplateModal-template:hover>.TemplateModal-template-button{color:var(--color-light)}.InitiativeRowCategory-name{font-weight:500;cursor:pointer}.InitiativeRow{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;font-size:1.2rem;background-color:#faebd7;box-shadow:2px 4px 4px #0000004d}.InitiativeRow>*{display:flex;justify-content:center;width:20%;max-width:20%}.InitiativeRow-categories{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.InitiativeRow-link{text-decoration:none;color:var(--color-main);font-size:1.5rem;font-weight:600}.InitiativeRow-select{display:flex;justify-content:center;align-items:center}.InitiativeList{width:100%;height:calc(100vh - var(--navbar-height));display:flex;flex-direction:column;align-items:center;padding-top:10px;overflow-y:auto;position:relative}.InitiativeList-add-button{width:2.8rem;position:absolute;top:0;right:0;margin-top:20px;margin-right:100px;z-index:100}.Initiatives-list{width:100%;display:flex;flex-direction:column;align-items:center;gap:2rem;margin-top:2rem;padding-bottom:5rem}.Initiatives-row{width:60%;display:flex}.ImageModal{position:absolute;width:100%;height:100%;justify-content:center;align-items:center;display:none;background-color:var(--color-dark-transparent);z-index:99}.ImageModal-open{display:flex}.ImageModal-close-button{position:absolute;top:1rem;right:1rem;padding:1rem;border:none;background-color:transparent;cursor:pointer;transition:all ease-in-out .3s}.ImageModal-close-button:hover{transform:scale(1.1)}.ImageModal-close-icon{width:15px;height:18px;fill:var(--color-light-transparent);transition:all ease-in-out .3s;transform:scale(1.5)}.ImageModal-close-button:hover>.ImageModal-close-icon{fill:var(--color-light)}.ImageModal-image-container{max-width:90%;max-height:90%;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.ImageModal-image{height:auto;width:100%;display:block}.FloatingIcon{position:relative}.FloatingIcon-icon-button{position:absolute;top:0;right:0;background-color:#fff;cursor:pointer;border:1px solid white;border-radius:50%;z-index:100}.FloatingIcon-icon-button-hover{display:none}.FloatingIcon:hover>.FloatingIcon-icon-button-hover{display:unset}.FloatingIcon-icon{width:100%;height:auto;fill:var(--color-main)}.UserInfoValue{border:none;background-color:transparent;font-size:1rem;font-weight:700;cursor:pointer;transition:all ease .3s}.UserInfoValue:active{transform:scale(.9)}.UserInfoBlock{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.UserInfoBlock-title{font-size:1.5rem}.UserInfoBlock-values{width:100%;display:flex;justify-content:flex-start;align-items:center;gap:1rem;flex-wrap:wrap}.UserInfoBlock-add-button{width:30px;height:30px;color:var(--color-main);background-color:transparent;border:1px solid var(--color-gray-light);border-radius:50%;font-size:1.5rem;padding:0;cursor:pointer;transition:all .5s ease}.UserInfoBlock-add-button:hover{transform:scale(1.1)}.EditUserImageModal{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding-bottom:1rem;box-sizing:border-box}.EditUserImageModal-input{width:70%;background-color:transparent;border:none;border-bottom:1px solid var(--color-gray)}.EditUserImageModal-image-container{max-width:70%}.EditUserImageModal-image{width:100%;height:auto}.EditUserImageModal-buttons{width:100%;display:flex;gap:1rem;padding:0 1rem;box-sizing:border-box}.EditUserLanguageModal{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;position:relative}.EditUserLanguageModal-input{border:none;border-bottom:1px solid var(--color-dark-light);font-size:1.5rem;font-weight:700;text-align:center;background-color:transparent}.EditUserLanguageModal-buttons{width:100%;display:flex;gap:1rem;padding:1rem;box-sizing:border-box}.EditUserLanguageModal-delete-button{position:absolute;top:0;left:0;padding:.5rem;background-color:transparent;border:none;fill:var(--color-gray-light);cursor:pointer;transition:all ease .3s}.EditUserLanguageModal-delete-button:hover{fill:var(--color-main-dark)}.CreateUserLanguageModal{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;position:relative}.CreateUserLanguageModal-input{border:none;border-bottom:1px solid var(--color-dark-light);font-size:1.5rem;font-weight:700;text-align:center;background-color:transparent}.CreateUserLanguageModal-buttons{width:100%;display:flex;gap:1rem;padding:1rem;box-sizing:border-box}.CreateUserGameModal{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;position:relative}.CreateUserGameModal-title-input{border:none;border-bottom:1px solid var(--color-dark-light);font-size:1.5rem;font-weight:700;text-align:center;background-color:transparent}.CreateUserGameModal-backgroundImage-input{width:70%;border:none;border-bottom:1px solid var(--color-dark-light);font-size:1rem;text-align:center;background-color:transparent}.CreateUserGameModal-image-container{max-width:70%}.CreateUserGameModal-image{width:100%;height:auto}.CreateUserGameModal-buttons{width:100%;display:flex;gap:1rem;padding:1rem;box-sizing:border-box}.CreateUserGameModal-delete-button{position:absolute;top:0;left:0;padding:.5rem;background-color:transparent;border:none;fill:var(--color-gray-light);cursor:pointer;transition:all ease .3s}.CreateUserGameModal-delete-button:hover{fill:var(--color-main-dark)}.EditUserGameModal{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;position:relative}.EditUserGameModal-title-input{border:none;border-bottom:1px solid var(--color-dark-light);font-size:1.5rem;font-weight:700;text-align:center;background-color:transparent}.EditUserGameModal-backgroundImage-input{width:70%;border:none;border-bottom:1px solid var(--color-dark-light);font-size:1rem;text-align:center;background-color:transparent}.EditUserGameModal-image-container{max-width:70%}.EditUserGameModal-image{width:100%;height:auto}.EditUserGameModal-buttons{width:100%;display:flex;gap:1rem;padding:1rem;box-sizing:border-box}.EditUserGameModal-delete-button{position:absolute;top:0;left:0;padding:.5rem;background-color:transparent;border:none;fill:var(--color-gray-light);cursor:pointer;transition:all ease .3s}.EditUserGameModal-delete-button:hover{fill:var(--color-main-dark)}.UserDetailPage{width:100%;height:calc(100vh - var(--navbar-height));display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:1rem;position:relative}.UserDetailPage-top-row{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding:0 1rem;box-sizing:border-box}.UserDetailPage-top-row>*{flex:1}.UserDetailPage-name-input{font-size:3rem;color:var(--color-dark);border:none;border-bottom:1px solid var(--color-dark);text-align:center}.UserDetailPage-country-input{border:none;border-bottom:1px solid var(--color-dark-light);background-color:transparent;font-size:1rem;text-align:center}.UserDetailPage-image-container{display:flex;justify-content:center}.UserDetailPage-image-button{display:flex;justify-content:center;background-color:transparent;border:none;padding:0;cursor:pointer}.UserDetailPage-image{width:150px;height:150px;border-radius:50%;background-repeat:no-repeat;background-position:center top;background-size:cover}@media (max-width: 800px){.UserDetailPage-image{width:100px;height:100px}}.UserDetailPage-info-row{width:40%;display:flex;justify-content:space-between;align-items:center}.UserDetailPage-info-title{font-weight:700}.NavBar{width:100%;height:var(--navbar-height);min-height:var(--navbar-height);max-height:var(--navbar-height);background-color:var(--color-main);box-sizing:border-box;transition:all ease .75s}.FullNavBar{width:100%;height:100%;max-height:100%;justify-items:center;align-items:flex-start;padding:1rem 0}.NavBar-row{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;justify-items:center;align-items:center;padding:8px 20px;box-sizing:border-box}.NavBar-row-full-navbar{position:absolute;top:0;z-index:200;transition:all ease .75s;animation:NavBar-shadow ease 1s forwards 2s}@keyframes NavBar-shadow{0%{box-shadow:0 0 #0000}to{box-shadow:4px 4px 6px #0000004d}}.NavBar-sideBar-button{border:none;margin:none;padding:none;background-color:transparent;cursor:pointer;z-index:1000;justify-self:flex-start;transition:all ease .2s}.NavBar-sideBar-button:hover{transform:scale(1.1)}.NavBar-sideBar-button:active{transform:scale(1)}.NavBar-sideBar-icon{width:35px;height:auto}.NavBar-nav-icon{width:45px;height:auto;cursor:pointer}.NavBar-sideBar-button-fullNavBar .NavBar-sideBar-icon{filter:brightness(0) saturate(100%) invert(21%) sepia(94%) saturate(1430%) hue-rotate(346deg) brightness(92%) contrast(90%)}.NavBar-username-container{width:100%;height:100%;display:flex;justify-content:flex-end;align-items:center}.NavBar-username{color:var(--color-light);font-weight:700;font-size:1rem;box-sizing:border-box;padding:0 20px;text-decoration:none}.SideBar{width:0;height:100%;background-color:var(--color-main);position:relative;transition:all ease .3s}.SideBar-open{width:15rem}.SideBar-fullNavBar{position:absolute;top:0;left:0;background-color:var(--color-light);box-sizing:border-box;z-index:200;overflow:hidden}.SideBar-full-menuIcon{position:absolute;top:0;left:0;margin-top:.6rem;margin-left:1.3rem;background-color:transparent;filter:brightness(0) saturate(100%) invert(21%) sepia(94%) saturate(1430%) hue-rotate(346deg) brightness(92%) contrast(90%);border:none;cursor:pointer}.SideBar-full-menuIcon-icon{width:35px;height:auto}.SideBar-routes{padding:0}.SideBar-fullNavBar>.SideBar-routes{margin-top:var(--navbar-height)}.SideBar-route{width:100%;display:flex;padding:1rem 2rem;margin:.5rem 0;transition:all ease .3s;cursor:pointer;color:#fff;text-decoration:none;font-weight:800;box-sizing:border-box}.SideBar-fullNavBar .SideBar-route{color:var(--color-main)}.SideBar-fullNavBar .SideBar-route:hover{background-color:var(--color-main);color:#fff}.SideBar-footer{width:100%;display:flex;justify-content:center;align-items:center;position:absolute;bottom:0;box-sizing:border-box}.Toast{opacity:0;position:fixed;top:50px;right:15px;width:150px;min-width:fit-content;display:none;justify-content:space-between;align-items:center;gap:20px;padding:15px 20px;border-radius:var(--border-radius-small);z-index:210;transition:all .3s ease-in-out;border:none;cursor:pointer}.Toast-open{display:flex;animation:Toast-open .5s linear 1 forwards}@keyframes Toast-open{0%{opacity:0;display:none;transform:translate(200%)}1%{opacity:1;display:flex;transform:translate(200%)}to{opacity:1;display:flex;transform:translate(0)}}.Toast-close{display:flex;opacity:1;animation:Toast-close .5s linear 1 forwards}@keyframes Toast-close{0%{opacity:1;display:flex;transform:translate(0)}99%{opacity:1;display:flex;transform:translate(200%)}to{opacity:1;display:none;transform:translate(200%)}}.Toast-info{background-color:var(--color-orange-light)}.Toast-success{background-color:var(--color-green-light)}.Toast-error{background-color:var(--color-main-active)}.Toast-text{color:var(--color-light);font-size:1rem;font-weight:500}.ToastContainer{position:relative;z-index:210}.ToastContainer{position:relative;display:flex}.AppLayout{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background-color:#fff;position:relative}.AppLayout-content{width:100%;height:100%;display:flex;overflow:hidden}.AppLayout-content-closed{position:absolute}html,body,#root{width:100%;height:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{width:100%;height:100%;display:flex;flex-direction:column;background-color:#f9f9f9;color:var(--text)}:root{--color-main: #b31616;--color-main-dark: #8a1010;--color-main-light: rgb(185, 42, 42);--color-main-active: rgb(137, 34, 34);--color-dark: rgb(44, 44, 44);--color-dark-light: rgb(74, 74, 74);--color-dark-transparent: rgba(74, 74, 74, .5);--color-light: rgb(251, 250, 250);--color-light-transparent: rgb(248, 248, 248, .5);--color-gray: darkgray;--color-gray-light: rgb(204, 204, 204);--color-gray-lighter: rgb(233, 233, 233);--color-gray-dark: gray;--color-blue: rgb(20, 96, 189);--color-blue-light: rgb(67, 192, 255);--color-green: green;--color-green-light: #21b541;--color-orange-light: #d2a431;--text: rgb(44, 44, 44);--border-radius: 3px;--border-radius-small: 5px;--border-radius-big: 10px;--border-radius-round: 50%;--filter-main: brightness(0) saturate(100%) invert(19%) sepia(88%) saturate(2134%) hue-rotate(348deg) brightness(90%) contrast(80%);--filter-gray-light: brightness(0) saturate(100%) invert(81%) sepia(6%) saturate(25%) hue-rotate(62deg) brightness(100%) contrast(95%);--navbar-height: 60px}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}