@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap);:root{--font-base:"Roboto",ui-sans-serif;--primary-color:#a2292a;--secondary-color:#f5f5db;--gray-color:#abaf9e;--white-color:#fff}*{box-sizing:border-box;margin:0;padding:0}.app{align-items:center;background-image:url(/static/media/bg.cfbdb91d1eb7b67cf330.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:100vh;justify-content:center}.app .container{display:grid;grid-template-columns:180px 1fr 180px;height:600px;width:920px}.app__header{font-size:24px;line-height:32px}.app__header,.app__small-text{color:var(--primary-color);font-family:var(--font-base);font-weight:500;text-align:center}.app__small-text{font-size:12px;line-height:16px;padding:1px}.app__border{border:2px solid var(--primary-color);border-radius:8px}.characters-card{display:grid;grid-template-rows:64px}.characters-card .characters-card__header{background-color:var(--secondary-color);border-radius:8px;margin:8px;padding:4px}.characters-card .characters-card__header div{height:100%;padding-top:2px;width:100%}.characters-card__content{grid-gap:4px;background-color:var(--secondary-color);border-radius:8px;display:grid;gap:4px;grid-template:"avatar avatar race lvl lvl lvl lvl lvl" 30px "avatar avatar race hp hp hp hp hp" 30px "avatar avatar class stamina power agility intelligence charisma" 30px "avatar avatar class stamina power agility intelligence charisma" 30px "tabs tabs tabs tabs tabs tabs tabs tabs" 36px "info info info info info info info info" auto/1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;margin:8px;padding:4px 4px 8px}.characters-card__content .characters-card__content-avatar{align-items:center;grid-area:avatar;justify-content:center;overflow:hidden;padding:2px}.characters-card__content .characters-card__content-avatar img{width:100%}.characters-card__content .characters-card__content-race{align-items:center;grid-area:race;justify-content:center;overflow:hidden;padding:2px}.characters-card__content .characters-card__content-race img{width:100%}.characters-card__content .characters-card__content-class{align-items:center;justify-content:center;overflow:hidden;padding:2px}.characters-card__content .characters-card__content-class img{width:100%}.characters-card__content .characters-card__content-level{grid-area:lvl}.characters-card__content .characters-card__content-hp{grid-area:hp}.characters-card__content .characters-card__content-hp,.characters-card__content .characters-card__content-level{display:grid;grid-template-columns:64px 1fr 64px}.characters-card__content .characters-card__content-hp div,.characters-card__content .characters-card__content-level div{color:var(--primary-color);font-family:var(--font-base);font-size:12px;font-weight:500;line-height:16px;text-align:center}.characters-card__content .characters-card__content__progress-bar{border-left:2px solid var(--primary-color);border-right:2px solid var(--primary-color)}.characters-card__content .characters-card__content__progress-bar div{background-color:var(--primary-color);height:100%}.characters-card__content .characters-card__content__progress-left,.characters-card__content .characters-card__content__progress-right{padding:5px}.characters-card__content .characters-card__content-class{grid-area:class}.characters-card__content .characters-card__content-stamina{display:grid;grid-area:stamina;grid-template-rows:repeat(3,1fr)}.characters-card__content .characters-card__content-power{display:grid;grid-area:power;grid-template-rows:repeat(3,1fr)}.characters-card__content .characters-card__content-agility{display:grid;grid-area:agility;grid-template-rows:repeat(3,1fr)}.characters-card__content .characters-card__content-intelligence{display:grid;grid-area:intelligence;grid-template-rows:repeat(3,1fr)}.characters-card__content .characters-card__content-charisma{display:grid;grid-area:charisma;grid-template-rows:repeat(3,1fr)}.characters-card__content .characters-card__content-tabs{align-items:center;grid-area:tabs;justify-content:center;overflow:hidden;padding:2px}.characters-card__content .characters-card__content-tabs img{margin-right:2px;width:28px}.characters-card__content .characters-card__content-info{-ms-overflow-style:none;grid-area:info;height:334px;overflow-y:auto;scrollbar-width:none}.characters-card__content .characters-card__content-info::-webkit-scrollbar{display:none}.characters-card__content .characters-card__content-info .characters-card__content-info__title{color:var(--primary-color);font-family:var(--font-base);font-size:20px;line-height:28px;margin-top:4px;padding:8px;text-align:center}.characters-card__content .characters-card__content-info .characters-card__content-info__desc{color:var(--primary-color);font-family:var(--font-base);font-size:14px;line-height:20px;padding:8px;text-align:justify;white-space:pre-wrap}.characters-card__content__stat-icon{align-items:center;display:flex;justify-content:center;overflow:hidden;padding:2px;width:100%}.characters-card__content__stat-icon img{height:14px;margin:0 auto;width:14px}.characters-card__content__stat-icon,.characters-card__content__stat-value{border-bottom:2px solid var(--primary-color)}.characters-menu{display:grid;grid-template-rows:64px}.characters-menu__header{background-color:var(--secondary-color);border-radius:10px;margin:8px;padding:4px}.characters-menu__header div{border:2px solid var(--primary-color);border-radius:8px;height:100%;padding-top:2px;width:100%}.characters-menu__content{background-color:var(--secondary-color);border-radius:10px;display:grid;grid-template-rows:38px;margin:8px;padding:4px 4px 8px}.characters-menu__content-filter{border:2px solid var(--primary-color);border-top-left-radius:8px;border-top-right-radius:8px;display:flex}.characters-menu__content-filter img{height:30px;margin:2px;object-fit:cover;width:30px}.characters-menu__content-filter input{background-color:var(--secondary-color);border:1px solid var(--gray-color);color:var(--primary-color);font-size:12px;line-height:16px;margin:4px;outline:2px solid transparent;outline-offset:2px;padding:4px;width:100%}.characters-menu__content-filter input:focus{border:1px solid var(--primary-color)}.characters-menu__content-filter input:focus::-webkit-input-placeholder{color:transparent}.characters-menu__content-filter input:focus::placeholder{color:transparent}.characters-menu__content-filter input::-webkit-input-placeholder{color:var(--primary-color);font-family:var(--font-base);font-size:12px;line-height:16px;text-align:center}.characters-menu__content-filter input::placeholder{color:var(--primary-color);font-family:var(--font-base);font-size:12px;line-height:16px;text-align:center}.characters-menu__content-list{-ms-overflow-style:none;border:2px solid var(--primary-color);border-bottom-left-radius:8px;border-bottom-right-radius:8px;height:470px;margin-top:2px;overflow-y:auto;padding:2px;scrollbar-width:none}.characters-menu__content-list::-webkit-scrollbar{display:none}.characters-menu__content-list div:last-child{margin-bottom:0}.characters-menu__content-item{border:2px solid var(--primary-color);border-radius:8px;color:var(--primary-color);cursor:pointer;font-family:var(--font-base);font-size:12px;line-height:16px;margin-bottom:4px;padding:2px 4px;text-align:center}.characters-menu__content-item-active{background-color:var(--primary-color);color:var(--secondary-color);cursor:default}.rdp{--rdp-cell-size:40px;--rdp-accent-color:#00f;--rdp-background-color:#e7edff;--rdp-accent-color-dark:#3003e1;--rdp-background-color-dark:#180270;--rdp-outline:2px solid var(--rdp-accent-color);--rdp-outline-selected:3px solid var(--rdp-accent-color);margin:1em}.rdp-vhidden{clip:rect(1px,1px,1px,1px)!important;-webkit-appearance:none;appearance:none;background:transparent;border:0;border:0!important;box-sizing:border-box;height:1px!important;margin:0;overflow:hidden!important;padding:0;padding:0!important;position:absolute!important;top:0;width:1px!important}.rdp-button_reset{appearance:none;-moz-appearance:none;-webkit-appearance:none;background:none;color:inherit;cursor:default;font:inherit;margin:0;padding:0;position:relative}.rdp-button_reset:focus-visible{outline:none}.rdp-button{border:2px solid transparent}.rdp-button[disabled]:not(.rdp-day_selected){opacity:.25}.rdp-button:not([disabled]){cursor:pointer}.rdp-button:focus-visible:not([disabled]){background-color:var(--rdp-background-color);border:var(--rdp-outline);color:inherit}.rdp-button:hover:not([disabled]):not(.rdp-day_selected){background-color:var(--rdp-background-color)}.rdp-months{display:flex}.rdp-month{margin:0 1em}.rdp-month:first-child{margin-left:0}.rdp-month:last-child{margin-right:0}.rdp-table{border-collapse:collapse;margin:0;max-width:calc(var(--rdp-cell-size)*7)}.rdp-with_weeknumber .rdp-table{border-collapse:collapse;max-width:calc(var(--rdp-cell-size)*8)}.rdp-caption{align-items:center;display:flex;justify-content:space-between;padding:0;text-align:left}.rdp-multiple_months .rdp-caption{display:block;position:relative;text-align:center}.rdp-caption_dropdowns,.rdp-caption_label{display:inline-flex;position:relative}.rdp-caption_label{align-items:center;border:2px solid transparent;color:currentColor;font-family:inherit;font-size:140%;font-weight:700;margin:0;padding:0 .25em;white-space:nowrap;z-index:1}.rdp-nav{white-space:nowrap}.rdp-multiple_months .rdp-caption_start .rdp-nav{left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.rdp-multiple_months .rdp-caption_end .rdp-nav{position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.rdp-nav_button{align-items:center;border-radius:100%;display:inline-flex;height:var(--rdp-cell-size);justify-content:center;padding:.25em;width:var(--rdp-cell-size)}.rdp-dropdown_month,.rdp-dropdown_year{align-items:center;display:inline-flex;position:relative}.rdp-dropdown{-webkit-appearance:none;appearance:none;background-color:initial;border:none;bottom:0;cursor:inherit;font-family:inherit;font-size:inherit;left:0;line-height:inherit;margin:0;opacity:0;padding:0;position:absolute;top:0;width:100%;z-index:2}.rdp-dropdown[disabled]{color:inherit;opacity:1}.rdp-dropdown:focus-visible:not([disabled])+.rdp-caption_label{background-color:var(--rdp-background-color);border:var(--rdp-outline);border-radius:6px}.rdp-dropdown_icon{margin:0 0 0 5px}.rdp-head{border:0}.rdp-head_row,.rdp-row{height:100%}.rdp-head_cell{font-size:.75em;font-weight:700;height:100%;height:var(--rdp-cell-size);padding:0;text-align:center;text-transform:uppercase;vertical-align:middle}.rdp-tbody{border:0}.rdp-tfoot{margin:.5em}.rdp-cell{height:100%;height:var(--rdp-cell-size);padding:0;text-align:center;width:var(--rdp-cell-size)}.rdp-weeknumber{font-size:.75em}.rdp-day,.rdp-weeknumber{align-items:center;border:2px solid transparent;border-radius:100%;box-sizing:border-box;display:flex;height:var(--rdp-cell-size);justify-content:center;margin:0;max-width:var(--rdp-cell-size);overflow:hidden;width:var(--rdp-cell-size)}.rdp-day_today:not(.rdp-day_outside){font-weight:700}.rdp-day_selected,.rdp-day_selected:focus-visible,.rdp-day_selected:hover{background-color:var(--rdp-accent-color);color:#fff;opacity:1}.rdp-day_selected:focus-visible{outline:var(--rdp-outline);outline-offset:2px;z-index:1}.rdp:not([dir=rtl]) .rdp-day_range_start:not(.rdp-day_range_end){border-bottom-right-radius:0;border-top-right-radius:0}.rdp:not([dir=rtl]) .rdp-day_range_end:not(.rdp-day_range_start),.rdp[dir=rtl] .rdp-day_range_start:not(.rdp-day_range_end){border-bottom-left-radius:0;border-top-left-radius:0}.rdp[dir=rtl] .rdp-day_range_end:not(.rdp-day_range_start){border-bottom-right-radius:0;border-top-right-radius:0}.rdp-day_range_end.rdp-day_range_start{border-radius:100%}.rdp-day_range_middle{border-radius:0}.saves-menu{display:grid;grid-template-rows:64px}.saves-menu__header{background-color:var(--secondary-color);border-radius:10px;margin:8px;padding:4px}.saves-menu__header div{border:2px solid var(--primary-color);border-radius:8px;height:100%;padding-top:2px;width:100%}.saves-menu__content{background-color:var(--secondary-color);border-radius:10px;display:grid;grid-template-rows:38px;margin:8px;padding:4px 4px 8px}.saves-menu__content-filter{border:2px solid var(--primary-color);border-top-left-radius:8px;border-top-right-radius:8px;display:flex;position:relative}.saves-menu__content-filter img{height:30px;margin:2px;object-fit:cover;width:30px}.saves-menu__content-filter input{background-color:var(--secondary-color);border:1px solid var(--gray-color);color:var(--primary-color);font-size:12px;line-height:16px;margin:4px;outline:2px solid transparent;outline-offset:2px;padding:4px;width:100%}.saves-menu__content-filter input:focus{border:1px solid var(--primary-color)}.saves-menu__content-filter input:focus::-webkit-input-placeholder{color:transparent}.saves-menu__content-filter input:focus::placeholder{color:transparent}.saves-menu__content-filter input::-webkit-input-placeholder{color:var(--primary-color);font-family:var(--font-base);font-size:12px;line-height:16px;text-align:center}.saves-menu__content-filter input::placeholder{color:var(--primary-color);font-family:var(--font-base);font-size:12px;line-height:16px;text-align:center}.saves-menu__content-filter svg{color:var(--primary-color);cursor:pointer;height:20px;position:absolute;right:38px;top:7px;width:20px}.saves-menu__content-calendar{position:fixed;z-index:10}.saves-menu__content-calendar__btn{background-color:var(--secondary-color);border-color:var(--primary-color);border-radius:8px;bottom:26px;color:var(--primary-color);cursor:pointer;font-family:var(--font-base);font-size:12px;font-weight:500;padding:4px;position:absolute;right:26px}.saves-menu__content-list{-ms-overflow-style:none;border:2px solid var(--primary-color);border-bottom-left-radius:8px;border-bottom-right-radius:8px;height:470px;margin-top:2px;overflow-y:auto;padding:2px;scrollbar-width:none}.saves-menu__content-list::-webkit-scrollbar{display:none}.saves-menu__content-list div:last-child{margin-bottom:0}.saves-menu__content-item{border:2px solid var(--primary-color);border-radius:8px;color:var(--primary-color);cursor:pointer;font-family:var(--font-base);font-size:12px;line-height:16px;margin-bottom:4px;padding:2px 4px;text-align:center}.saves-menu__content-item-active{background-color:var(--primary-color);color:var(--secondary-color);cursor:default}.rdp-day{font-family:var(--font-base);font-size:12px}.rdp-day,.rdp-nav{color:var(--primary-color)}.rdp-day_today:not(.rdp-day_outside){font-family:var(--font-base);font-style:normal;font-weight:400;text-underline-offset:3px}.rdp-months{border:2px solid var(--primary-color);padding:3px}.rdp,.rdp-months{border-radius:.5rem}.rdp{--rdp-cell-size:30px;background-color:var(--secondary-color);box-shadow:3px 3px 10px 5px rgba(0,0,0,.2);padding:4px}.rdp-button:hover:not([disabled]):not(.rdp-day_selected){background-color:var(--secondary-color);border:2px solid var(--primary-color)}.rdp-head{font-size:12px}.rdp-caption_label,.rdp-head{color:var(--primary-color);font-family:var(--font-base)}.rdp-caption_label{font-size:20px;font-weight:500;line-height:2rem;text-transform:capitalize}.rdp-day_selected,.rdp-day_selected:hover{background-color:var(--primary-color);color:var(--secondary-color)}
/*# sourceMappingURL=main.dc26b682.css.map*/