.loading-wrapper{background-color:#dbb9ffc7;padding:2rem;border-radius:2rem}.centered-loader{display:block;align-content:center;position:absolute;width:100%;height:100%;top:0;left:0}.centered-loader.with-background{background-color:#331552a1}.double-page{display:flex}.double-page.hidden{display:none}.double-page>div{padding:3rem}.double-page>div:first-child{padding-right:1.5rem;border-radius:2rem 0 0 2rem;display:flex;justify-content:center;align-items:center}.double-page>div:last-child{padding-left:1.5rem;border-radius:0 2rem 2rem 0;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 1100px){.double-page>div{padding:2rem}.double-page>div:first-child{padding-right:1rem}.double-page>div:last-child{padding-left:1rem}}.one-page{position:relative;background-color:#f8edcc}.one-page>div{border-radius:1rem;background-color:#fff}.one-page>div .react-pdf__Document{border-radius:1rem;overflow:hidden}.double-page>div .konvajs-content{border-radius:1rem;overflow:hidden}.double-page>div>svg{border-radius:1rem;overflow:hidden}.book-pages.adding{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(135deg,#993188cc,#317899cc);z-index:var(--z-index-popup)}.one-page>div.adding{cursor:pointer;transition:all .3s}.one-page>div.adding:hover{transform:scale(1.05)}.book-info-label-bottom{position:absolute;bottom:0;left:0;padding:.5rem 1rem;background-color:var(--color-purple);color:#fff;font-size:1.4rem;border-radius:1rem 1rem 0 0;text-align:center;z-index:3}.book-settings{position:absolute;bottom:4rem;left:1rem;background-color:#fff;box-shadow:var(--box-shadow-subtle);padding:2rem;border-radius:2rem}.book-settings.no-bg{background-color:transparent;box-shadow:none;padding:0;border:none}.book-settings .close-btn{position:absolute;top:.5rem;left:50%;transform:translate(-50%)}.book-settings .close-btn button{display:flex;align-items:center;justify-content:center;background-color:transparent;border:none}.book-settings .close-btn button svg{width:2rem;height:2rem;fill:var(--color-grey)}.book-settings .close-btn button.revert{transform:rotate(180deg)}.settings-btn{position:absolute;bottom:4.5rem;left:3rem}.settings-btn button{display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;transform:rotate(180deg);background:var(--color-blue-dark);box-shadow:var(--box-shadow-subtle);padding:.8rem;border-radius:50%}.settings-btn button:hover{scale:1.1}.settings-btn button:active{transition:all .1s;scale:.9}.settings-btn button svg{width:1.6rem;height:1.6rem;fill:var(--color-white)}.flex-input-line{display:flex;justify-content:space-between;align-items:center;gap:1rem}.flex-input-line>div{display:flex;align-items:end}.flex-input-line>div>input{width:3rem;margin-right:2px;box-shadow:var(--box-shadow-subtle);border-radius:.5rem;border:none;text-align:center}.flex-input-line>label{font-size:1.2rem;font-weight:400;display:inline-block}.color-picker-line{display:flex;justify-content:space-between;align-items:center;position:relative;gap:2rem}.show-color-from-picker{cursor:pointer;box-shadow:var(--box-shadow-subtle);transition:transform .2s}.show-color-from-picker:hover{transform:scale(1.2)}.show-color-from-picker:active{transform:scale(.9)}.color-from-picker-inner-div{width:3rem;height:1.6rem;border-radius:5px;border:2px solid #a5a5a51f}.actual-color-picker{position:absolute;top:0;left:0;z-index:100;transform:translate(50%,-100%);background-color:#ffffe7;border-radius:1rem;box-shadow:var(--box-shadow-subtle);padding:.5rem;display:flex;flex-direction:column;gap:.5rem;align-items:center;justify-content:center}.actual-color-picker .react-colorful__hue-pointer,.actual-color-picker .react-colorful__alpha-pointer{width:16px;border-radius:3px}.actual-color-picker .react-colorful__saturation-pointer{width:16px;height:16px;border-radius:3px}.content-preview{position:relative;top:0;left:0;z-index:101}.content-preview.fixed{position:absolute;top:0;left:0;z-index:101}.content-preview .clickable-bar{display:flex;flex-direction:column;overflow:hidden;position:absolute;top:0;left:0;height:100svh;width:38rem;background-color:#fff;z-index:2;padding:1rem}.content-preview .clickable-bar .top-right-button{position:absolute;top:1rem;right:1rem;z-index:3}.content-preview .clickable-bar .content-bar-lines{flex-grow:1;overflow-y:auto;width:100%}.content-preview .clickable-bar .content-bar-lines .content-bar-headers{display:flex;justify-content:space-between;padding:0 1rem;margin-top:1rem}.content-preview .clickable-bar .content-bar-lines .content-bar-headers h6{font-size:1.6rem;font-weight:600;color:var(--color-text)}.content-preview .clickable-bar .content-bar-lines .first-content-redirect{border-radius:5px;cursor:pointer;transition:all .3s;color:#919191}.content-preview .clickable-bar .content-bar-lines .first-content-redirect:hover{background-color:#f5f5f5}.content-preview .clickable-bar .content-bar-lines .clickable-content-row{display:flex;padding:0 1rem;justify-content:space-between;align-items:center;cursor:pointer;transition:all .3s;border-radius:5px}.content-preview .clickable-bar .content-bar-lines .clickable-content-row:hover{background-color:#f5f5f5}.content-preview .clickable-bar .content-bar-lines .clickable-content-row>div:not(.first){display:grid;grid-template-columns:20px 1fr}.content-preview .clickable-bar .content-bar-lines .clickable-content-row .number-label{display:flex;justify-content:end;text-align:right;width:2rem}.content-preview .clickable-bar .content-bar-lines .clickable-content-row .label-number{display:flex;justify-content:end;margin-right:1rem}.content-preview .clickable-bar .content-bar-lines .clickable-content-row .label-0 .label-number{font-weight:700}.content-preview .clickable-bar .content-bar-lines .clickable-content-row .label-1 .label-number{font-weight:500}.content-preview .clickable-bar .content-bar-lines .clickable-content-row .label-2 .label-number{font-weight:400}.content-preview .open-content{position:absolute;top:1rem;left:1rem;z-index:1}@media only screen and (max-width: 1080px){.content-preview .open-content{top:5rem}}button.icon-button{box-shadow:var(--box-shadow-subtle);border-radius:1rem;border:none;display:flex;justify-content:center;align-items:center;cursor:pointer;animation:scaleIn .3s}button.icon-button.delete,button.icon-button.block,button.icon-button.cancel{background-color:var(--color-red)}button.icon-button.delete svg,button.icon-button.block svg,button.icon-button.cancel svg{fill:var(--color-white)}button.icon-button.delete:hover,button.icon-button.block:hover,button.icon-button.cancel:hover{background-color:var(--color-red-dark)}button.icon-button.delete:hover svg,button.icon-button.block:hover svg,button.icon-button.cancel:hover svg{fill:var(--color-red-light)}button.icon-button.flip{background-color:var(--color-green)}button.icon-button.flip svg{fill:var(--color-grey)}button.icon-button.flip:hover{background-color:var(--color-green-dark)}button.icon-button.flip:hover svg{fill:var(--color-green-light)}button.icon-button.confirm,button.icon-button.info-blue{background-color:var(--color-green)}button.icon-button.confirm svg,button.icon-button.info-blue svg{fill:var(--color-grey)}button.icon-button.confirm:hover,button.icon-button.info-blue:hover{background-color:var(--color-green-dark)}button.icon-button.confirm:hover svg,button.icon-button.info-blue:hover svg{fill:var(--color-green-light)}button.icon-button.edit,button.icon-button.add-user{background-color:var(--color-purple)}button.icon-button.edit svg,button.icon-button.add-user svg{fill:var(--color-white)}button.icon-button.edit:hover,button.icon-button.add-user:hover{background-color:var(--color-purple-dark)}button.icon-button.edit:hover svg,button.icon-button.add-user:hover svg{fill:var(--color-purple-light)}button.icon-button.menu,button.icon-button.result{background-color:var(--color-purple)}button.icon-button.menu svg,button.icon-button.result svg{fill:var(--color-white)!important}button.icon-button.menu:hover,button.icon-button.result:hover{background-color:var(--color-purple-dark)}button.icon-button.menu:hover svg,button.icon-button.result:hover svg{fill:var(--color-purple-light)}button.icon-button.result.active{border:2px solid var(--color-purple);background-color:var(--color-purple-dark)}button.icon-button.info{background-color:var(--color-pink-light)}button.icon-button.info svg{fill:var(--color-grey)}button.icon-button.next,button.icon-button.previous{background-color:var(--color-green-light)}button.icon-button.next svg,button.icon-button.previous svg{fill:var(--color-green-dark)}button.icon-button.small{width:2.4rem;height:2.4rem}button.icon-button.medium{width:3.2rem;height:3.2rem}button.icon-button.large{width:4rem;height:4rem}button.icon-button.flip svg{transform:rotate(180deg)}button.icon-button:hover{transform:scale(1.1);box-shadow:var(--box-shadow-subtle-hover)}button.icon-button:active{transform:scale(.98);box-shadow:var(--box-shadow-subtle-active)}button.icon-button:focus{outline:none}button.icon-button.disabled{position:relative}button.icon-button.disabled:hover{transform:scale(1);box-shadow:var(--box-shadow-subtle)}button.icon-button.disabled:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#3e3d4a7a;border-radius:1rem;z-index:1;cursor:not-allowed}button.icon-button.invisible{visibility:hidden;opacity:0}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.editable-normal-text{background-color:#fff;padding:1rem 1.5rem;border-radius:1rem;box-shadow:var(--box-shadow-subtle)}.editable-normal-text-input{max-width:4rem}.button{font-size:1.6rem;font-weight:500;padding:1.6rem 3rem;border-radius:1rem;border:none;cursor:pointer;box-shadow:var(--box-shadow-subtle);transition:all .3s ease-in-out}.button.smaller{font-size:1.4rem;font-weight:600;padding:1.2rem 2.4rem}.button .full-screen{width:100%}.button svg{fill:var(--color-white);transition:all .3s ease-in-out}.button:hover,.button:focus{outline:none;transform:scale(1.02)}.button:active{transform:scale(.98) translateY(3px);box-shadow:var(--box-shadow-subtle-active)}.button.button-colorful.green{background-color:var(--color-green);color:var(--color-green-dark)}.button.button-colorful.green svg{fill:var(--color-green-dark)}.button.button-colorful.green:hover{background-color:var(--color-green-dark);color:var(--color-green-light)}.button.button-colorful.green:hover svg{fill:var(--color-green-light)}.button.button-colorful.purple{background-color:var(--color-purple);color:var(--color-white)}.button.button-colorful.purple:hover{background-color:var(--color-purple-dark);color:var(--color-purple-light)}.button.button-colorful.purple:hover svg{fill:var(--color-purple-light)}.button.button-colorful.yellow{background-color:var(--color-yellow)}.button.button-colorful.yellow svg{fill:var(--color-grey)}.button.button-colorful.yellow:hover{background-color:var(--color-yellow-dark);color:var(--color-yellow-light)}.button.button-colorful.yellow:hover svg{fill:var(--color-yellow-light)}.button.button-colorful.pink{background-color:var(--color-pink);color:var(--color-white)}.button.button-colorful.pink:hover{background-color:var(--color-pink-dark);color:var(--color-pink-light)}.button.button-colorful.pink:hover svg{fill:var(--color-pink-light)}.button.button-colorful.red{background-color:var(--color-red);color:var(--color-white)}.button.button-colorful.red:hover{background-color:var(--color-red-dark);color:var(--color-red-light)}.button.button-colorful.red:hover svg{fill:var(--color-red-light)}.button.button-colorful.light-red{background-color:var(--color-red-light);color:var(--color-red)}.button.button-colorful.light-red:hover{background-color:var(--color-red-dark);color:var(--color-red-light)}.button.button-colorful.light-red:hover svg{fill:var(--color-red-light)}.button.button-colorful:disabled{background-color:var(--color-light-grey);color:var(--color-grey);cursor:not-allowed}.button.button-colorful:disabled svg{fill:var(--color-grey)}.button.button-colorful:disabled:hover{background-color:var(--color-light-grey);color:var(--color-grey);transform:scale(1)}.button.button-colorful:disabled:hover svg{fill:var(--color-grey)}.confirm-action.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-image:linear-gradient(135deg,#280f2480,#15374680)}.popup-outer{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:var(--z-index-popup);background-image:linear-gradient(135deg,#993188cc,#317899cc);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.popup-with-button{display:flex;flex-direction:column;position:relative;width:min(50rem,calc(100% - 4rem));max-height:calc(100% - 4rem)}.popup-with-button.bigger{width:min(140rem,calc(100% - 4rem))}.popup-with-button.fullscreen{width:min(120rem,calc(100% - 2rem));height:calc(100% - 2rem)}.popup-with-button.max-window-height{width:auto;max-height:calc(100svh - 4rem)}.popup-with-button.black .popup-inner{background-color:transparent;padding:0;background-color:var(--color-dark-grey);border-radius:2rem}.popup-with-button.based-on-children{width:auto;max-height:calc(100svh - 4rem)}.popup-with-button.based-on-children .popup-inner{width:auto;max-height:calc(100svh - 4rem);min-width:0;min-height:0}.popup-with-button .loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-image:linear-gradient(135deg,#280f2480,#15374680);z-index:1001;border-radius:2rem}.popup-with-button .popup-inner{display:flex;flex-direction:column;overflow:hidden;position:relative;padding:2rem;box-shadow:var(--box-shadow-popup);background-color:var(--color-pink-white);border-radius:2rem;min-width:30rem;min-height:20rem;width:100%;height:100%}.close-button{position:absolute;top:-1rem;right:-1rem;border-radius:50%;border:none;box-shadow:var(--box-shadow-subtle);cursor:pointer;background-color:var(--color-red);display:flex;justify-content:center;align-items:center;padding:1rem}.close-button svg{fill:var(--color-white)}.close-button:hover{transform:scale(1.2);box-shadow:var(--box-shadow-subtle-hover)}.close-button:active{transform:scale(.98);box-shadow:var(--box-shadow-subtle-active)}.library-select{overflow:hidden;padding:1rem 2rem;position:relative;display:flex;flex-direction:column}.library-select>div:not(.library-select__files){flex:0}.library-select .library-select__files{flex:1;overflow:auto;overflow-x:hidden;padding:0 2rem}.library-select .bottom-right-confirm{display:flex;width:100%;justify-content:end}.library-select .header-with-search{padding:0 2rem}.library-grid{padding-top:2rem;padding-bottom:2rem}.top-left-buttons{position:absolute;top:0;left:0;transform:translate(-1rem,-20%);display:flex;gap:.4rem}.top-left-buttons button.control-button{background-color:var(--color-red);display:flex;justify-content:center;align-items:center;padding:.6rem;border-radius:1rem;border:none;box-shadow:var(--box-shadow-subtle)}.top-left-buttons button.control-button.filled{background-color:var(--color-green)}.top-left-buttons button.control-button.filled svg{fill:var(--color-grey)}.top-left-buttons button.control-button svg{width:1.4rem;height:1.4rem;fill:var(--color-white)}.top-left-buttons button.control-button:hover,.top-left-buttons button.control-button:focus-visible{scale:1.4}.library-grid{position:relative;display:grid;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:1.5rem;margin-top:1rem}.library-grid .lib-grid-item{position:relative;cursor:pointer;padding:1rem;border-radius:1rem;background:linear-gradient(315deg,#fff 0%,#fff 45%,var(--color-pink) 55%,var(--color-pink) 100%);background-size:400%;background-position:100% 100%;box-shadow:0 0 5px #0000000d}.library-grid .lib-grid-item:hover .lib-info h4,.library-grid .lib-grid-item:hover .lib-info p{color:var(--color-white)}.library-grid .lib-grid-item.somethingSelected{opacity:.5}.library-grid .lib-grid-item.somethingSelected:hover{opacity:1}.library-grid .lib-grid-item.somethingSelected.selected{background-position:0% 0%;transform:scale(1.1);opacity:1}.library-grid .lib-grid-item.somethingSelected.selected .lib-info h4,.library-grid .lib-grid-item.somethingSelected.selected .lib-info p{color:var(--color-white)}.library-grid .lib-grid-item.somethingSelected.selected.withOrderNumber{transform:scale(1.04)}.library-grid .lib-grid-item:active{transform:scale(1);box-shadow:var(--box-shadow-subtle-active)}.library-grid .lib-grid-item .lib-grid-item-buttons{position:absolute;top:1rem;right:1rem}.library-grid .lib-grid-item .lib-grid-item-order{position:absolute;top:0;left:0;background-color:var(--color-yellow);color:var(--color-yellow-dark);width:3rem;height:3rem;display:flex;justify-content:center;align-items:center;border-radius:50%;transform:translate(-20%,-20%);box-shadow:var(--box-shadow-subtle);font-weight:600}.library-grid .lib-picture{width:100%;height:15rem;object-fit:cover;display:flex;justify-content:center;align-items:center}.library-grid .lib-picture img{border-radius:1rem;width:100%;height:100%}.library-grid .lib-picture .lib-actual-pic{object-fit:cover}.library-grid .lib-picture .lib-placeholder-pic{height:auto;width:50%}.library-grid .lib-info h4{font-size:1.6rem;font-weight:500;transition:all .3s}.library-grid .lib-info p{font-size:1.4rem;font-weight:500;color:var(--color-light-grey);transition:all .3s}.library-grid .lib-grid-item-list{display:flex;gap:1rem;flex-wrap:wrap}.library-grid .lib-grid-item-list .library-grid__button{display:flex;align-items:center;justify-content:center;border-radius:4px;padding:.5rem;width:2rem;height:2rem;background:var(--color-pink-dark);color:var(--color-white)}.library-grid.smaller{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}.library-drop-section{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:-1}.library-drop-section .upload-component{position:absolute;top:0;width:100%;height:100%;opacity:0;transition:all .3s}.library-drop-section .upload-component .dragging-icons{transition:all .3s;pointer-events:none;display:none}.library-drop-section .upload-component .dragging-icons svg{transition:all .3s}.library-drop-section.dragging{z-index:1}.library-drop-section.dragging .upload-component{transition:all .3s;display:flex;justify-content:center;align-items:center;opacity:1;background-image:linear-gradient(135deg,#ff55e380,#4fc7ff80)}.library-drop-section.dragging .dragging-icons{display:flex;justify-content:center;align-items:center;gap:4rem;flex-direction:column;pointer-events:none;transition:all .3s}.library-drop-section.dragging .dragging-icons .drop-section-description{font-size:2rem;padding:2rem;border-radius:1rem;background-color:var(--color-white);box-shadow:var(--box-shadow-subtle);color:var(--color-grey)}.library-drop-section.dragging .dragging-icons svg{transform:scale(1);transition:all .3s}.library-drop-section.dragging .dragging-icons svg g>g{transition:all .3s;transition-delay:.2s}.library-drop-section.dragging .dragging-icons.dragging{transition:all .3s}.library-drop-section.dragging .dragging-icons.dragging svg{transition:all .3s;transform:scale(2) rotate(-10deg)}.dropped-files{min-height:20rem;max-height:calc(100% - 10rem);display:flex;flex-direction:column;gap:1rem}.dropped-files .file-list{flex:1;display:flex;flex-direction:column;overflow-y:auto;gap:1rem}.dragging-whole-screen-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:999}.button-library-upload-right-bottom{position:fixed;bottom:2rem;right:2rem;z-index:999;display:flex;justify-content:center;align-items:center;gap:1rem}.search-box-container{background-color:var(--color-white);border-radius:1.5rem;box-shadow:var(--box-shadow-subtle);padding:1rem 1rem 1rem 2rem;display:flex;align-items:center;gap:1rem}.search-box-container input{border:none;font-weight:500}.search-box-container input:focus{outline:none}.search-box-container .search-icon-btn{display:flex;justify-content:center;align-items:center;background:linear-gradient(145deg,var(--color-pink),#ff0099);width:2.4rem;height:2.4rem;border:none;border-radius:50%;cursor:pointer;transform:scale(2.13);transition:all .3s ease-in-out;box-shadow:var(--box-shadow-subtle)}.search-box-container .search-icon-btn:hover{transform:scale(2.3)}.search-box-container .search-icon-btn:active{transform:scale(2)}.data-display{position:relative;display:flex;align-items:center;justify-content:space-between;padding:1rem;border-radius:1rem;box-shadow:var(--box-shadow-subtle);background-color:var(--color-white);gap:1rem}.data-display .edit-button{position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.data-display.align-left{justify-content:start}.data-display.data-display--empty{background-color:var(--color-red);color:var(--color-red-dark)}.data-display .label-for-data{font-weight:600;font-size:1.4rem}.data-display .data{font-size:1.4rem}.data-display p.link{color:#10f;text-decoration:underline;cursor:pointer}.data-display.data-display--clickable{cursor:pointer;transition:all .2s ease-in-out}.data-display.data-display--clickable:hover{transform:scale(1.05);box-shadow:var(--box-shadow-subtle-hover)}.data-display.data-display--clickable:active{transition:all .1s ease-in-out;transform:scale(1);box-shadow:var(--box-shadow-subtle)}.previous-button-left{position:absolute;top:50%;left:0rem;transform:translate(-50%,-50%);z-index:1}.next-button-right{position:absolute;top:50%;right:0;transform:translate(50%,-50%);z-index:1}.input-div{position:relative}.input-div label.input-label{position:absolute;display:block;font-size:1.4rem;font-weight:500;margin-bottom:.5rem;transition:all .3s ease-in-out;top:50%;left:2px;transform:translate(5px,-50%);color:#333;cursor:text;pointer-events:none}.input-div input{border-radius:.8rem;padding:1rem;font-size:1.4rem;border:none;transition:all .3s ease-in-out;outline:transparent solid 2px}.input-div input.left{text-align:left}.input-div input.center{text-align:center}.input-div input.right{text-align:right}.input-div input.link{text-decoration:underline;color:#00e}.input-div input.error{border:2px solid #ff0000}.input-div input.error:focus{outline:none}.input-div input:focus{outline:#4f4ddb solid 2px}.input-div input:focus+label.input-label,.input-div input+label.input-label.filled{color:#4f4ddb;top:-2px;left:2px;transform:translateY(-100%);font-size:1.2rem}.input-div input::placeholder{color:transparent}.input-error-div{color:var(--color-red-light);padding:1rem;border-radius:1rem;margin-top:.5rem;background-color:var(--color-red);box-shadow:var(--box-shadow-subtle);display:flex;gap:1rem;align-items:center}.input-error-div .input-error-icon{display:flex;justify-content:center;align-items:center}.input-error-div .input-error-icon svg{fill:var(--color-red-light)}.input-error-div .input-error-message{font-size:1.4rem;font-weight:600}.file-input-container{display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:center;background-color:var(--color-purple-light);border:2px solid #beb9b92f;padding:6rem 1rem;border-radius:.8rem;box-shadow:var(--box-shadow-subtle);transition:all .3s ease-in-out;cursor:pointer}.file-input-container.dragging-over{border:2px solid #4f4ddb;background-color:var(--color-purple-white)}.file-input-container:hover{transform:scale(1.02)}.file-input-container .file-input-icon{padding:1rem;background-color:var(--color-purple);display:flex;justify-content:center;align-items:center;border-radius:1rem}.file-input-container .file-input-icon svg{fill:var(--color-pink-white)}.file-input-container label{display:block;width:100%;color:var(--color-purple-dark)}.video-player{width:100%;position:relative;border-radius:2rem;overflow:hidden;box-shadow:var(--box-shadow-subtle);display:flex;justify-content:center;align-items:center}.video-player video{width:100%;height:100%;object-fit:contain}.video-player.fullscreen{width:98svw;height:98svh;border:4px solid white;background:#000}.rhap_container{box-sizing:border-box;display:flex;flex-direction:column;line-height:1;font-family:inherit;width:100%;padding:10px 15px;background-color:#fff;box-shadow:0 0 3px #0003}.rhap_container:focus:not(:focus-visible){outline:0}.rhap_container svg{vertical-align:initial}.rhap_header{margin-bottom:10px}.rhap_footer{margin-top:5px}.rhap_main{display:flex;flex-direction:column;flex:1 1 auto}.rhap_stacked .rhap_controls-section{margin-top:8px}.rhap_horizontal{flex-direction:row}.rhap_horizontal .rhap_controls-section{margin-left:8px}.rhap_horizontal-reverse{flex-direction:row-reverse}.rhap_horizontal-reverse .rhap_controls-section{margin-right:8px}.rhap_stacked-reverse{flex-direction:column-reverse}.rhap_stacked-reverse .rhap_controls-section{margin-bottom:8px}.rhap_progress-section{display:flex;flex:3 1 auto;align-items:center}.rhap_progress-container{display:flex;align-items:center;height:20px;flex:1 0 auto;align-self:center;margin:0 calc(10px + 1%);cursor:pointer;user-select:none;-webkit-user-select:none}.rhap_progress-container:focus:not(:focus-visible){outline:0}.rhap_time{color:#333;font-size:16px;user-select:none;-webkit-user-select:none}.rhap_progress-bar{box-sizing:border-box;position:relative;z-index:0;width:100%;height:5px;background-color:#ddd;border-radius:2px}.rhap_progress-filled{height:100%;position:absolute;z-index:2;background-color:#868686;border-radius:2px}.rhap_progress-bar-show-download{background-color:#dddddd80}.rhap_download-progress{height:100%;position:absolute;z-index:1;background-color:#ddd;border-radius:2px}.rhap_progress-indicator{box-sizing:border-box;position:absolute;z-index:3;width:20px;height:20px;margin-left:-10px;top:-8px;background:#868686;border-radius:50px;box-shadow:#86868680 0 0 5px}.rhap_controls-section{display:flex;flex:1 1 auto;justify-content:space-between;align-items:center}.rhap_additional-controls{display:flex;flex:1 0 auto;align-items:center}.rhap_repeat-button{font-size:26px;width:26px;height:26px;color:#868686;margin-right:6px}.rhap_main-controls{flex:0 1 auto;display:flex;justify-content:center;align-items:center}.rhap_main-controls-button{margin:0 3px;color:#868686;font-size:35px;width:35px;height:35px}.rhap_play-pause-button{font-size:40px;width:40px;height:40px}.rhap_volume-controls{display:flex;flex:1 0 auto;justify-content:flex-end;align-items:center}.rhap_volume-button{flex:0 0 26px;font-size:26px;width:26px;height:26px;color:#868686;margin-right:6px}.rhap_volume-container{display:flex;align-items:center;flex:0 1 100px;user-select:none;-webkit-user-select:none}.rhap_volume-bar-area{display:flex;align-items:center;width:100%;height:14px;cursor:pointer}.rhap_volume-bar-area:focus:not(:focus-visible){outline:0}.rhap_volume-bar{box-sizing:border-box;position:relative;width:100%;height:4px;background:#ddd;border-radius:2px}.rhap_volume-indicator{box-sizing:border-box;position:absolute;width:12px;height:12px;margin-left:-6px;left:0;top:-4px;background:#868686;opacity:.9;border-radius:50px;box-shadow:#86868680 0 0 3px;cursor:pointer}.rhap_volume-indicator:hover{opacity:.9}.rhap_volume-filled{height:100%;position:absolute;z-index:2;background-color:#868686;border-radius:2px}.rhap_button-clear{background-color:transparent;border:none;padding:0;overflow:hidden;cursor:pointer}.rhap_button-clear:hover{opacity:.9;transition-duration:.2s}.rhap_button-clear:active{opacity:.95}.rhap_button-clear:focus:not(:focus-visible){outline:0}.excercise-image{display:flex;justify-content:center;align-items:center}.excercise-image>img{width:100%;height:100%;object-fit:contain;border-radius:.5rem}.images-view-list{display:flex;flex-direction:column;align-items:center;gap:3rem;padding:2rem;width:100%;overflow-y:auto;background-color:var(--color-white);border-radius:1rem;box-shadow:var(--box-shadow-subtle);max-height:50rem}.images-view-list .item{position:relative;width:100%}.images-view-list .item .image{height:15rem;cursor:pointer;transition:all .3s ease-in-out}.images-view-list .item .image img{width:100%;height:100%;object-fit:cover;border-radius:1rem}.images-view-list .item .image:hover{scale:1.1}.images-view-list .item .image:active{transition:all .15s ease-in-out;scale:1}.images-view-list .item .arrow-button{background-color:var(--color-blue-dark);opacity:.8;border:none;display:flex;justify-content:center;align-items:center;width:2.8rem;height:2.4rem;padding:.4rem .2rem;border-radius:8px}.images-view-list .item .arrow-button:hover{opacity:1;background-color:var(--color-blue)}.images-view-list .item .arrow-button:hover svg{fill:var(--color-white)}.images-view-list .item .arrow-button svg{width:100%;height:100%;fill:var(--color-blue-light)}.images-view-list .item .arrow-button.top{position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.images-view-list .item .arrow-button.top:hover{transform:translate(-50%,-50%) scale(1.1)}.images-view-list .item .arrow-button.bottom{position:absolute;bottom:0;left:50%;transform:translate(-50%,50%)}.images-view-list .item .arrow-button.bottom:hover{transform:translate(-50%,50%) scale(1.1)}.images-view-list .item .top-right-delete{position:absolute;top:0;right:0;transform:translate(20%,-20%)}.image-corousel-popup{padding:0}.image-corousel-popup>.popup-inner{padding:0;background-color:var(--color-purple)}.image-corousel-filename{font-size:1.4rem;font-weight:600;color:var(--color-white);text-align:center;margin-bottom:1rem;position:absolute;top:1rem;left:50%;transform:translate(-50%);background-color:#ffffff78;color:#333;z-index:1000;padding:1rem 2rem;border-radius:1rem}.image-corousel{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;justify-content:space-between}.image-corousel .arrow-icon{display:flex;justify-content:center;align-items:center;background-color:transparent;border:none}.image-corousel .arrow-icon svg{width:2.6rem;height:2.6rem;fill:var(--color-purple)}.image-corousel .image-container{background-color:var(--color-dark-grey);flex:1 1 auto;height:10%;position:relative}.image-corousel .image-container .image-wrapper{width:100%;height:100%;overflow:hidden;display:flex}.image-corousel .image-container .image-wrapper .image{flex-shrink:0;flex-grow:0;width:100%;height:100%;object-fit:contain;transition:all .3s ease-in-out}.image-corousel .image-container .switch-buttons{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);display:flex;gap:5px}.image-corousel .image-container .switch-buttons button{border:none;width:1.6rem;height:1.6rem;border-radius:50%;background-color:var(--color-white);box-shadow:#0003 0 0 5px;opacity:.7}.image-corousel .image-container .switch-buttons button:hover,.image-corousel .image-container .switch-buttons button:focus-visible{opacity:1;scale:1.1}.image-corousel .image-container .switch-buttons button.active{opacity:1;scale:1.1}.image-corousel .image-container .switch-buttons button.active:after{content:"";display:block;width:.7rem;height:.7rem;border-radius:50%;background-color:#6b5de5;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.image-corousel .bottom-bar{padding:2rem;overflow:hidden}.image-corousel .bottom-bar .bottom-bar-wrapper{display:flex;gap:2rem;width:100%}.image-corousel .bottom-bar .bottom-bar-wrapper .button-div{gap:1rem;background-color:var(--color-purple-white);padding:1rem 2rem;display:flex;border-radius:1rem;align-items:center}.image-corousel .bottom-bar .bottom-bar-wrapper .image-info{flex-grow:1;background-color:var(--color-purple-white);padding:1rem 2rem;border-radius:1rem;position:relative}.image-corousel .bottom-bar .bottom-bar-wrapper .image-info p{font-weight:600;text-align:center}.image-corousel .bottom-bar .bottom-bar-wrapper .image-info.not-filled{background-color:var(--color-red)}.image-corousel .bottom-bar .bottom-bar-wrapper .image-info.not-filled p{color:var(--color-red-light)}.image-corousel .bottom-bar .bottom-bar-wrapper .image-info .edit-btn{position:absolute;top:50%;right:2rem;transform:translateY(-50%)}.image-corousel .bottom-bar .image-description{overflow-y:auto;background-color:var(--color-purple-white);padding:1rem 2rem;border-radius:1rem;max-height:10rem;position:relative}.image-corousel .bottom-bar .image-description p{white-space:pre-wrap;font-weight:600;text-align:start}.image-corousel .bottom-bar .image-description.not-filled{background-color:var(--color-red)}.image-corousel .bottom-bar .image-description.not-filled p{color:var(--color-red-light)}.image-corousel .bottom-bar .image-description .edit-btn{position:absolute;top:50%;right:2rem;transform:translateY(-50%)}.text-area-div{width:100%;position:relative}.text-area-div .text-area-label{position:absolute;top:1rem;left:1rem;font-size:1.5rem;font-weight:500;color:var(--color-light-grey);transition:all .3s}.text-area-div .text-area{width:100%;max-height:10rem;padding:1rem;border:1px solid var(--color-grey-light);border-radius:1rem;font-size:1.5rem;font-weight:400;resize:none;border:2px solid transparent;line-height:1.2}.text-area-div .text-area:focus{outline:none;border:2px solid var(--color-purple)}.text-area-div .text-area:focus+.text-area-label,.text-area-div.something-inputed .text-area-label{top:0;left:1rem;transform:translateY(-100%);font-size:1.5rem;color:var(--color-purple)}.text-area-div.something-inputed .text-area:not(:focus)+.text-area-label{color:var(--color-grey)}.text-area-div .confirm-text-change{position:absolute;top:1rem;right:1rem}.upload-file-top{display:flex;gap:1.6rem;align-items:center;border-bottom:1px solid #807f8d54;padding-bottom:1.6rem}.upload-file-top .upload-icon .icon-wrapper{display:flex;justify-content:center;align-items:center;border:1px solid var(--color-purple-dark);border-radius:25%;padding:1.6rem}.upload-file-top .upload-icon .icon-wrapper svg{width:3.2rem;height:3.2rem;fill:var(--color-purple-dark)}.upload-file-top .top-info h1{color:var(--color-grey)}.upload-file-top .top-info p{color:var(--color-light-grey);font-weight:600}.upload-file-drop-section .drop-section{padding:6rem 1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.6rem;width:100%;background-color:var(--color-purple-white);border-radius:1.6rem;transition:all .3s;position:relative}.upload-file-drop-section .drop-section.draggingOver{background-color:#988ff3}.upload-file-drop-section .drop-section svg.upload-box-icon{width:4rem;height:4rem;fill:var(--color-purple-dark)}.upload-file-drop-section .drop-section h3{color:var(--color-purple-dark)}.upload-file-drop-section .drop-section p{color:var(--color-light-grey);font-weight:600}.upload-file-drop-section .drop-section .info-about-file{position:absolute;top:1rem;right:1rem}.upload-file-drop-section .drop-section .info-about-file .upload-file-extra-info{border-radius:1rem;overflow:hidden;position:absolute;top:-10rem;right:5rem;background-color:#ffffffb6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:var(--box-shadow-subtle)}.upload-file-drop-section .drop-file-here{max-height:35rem;overflow-y:auto}.file-list .library-file:first-child{margin-top:1rem}.file-list .library-file:last-child{margin-bottom:2rem}.file-list{padding:1rem 1.5rem}.library-file{display:flex;align-items:center;justify-content:space-between;border-radius:.5rem;background-color:#fff;box-shadow:0 0 5px #0000000d;padding:1rem}.library-file .library-item-left button.file-in-icon{background-color:transparent;border:none;padding:0;display:flex;align-items:center;justify-content:center;cursor:default}.library-file .library-item-left .library-item-left__icon{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center}.library-file .library-item-left .library-item-left__icon img{width:100%;height:100%}.library-file .library-item-left .file-text .name{font-size:1.4rem;font-weight:600}.library-file .library-item-left .file-text .file-size{font-size:1.2rem;font-weight:500}.uploading-circle{width:2.5rem;height:2.5rem;transition:all .2s}.uploading-circle.done{transform:rotate(-360deg) scale(0)}.uploading-done{width:2.5rem;transform:rotate(-360deg) scale(0);transition:all .3s;animation:rotateIn .3s;animation-delay:.2s;animation-fill-mode:forwards}.excercise-list{display:flex;justify-content:center;align-items:center;width:100%;position:relative}.excercise-list .excercises{display:grid;width:100%;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));overflow-x:auto;overflow-y:visible;border-radius:1rem;padding:1rem;background-color:#fff}.excercise-list .excercises p{font-size:1.2rem;text-align:center}.excercise-list .top-connector{position:absolute;left:50%;top:-1rem;transform:translate(-50%);height:1rem;width:1rem;background-color:#fff}.excercise-list .top-connector:after{content:"";position:absolute;left:100%;bottom:0;transform:translate(-70%,50%);height:1rem;width:1rem;background-color:#fff;border-radius:50%}.excercise-list .top-connector:before{content:"";position:absolute;left:0%;bottom:0;transform:translate(-30%,50%);height:1rem;width:1rem;background-color:#fff;border-radius:50%}@keyframes rotateIn{0%{transform:rotate(-360deg) scale(0)}to{transform:rotate(0) scale(1)}}.error-message{padding:1rem 2rem;background-color:var(--color-red-light);color:var(--color-red-dark);margin-bottom:1.2rem;border:2px solid #640d0029;border-radius:1.5rem}.error-message svg{width:5rem;height:5rem;fill:var(--color-red-dark)}.error-message p{font-weight:600;font-size:1.4rem}.tree{position:relative;padding:1rem;font-family:Roboto Mono,monospace;font-size:1.4rem;font-weight:400;line-height:1.5;color:#212529;border-radius:1rem;box-shadow:var(--box-shadow-subtle);min-width:38rem}.tree span{font-size:13px;font-style:italic;letter-spacing:.4px;color:#a8a8a8}.tree .fa-folder-open,.tree .fa-folder{color:#007bff}.tree .fa-html5{color:#f21f10}.tree ul{padding-left:5px;list-style:none}.folder-image{height:1.6rem;margin-right:1rem}.tree ul li{position:relative;padding-top:5px;padding-bottom:5px;padding-left:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:flex;align-items:center}.tree ul li:before{position:absolute;top:15px;left:0;width:10px;height:1px;margin:auto;content:"";background-color:#666}.tree ul li:after{position:absolute;top:0;bottom:0;left:0;width:1px;height:100%;content:"";background-color:#666}.tree ul li:last-child:after{height:15px}.video-types-select{display:grid;grid-template-columns:repeat(2,1fr);margin-bottom:1rem}.video-types-select .video-types-select__button{padding:1rem .5rem;text-align:center;cursor:pointer;border-radius:1rem;border:none;background-color:var(--color-pink-light)}.video-types-select .video-types-select__button.active{background-color:#f0f0f0}.video-types-select .video-types-select__button:first-child{border-radius:1rem 0 0 1rem}.video-types-select .video-types-select__button:last-child{border-radius:0 1rem 1rem 0}.video-types-select .video-types-select__button:hover{background-color:var(--color-pink-light);transform:scale(1.1)}.video-types-select .video-types-select__button.selectedType{background-color:var(--color-pink);color:var(--color-white);font-weight:600}.mpv-file-input{display:flex;background-color:#fff;padding:1rem;border-radius:1rem;justify-content:space-between;align-items:center}.right-button-bar{position:absolute;top:0;right:0;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;min-width:28rem;max-width:32rem;z-index:10;padding-left:4rem}.right-button-bar.closed{min-width:2rem;cursor:pointer}.right-button-bar>.inner{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:3rem;border-radius:2rem 0 0 2rem;background-color:var(--color-orange-light);box-shadow:var(--box-shadow-subtle);position:relative;height:calc(100% - 8rem)}.right-button-bar>.inner .top-video-buttons{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;gap:5px}.right-button-bar>.inner .top-video-buttons .video-type-choser{display:flex;justify-content:center;align-items:center;padding:.5rem;border-radius:1rem;border:none}.right-button-bar>.inner .top-video-buttons .video-type-choser:hover{background-color:var(--color-blue-dark);transform:scale(1.1)}.right-button-bar>.inner .top-video-buttons .video-type-choser:hover>svg{fill:var(--color-white)}.right-button-bar>.inner .top-video-buttons .video-type-choser.active{background-color:var(--color-blue);transform:scale(1.2)}.close-sidebar-button{display:flex;justify-content:center;align-items:center;background-color:var(--color-white);border-radius:1rem;border:none;padding:.5rem;position:absolute;top:0;right:0;transform:translateY(-50%);cursor:pointer}.close-sidebar-button>svg{width:1.6rem;height:1.6rem;fill:var(--color-orange-dark);transition:all .3s ease-in-out}.close-sidebar-button:hover{background-color:var(--color-orange-dark);transform:translateY(-50%) scale(1.1)}.close-sidebar-button:hover>svg{fill:var(--color-white)}.open-sidebar-button{display:flex;justify-content:center;align-items:center;border-radius:1rem;border:none;padding:.5rem;position:absolute;top:50%;right:0;transform:translateY(-50%);cursor:pointer}.open-sidebar-button>svg{width:2rem;height:2rem;fill:var(--color-orange-dark);transition:all .3s ease-in-out;rotate:180deg}.open-sidebar-button:hover{background-color:var(--color-orange-dark);transform:translateY(-50%) scale(1.1)}.open-sidebar-button:hover>svg{fill:var(--color-white)}.right-button-bar>.inner:after{content:"";position:absolute;top:0;right:0;width:5rem;transform:translate(100%);height:100%;background-color:var(--color-orange-light)}.side-add-button-bar{position:absolute;top:50%;left:2px;transform:translateY(-50%)}.editor-centerer.adding-button{display:none}.excercise-embed-shortcut{border-radius:1rem;overflow:hidden;display:flex;width:100%;position:relative}.excercise-embed-shortcut .overflowing{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background-color:#fff0}.interactive-top-overlay{position:absolute;top:0;left:50%;width:min(100rem,calc(100% - 2rem));transform:translate(-50%);z-index:100;height:4rem}.interactive-top-container{width:100%;padding:.5rem 2rem;margin-top:.4rem;border-radius:1.5rem;background-color:#fff;transform:translateY(-250%);transition:all .3s;display:flex;justify-content:space-between;align-self:center;position:relative}.interactive-top-container .redirect-overlay{width:100%;height:100%;position:absolute;top:0;left:0;background-color:#ffffff80;border-radius:1.5rem;display:flex;justify-content:center;align-items:center;font-weight:600;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.interactive-top-container .pin-right{position:absolute;top:50%;transform:translateY(-50%);right:-1rem}.interactive-top-container .pin-bar{position:absolute;top:50%;transform:translate(50%,-50%);right:0;background-color:var(--color-green);padding:.5rem;border:none;border-radius:50%;cursor:pointer;box-shadow:var(--box-shadow-subtle);transition:all .3s;display:flex;justify-content:center;align-items:center}.interactive-top-container .pin-bar svg{fill:#fff}.interactive-top-container .pin-bar.pinned{transform:translate(50%,-50%) rotate(-45deg)}.interactive-top-container .pin-bar.pinned:hover{transform:translate(50%,-50%) rotate(-45deg) scale(1.1)}.interactive-top-container .pin-bar:hover{transform:translate(50%,-50%) scale(1.1)}.interactive-top-container .interactive-pages-container{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;gap:1rem;align-items:center}.navbar-page-numbers{font-size:1.4rem;font-weight:500;color:var(--color-text)}.interactive-pages-container button{background-color:transparent;color:#fff;padding:0 1rem;border-radius:4px;font-size:1.2rem;font-weight:500;cursor:pointer;transition:all .3s;border:none;display:flex;align-items:center;justify-content:center}.interactive-pages-container button.left{transform:rotate(180deg)}.interactive-pages-container button:hover{transform:scale(1.1)}.interactive-pages-container button.left:hover{transform:rotate(180deg) scale(1.4)}.interactive-top-container.opened{transform:translateY(0);box-shadow:var(--box-shadow-subtle)}.interactive-top-container ul{display:flex;list-style:none;padding:0;margin:0;gap:1rem}.interactive-top-container ul .interactive-menu-link{color:var(--color-text);font-size:1.4rem;font-weight:500;cursor:pointer;transition:all .3s;text-decoration:none}.interactive-top-container ul .interactive-menu-link.active{background-color:var(--color-purple);color:#fff;padding:.2rem .5rem;border-radius:4px;font-size:1.3rem;font-weight:600;letter-spacing:1.5px}.interactive-top-container ul .interactive-menu-link.active:hover{background-color:var(--color-purple);color:#fff}.interactive-top-container ul .interactive-menu-link:hover{background-color:#a49bfc;color:#fff;padding:.2rem .5rem;border-radius:4px}.hovering-navbar-icon{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;z-index:-1}.hovering-navbar-icon svg{width:2.4rem;height:2.4rem;cursor:pointer}.hovering-navbar-icon.opened svg{animation:float-down .3s ease-in-out forwards,floating 4s ease-in-out infinite;animation-delay:0s,.3s;animation-iteration-count:1,infinite}.hovering-navbar-icon:not(.opened) svg{animation:float-up .3s;animation-fill-mode:forwards}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(-.5rem)}to{transform:translateY(0)}}@keyframes float-up{0%{transform:rotate(0)}30%{transform:rotate(180deg)}to{transform:translateY(-150%) rotate(180deg)}}@keyframes float-down{0%{transform:translateY(-150%) rotate(180deg)}30%{transform:translateY(-150%) rotate(0)}to{transform:translateY(0)}}.scrollable-inner{flex-grow:1;overflow:auto;overflow-x:hidden;display:grid;grid-template-columns:55% 45%}.scrollable-inner>div{padding:1rem}.book-header{display:grid;grid-template-columns:20% auto;gap:2rem;align-items:center}.book-header .book-header-image{width:100%;border-radius:2rem;overflow:hidden;display:flex;justify-content:center;align-items:center;aspect-ratio:1 / 1.414}.book-header .book-header-image img{width:100%;height:100%;object-fit:cover}.book-header .book-header-detail .release-info .emph-rel{font-size:1.5rem;padding:1rem 2rem;border-radius:1rem;font-weight:600;background-color:var(--color-purple-dark);color:var(--color-purple-light)}.interactive-task-url{padding:1rem;position:relative}.interactive-task-url .confirm-edit-button{position:absolute;right:2rem;top:50%;transform:translateY(-50%)}.action-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.changes-history{background-color:var(--color-white);flex:1;padding:2rem;padding-right:0;border-radius:1rem;box-shadow:var(--box-shadow-subtle)}.changes-history .history-mode-switchers{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.changes-history .history-mode-switchers button{padding:.5rem 1.5rem;cursor:pointer;border:none;border-radius:1rem;color:var(--color-pink);border:2px solid var(--color-pink);background-color:#fff;font-weight:500;opacity:.5}.changes-history .history-mode-switchers button:hover{transform:scale(1.1);opacity:1}.changes-history .history-mode-switchers button:active{transform:scale(.98)}.changes-history .history-mode-switchers button.active{background-color:#fff;background-color:var(--color-pink);color:#fff;opacity:1;border:2px solid transparent}.changes-history .history-mode-switchers button.active:hover{transform:scale(1);cursor:default}.history-table-container{display:block;max-height:39rem;overflow:auto;width:100%;padding-right:2rem}.history-table{width:100%}.history-table tbody tr td{font-size:1.4rem;padding:8px 0}.history-table thead tr td{font-weight:600;line-height:1}.history-table thead tr td:last-child{text-align:end}.file-type-badge{margin-right:1rem}tbody tr td div.upload-type-badge{padding:6px;display:flex;align-items:center;justify-content:center;border-radius:1rem}tbody tr td div.upload-type-badge.upload-type-delete{background-color:var(--color-red-dark);color:var(--color-red-light)}tbody tr td div.upload-type-badge.upload-type-delete svg{fill:var(--color-red-light)}tbody tr td div.upload-type-badge.upload-type-upload{background-color:var(--color-purple-dark);color:var(--color-purple-light)}tbody tr td div.upload-type-badge.upload-type-upload svg{fill:var(--color-purple-light)}.book-detail-right{display:flex;flex-direction:column;gap:2rem}.book-detail-right .state-changes{padding:2rem 4rem 3rem;background-color:#fff;border-radius:1rem;box-shadow:var(--box-shadow-subtle);display:flex;justify-content:space-between;align-items:center;position:relative}.book-detail-right .state-changes .state-line{height:4px;width:100%;position:absolute;left:0;top:50%;transform:translateY(calc(-50% - 5px));padding:0 4rem}.book-detail-right .state-changes .state-line .line{width:100%;height:100%;border-radius:2px}.book-detail-right .state-changes .state-circle{width:2.1rem;height:2.1rem;border-radius:50%;border:none;box-shadow:0 0 5px #0000001a;position:relative}.book-detail-right .state-changes .state-circle .hover-circle{width:50%;height:50%;border-radius:50%;background-color:#000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .3s ease-in-out;opacity:0}.book-detail-right .state-changes .state-circle .hover-circle.active{opacity:1}.book-detail-right .state-changes .state-circle:hover.disabled:not(.selected){cursor:default}.book-detail-right .state-changes .state-circle:hover.disabled:not(.selected) .hover-circle{opacity:0}.book-detail-right .state-changes .state-circle:hover.selected{cursor:default}.book-detail-right .state-changes .state-circle:hover .hover-circle{opacity:1}.book-detail-right .state-changes .state-circle p{position:absolute;bottom:0;left:50%;transform:translate(-50%,100%);font-size:1.2rem;font-weight:600}.interactive-bottom-text{padding:0 2rem;font-size:1.4rem;color:var(--color-grey);display:flex;justify-content:end}.interactive-bottom-text .text-bold{font-weight:600}.interactive-bottom-text>div{border-radius:1rem}.error-confirm div.popup-inner{background-color:var(--color-red);display:flex;flex-direction:column;justify-content:space-between;align-items:center}.success-confirm div.popup-inner{background-color:var(--color-green);display:flex;flex-direction:column;justify-content:space-between;align-items:center}.success-confirm div.popup-inner div h2,.success-confirm div.popup-inner div p{color:var(--color-grey)}.bottom-buttons{padding:0 1rem;display:flex;justify-content:space-between}.users-list{display:flex;flex-direction:column;max-height:60rem;overflow-y:auto;overflow-x:visible;padding:1rem}.users-list .brief-user-select{width:100%;display:flex;justify-content:space-between;padding:2rem;border-radius:1rem;background-color:var(--color-white);margin-bottom:1rem;cursor:pointer;transition:.3s all}.users-list .brief-user-select:last-child{margin-bottom:0}.users-list .brief-user-select:hover{background-color:var(--color-purple);font-weight:600;color:var(--color-white);transform:scale(1.02)}.users-list .brief-user-select.selected{background-color:var(--color-purple);font-weight:600;color:var(--color-white)}.editor-version{font-size:1.4rem;color:var(--color-white);margin-right:2rem;font-weight:700;display:flex;justify-content:center;align-items:center;padding:.5rem 2rem;border-radius:1rem}.editor-version.smaller{font-size:1.2rem;padding:.1rem 2rem}.editor-version.vyvoj{background-color:var(--color-orange);color:var(--color-orange-dark)}.editor-version.production{background-color:var(--color-green);color:var(--color-green-dark)}.bottom-player{position:fixed;bottom:1rem;left:0;width:100%;z-index:2001;border-radius:1rem;display:flex;justify-content:center;align-items:center;padding:0 1rem}.audio-player-outer{width:min(80rem,calc(100% - 4rem));position:relative}.audio-player-section{display:flex;align-items:center;justify-content:space-between;border-radius:2rem;overflow:hidden;box-shadow:0 0 10px #0000001a}.audio-close-btn{position:absolute;right:0;top:0;transform:translate(50%,-50%)}.top-right-close-button{position:absolute;top:0;right:0;transform:translate(50%,-50%);cursor:pointer;background-color:var(--color-red);border-radius:50%;padding:.8rem;box-shadow:var(--box-shadow-subtle);display:flex;justify-content:center;align-items:center;border:none}.top-right-close-button svg{fill:var(--color-white)}.top-right-close-button:hover,.top-right-close-button:focus-visible{background-color:var(--color-red-dark);transform:translate(50%,-50%) scale(1.1)}.button-source-top-left{position:absolute;top:0;left:0;z-index:1;background-color:var(--color-pink-dark);color:#fff;padding:5px;border-radius:1rem 0;cursor:pointer;font-weight:700;border:none;padding:1rem 2rem;font-size:1.6rem}.button-source-top-left:hover,.button-source-top-left:focus-visible{font-size:2.4rem}.button-source-top-left:active{transition:all .1s;font-size:1.6rem}.fullscreenDiv{display:flex;flex-direction:column;background-color:var(--color-pink-white)}.fullscreenDiv .button-row-excercise{background-color:var(--color-pink-white);padding:1rem}.excercise-outer-div{position:relative}.excercise-outer-div .excercise-name{position:absolute;top:1rem;left:50%;transform:translate(-50%);font-size:2rem;background-color:#ffffff78;color:#333;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:1rem 2rem;border-radius:1.5rem}.external-button{display:flex;justify-content:center;align-items:center;gap:1rem;background-color:var(--color-orange);padding:1rem 2rem;margin-top:1rem;border-radius:1rem;cursor:pointer;border:none;font-weight:500}.external-button:hover,.external-button:focus-visible{background-color:var(--color-orange-dark);color:var(--color-white);transform:scale(1.05)}.external-button:active{transition:all .15s;transform:scale(.98)}.video-embed{width:100%;height:100%}.mpv-disable-overlfow{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.mpv-outer{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0005;z-index:1001;display:flex;justify-content:center;align-items:center}.mpv-outer .mpv-inner{padding:2rem;background-color:#fff;gap:2rem;display:flex;justify-content:center;align-items:center;border-radius:2rem;box-shadow:var(--box-shadow-popup)}.mpv-outer .mpv-inner .mpv-header{position:absolute;font-size:2.4rem;top:0;left:50%;transform:translate(-50%,-50%);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffffc6;box-shadow:var(--box-shadow-subtle);color:#333;z-index:202;padding:1rem 2rem;border-radius:2rem;white-space:nowrap}.mpv-outer .mpv-inner .mpv-content{position:relative;max-height:100svh;max-width:100svw;overflow:hidden;display:flex;justify-content:center;align-items:center}.mpv-outer .mpv-inner .mpv-content .page-btns{display:grid;grid-template-columns:1fr 60px 1fr;gap:2rem;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.mpv-outer .mpv-inner .mpv-content .page-btns button{flex:1}.mpv-outer .mpv-inner .mpv-content .page-btns .page-number{display:flex;align-items:center;justify-content:center;background-color:var(--color-purple);border-radius:1rem;color:#fff;font-weight:600}.zoomed-polygon-container{position:relative;background-color:#fff}.overlay-buttons{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:0 0 0 1rem}.zoomed-polygon-container{border-radius:1rem;overflow:hidden}.zoomed-polygon-container>div{transition:all .3s}.zoomed-polygon-container>.pdf-result-container{position:absolute;top:0;left:0}.zoomed-polygon-container>.pdf-not-visible{opacity:0}.zoomed-polygon-container>.visible{opacity:1}.zoomed-polygon-container .result-pdf{width:100%;height:100%;border-radius:0 0 0 10px}.zoomed-switch-results{position:absolute;left:0rem;bottom:0rem;transform:translateY(65%);z-index:4;border-radius:1rem;background-color:#fff;box-shadow:var(--box-shadow-subtle);padding:1rem}.editor-centerer{width:100%;height:100%}nav.library-navbar{position:absolute;left:2px;top:50%;transform:translateY(-50%);color:333;padding:1rem;display:flex;justify-content:center;align-items:center;z-index:2;border-radius:2rem}nav.library-navbar ul{list-style:none}nav.library-navbar ul li{display:flex;gap:1rem;position:relative;z-index:1}nav.library-navbar ul li svg.active{transform:scale(1.1);box-shadow:var(--box-shadow-subtle-active);cursor:default}nav.library-navbar ul li svg.purple.active{background-color:#6b5de5c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);fill:var(--color-white)}nav.library-navbar ul li svg.purple:not(.active):hover{background-color:var(--color-white);fill:var(--color-purple)}nav.library-navbar ul li svg.purple:not(.active):hover+.library-navbar-item-text{color:var(--color-purple)}nav.library-navbar ul li svg.purple:not(.active)+.library-navbar-item-text:before{background-color:var(--color-white)}nav.library-navbar ul li svg.pink.active{background-color:var(--color-pink);fill:var(--color-white)}nav.library-navbar ul li svg.pink:not(.active):hover{background-color:var(--color-white);fill:var(--color-pink)}nav.library-navbar ul li svg.pink:not(.active):hover+.library-navbar-item-text{color:var(--color-pink)}nav.library-navbar ul li svg.pink:not(.active)+.library-navbar-item-text:before{background-color:var(--color-white)}nav.library-navbar ul li svg.yellow.active{background-color:var(--color-yellow);fill:var(--color-grey)}nav.library-navbar ul li svg.yellow:not(.active):hover{background-color:var(--color-white);fill:var(--color-yellow-dark)}nav.library-navbar ul li svg.yellow:not(.active):hover+.library-navbar-item-text{color:var(--color-yellow-dark)}nav.library-navbar ul li svg.yellow:not(.active)+.library-navbar-item-text:before{background-color:var(--color-white)}nav.library-navbar ul li svg.blue.active{background-color:var(--color-blue);fill:var(--color-grey)}nav.library-navbar ul li svg.blue:not(.active):hover{background-color:var(--color-white);fill:var(--color-blue)}nav.library-navbar ul li svg.blue:not(.active):hover+.library-navbar-item-text{color:var(--color-blue)}nav.library-navbar ul li svg.blue:not(.active)+.library-navbar-item-text:before{background-color:var(--color-white)}nav.library-navbar ul li svg{flex-shrink:0;width:4rem;height:4rem;fill:#333;padding:.8rem;border-radius:1rem;background-color:#fff;transition:all .2s ease-in-out;box-shadow:var(--box-shadow-subtle);cursor:pointer}nav.library-navbar ul li svg:hover{transform:scale(1.1)}nav.library-navbar ul li svg:not(.relative-positioned){opacity:0}nav.library-navbar ul li svg.relative-positioned{position:absolute;left:0rem;z-index:20}nav.library-navbar ul li svg:hover+.library-navbar-item-text:before{width:200%;border-radius:0 1rem 1rem 0;transform:scaleY(1)}nav.library-navbar ul li svg:hover+.library-navbar-item-text{display:block;opacity:1}nav.library-navbar ul li p.library-navbar-item-text{position:absolute;right:-1rem;top:50%;transform:translate(100%,-50%);font-size:1.8rem;font-weight:500;color:transparent;transition:all .2s ease-in-out;padding:.8rem 0;opacity:0}nav.library-navbar ul li p.library-navbar-item-text:before{content:"";position:absolute;left:-2rem;top:1px;width:0%;height:calc(100% - 1px);transition:all .2s ease-in-out;z-index:-1;transform:scaleY(.9)}nav.library-navbar ul li:not(:last-child){margin-bottom:1.5rem}.library-bg{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.library-bg img{width:100%;height:100%;object-fit:cover}.libary-page{position:absolute;top:0;left:0;opacity:0;transition:all .4s ease-in-out;scale:0;display:flex;justify-content:center;align-items:center;flex-direction:column}.libary-page.active{scale:1;opacity:1}.library-centered{overflow:hidden;width:min(140rem,calc(100% - 4rem));height:min(80rem,calc(100% - 4rem));display:flex;flex-direction:column;border-radius:2rem;padding:3rem;background-color:#ffffffce;box-shadow:var(--box-shadow-popup);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.library-centered .scrollable{flex:1;overflow-y:auto;overflow-x:hidden;padding:1rem 2rem}.libary-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;gap:1rem;font-size:2rem;font-weight:500;color:var(--color-grey);z-index:2}.sub-page-header{padding:0 2rem}.book-info-top{position:absolute;bottom:0%;left:0%;background-color:var(--color-purple);color:#fff;padding:1rem 2rem;border-radius:0 2rem 0 0;box-shadow:var(--box-shadow-subtle);font-size:1.3rem;font-weight:500;z-index:2}.only-unused{background-color:#fff;padding:1rem 2rem;border-radius:1rem;font-family:Roboto,sans-serif}.only-unused label{padding-right:2rem;color:#606060;font-weight:600;cursor:pointer}.only-unused input{cursor:pointer}.delete-frames-on-page{position:absolute;bottom:0;left:50%;transform:translate(-50%)}.zoom-toolset{position:absolute;top:50%;left:1rem;transform:translateY(-50%);padding:.5rem;background-color:#fff;border-radius:.5rem;box-shadow:0 0 .5rem #0000001a}.zoom-toolset .zoom-tool:not(:first-child){margin-top:.5rem}.zoom-tool{display:block;padding:.4rem;border:none;background-color:transparent;cursor:pointer;transition:all .2s;border-radius:.5rem;margin:0 auto;display:flex;justify-content:center;align-items:center}.zoom-tool svg{width:3rem;height:3rem;transition:all .2s}.zoom-tool:hover{background-color:#0003;transform:scale(1.1)}.zoom-tool.active{transform:scale(.9);padding:.4rem;box-shadow:0 0 .5rem #0000001a;background-color:var(--color-purple)}.zoom-tool.active svg{fill:#fff;transform:scale(.8)}.zoom-upload-file{position:absolute;top:1rem;left:1rem;padding:.5rem;background-color:#fff;border-radius:.5rem;box-shadow:0 0 .5rem #0000001a}.zoom-upload-file.offset{top:5rem}.preview-padding-wrapper{width:100%;height:100%;transition:all .3s}.preview-padding-wrapper.content-opened{padding-left:40rem}.content-grid{display:grid;gap:2rem;grid-template-columns:40rem 1fr;grid-template-rows:1fr}.content-grid.fullscreen{grid-template-columns:1fr}.content-interface-options{position:absolute;bottom:0rem;left:0rem;width:100%;background-color:#fff;padding:1rem;display:flex;align-items:center;gap:2rem}.content-bar>h2{margin-top:1rem}.left-pane{background-color:var(--color-white);box-shadow:var(--box-shadow-subtle)}.comboboxes{margin-top:2rem;display:grid;grid-template-columns:repeat(3,70px);gap:1rem;margin-bottom:1rem}.content-bar{display:flex;flex-direction:column;height:100vh;overflow:hidden;padding:1rem;align-items:center;position:relative}.content-bar .dynamic-height{flex-shrink:0}.content-bar .stretchable{flex-grow:1;overflow-y:auto;width:100%;padding-bottom:8rem}.content-bar .top-pages-setup-wrapper{margin-top:2rem;width:100%}.content-bar .top-pages-setup-wrapper .top-pages-setup{border-radius:1rem;margin-bottom:1rem}.content-bar .top-pages-setup-wrapper .top-pages-setup .page-question{font-size:1.6rem;display:block;flex-grow:0 0 auto;align-self:center}.content-bar .top-pages-setup-wrapper .top-pages-setup .page-question .content-pages{font-weight:700;background-color:var(--color-blue-dark);color:var(--color-white);border-radius:1rem;box-shadow:var(--box-shadow-subtle);padding:1rem}.content-bar .top-pages-setup-wrapper .top-pages-setup .page-question .first-page{font-weight:700;color:var(--color-red)}.help{position:relative;width:2.4rem;height:2.4rem;background-color:var(--color-blue);display:flex;justify-content:center;align-items:center;border-radius:50%;cursor:pointer}.help svg{fill:var(--color-white)}.help .help-instructions{position:absolute;top:0;right:0;transform:translate(100%,-100%);width:max-content;height:max-content;background-color:var(--color-purple);border-radius:1rem;color:var(--color-white);font-size:1.4rem;font-weight:500;transition:all .3s;z-index:1;opacity:0;pointer-events:none;padding:1rem;scale:.5;transform-origin:top right}.help .help-instructions.shown{scale:1;opacity:1}.content-table .separator{margin-top:1rem;height:2px;border-radius:2rem;width:100%;background-color:#807f8d5d;margin-bottom:1rem}.content-table .content-bar-headers{display:flex;justify-content:space-between;padding:0 1rem}.content-table .content-bar-headers h6{font-size:1.6rem;font-weight:600;color:var(--color-text)}.content-table .content-table-instance{position:relative}.content-table .content-table-instance>.button-adding-wrapper{position:absolute;top:-10px;left:0;width:100%;height:8px}.content-table .content-table-instance>.button-adding-wrapper .button-holder{position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;height:3px;display:flex;justify-content:end;align-items:center;background-color:var(--color-blue);padding-right:5px;gap:2px;opacity:0;transition:all .3s;border-radius:1rem;z-index:1}.content-table .content-table-instance>.button-adding-wrapper .button-holder .button-for-adding button{width:2rem;height:2rem;background-color:var(--color-blue);border-radius:50%;display:flex;justify-content:center;align-items:center;border:none;cursor:pointer;color:var(--color-white);font-weight:600;scale:0;transition:all .3s}.content-table .content-table-instance>.button-adding-wrapper .button-holder .button-for-adding button:hover{background-color:var(--color-blue-dark);scale:1.1}.content-table .content-table-instance>.button-adding-wrapper:hover .button-holder{opacity:1}.content-table .content-table-instance>.button-adding-wrapper:hover .button-holder .button-for-adding button{scale:1}.content-table .content-table-instance>.button-adding-wrapper:hover .button-holder .button-for-adding button:hover{scale:1.1}.content-table .content-table-instance .content-table-row{margin:1rem 0;position:relative;display:flex;justify-content:space-between;padding:0 1rem}.content-table .content-table-instance .content-table-row .page-number{line-height:1}.content-table .content-table-instance .content-table-row.editting{margin:1rem 0;padding:5px 0;border-top:1px solid #33333341;border-bottom:1px solid #33333341}.content-table .content-table-instance .content-table-row.editting input,.content-table .content-table-instance .content-table-row.editting textarea{background-color:var(--color-white);border:none;border-bottom:2px solid var(--color-purple);padding:.5rem;font-size:1.6rem;font-weight:400;color:var(--color-text);width:100%}.content-table .content-table-instance .content-table-row.editting input:focus,.content-table .content-table-instance .content-table-row.editting textarea:focus{outline:none}.content-table .content-table-instance .content-table-row.editting input[type=number],.content-table .content-table-instance .content-table-row.editting textarea[type=number]{width:6rem}.content-table .content-table-instance .content-table-row.editting textarea{max-height:10rem}.content-table .content-table-instance .content-table-row .content-table-text{flex:1;cursor:text;margin-right:2rem}.content-table .content-table-instance .content-table-row .content-table-text.disabled{cursor:default}.content-table .content-table-instance .content-table-row .numbering-header{font-size:1.6rem;font-weight:600;font-family:"Noto Serif",serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 600;color:var(--color-text);line-height:1;margin-right:4px;width:2.6rem;display:flex;justify-content:end}.content-table .content-table-instance .content-table-row .first-header{line-height:1;font-size:1.8rem;font-weight:500}.content-table .content-table-instance .content-table-row .second-header{line-height:1;font-size:1.6rem;font-weight:400}.content-table .content-table-instance .content-table-row .third-header{line-height:1;font-size:1.4rem;font-weight:400}.content-table .content-table-instance .content-table-row .button-adding-wrapper{position:absolute;bottom:-7px;left:0;width:100%;height:8px}.content-table .content-table-instance .content-table-row .button-adding-wrapper .button-holder{position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;height:3px;display:flex;justify-content:end;align-items:center;background-color:var(--color-blue);padding-right:5px;gap:2px;opacity:0;transition:all .3s;border-radius:1rem;z-index:1}.content-table .content-table-instance .content-table-row .button-adding-wrapper .button-holder .button-for-adding button{width:2rem;height:2rem;background-color:var(--color-blue);border-radius:50%;display:flex;justify-content:center;align-items:center;border:none;cursor:pointer;color:var(--color-white);font-weight:600;scale:0;transition:all .3s}.content-table .content-table-instance .content-table-row .button-adding-wrapper .button-holder .button-for-adding button:hover{background-color:var(--color-blue-dark);scale:1.1}.content-table .content-table-instance .content-table-row .button-adding-wrapper:hover .button-holder{opacity:1}.content-table .content-table-instance .content-table-row .button-adding-wrapper:hover .button-holder .button-for-adding button{scale:1}.content-table .content-table-instance .content-table-row .button-adding-wrapper:hover .button-holder .button-for-adding button:hover{scale:1.1}.book-loading-div{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:2;background-color:#2e2e2e91}.right-pane{overflow:hidden;padding:0 1rem 0 2rem;position:relative}.right-pane.selecting{background-color:#3333337e}.right-pane.selecting .book-page-item{cursor:pointer;opacity:.2;transition:all .3s}.right-pane.selecting .book-page-item:hover{background-color:#fff;opacity:1;scale:1.02}.right-pane.selecting .book-page-item.selected-page{background-color:#fac0ff;opacity:1}.right-pane .scrollable-div{overflow-y:auto;height:100%;padding-right:1rem}.right-pane .book-pages-wrapper{height:100%;overflow:hidden;overflow-x:visible}.right-pane .book-pages-wrapper.editting-content{display:grid;grid-template-columns:4fr 6fr;gap:1rem}.right-pane .book-pages-wrapper.editting-content .book-pages{padding-top:2rem}.right-pane .book-pages-wrapper .book-pages{overflow:hidden;overflow-x:visible;display:grid;grid-template-columns:repeat(auto-fill,minmax(40rem,1fr));padding-bottom:5rem;padding-top:4rem;gap:1rem;align-items:center}.right-pane .book-pages-wrapper .book-pages .book-page-item{min-height:10rem;position:relative;border-radius:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;background-color:#fff;box-shadow:var(--box-shadow-subtle);overflow:hidden;transition:all .3s}.right-pane .book-pages-wrapper .book-pages .book-page-item.hovered-page{background-color:#fac0ff;scale:1.02}.right-pane .book-pages-wrapper .book-pages .book-page-item .real-page-number{position:absolute;line-height:1;bottom:0;right:0;background-color:var(--color-pink-light);color:var(--color-white);padding:1rem;border-radius:1rem 0 0;font-size:1.4rem;font-weight:500;box-shadow:var(--box-shadow-subtle)}.right-pane .book-pages-wrapper .book-pages .book-page-item .react-pdf__Document .react-pdf__Page{border:2px solid #fac0ff;background-color:transparent!important}.right-pane .book-pages-wrapper .book-pages .book-page-item .loading-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#777;font-size:1.5rem;text-align:center}.right-pane .book-pages-wrapper .book-pages .book-page-item .page-number{font-weight:400;margin-bottom:.5rem}.right-pane .book-pages-wrapper .book-pages .book-page-item .page-number.content-page{font-weight:700;background-color:var(--color-blue-dark);color:var(--color-white);border-radius:1rem;box-shadow:var(--box-shadow-subtle);padding:0 1rem}.right-pane .book-pages-wrapper .book-pages .book-page-item .page-number.first-page{font-weight:700;color:var(--color-red)}.content-page-wrapper{position:relative}.content-page-wrapper .content-page-controls{position:absolute;top:4px;left:50%;transform:translate(-50%);z-index:2;display:flex;gap:1rem}.content-page-wrapper .content-page-controls button{background-color:var(--color-white);padding:.5rem 1rem;border-radius:1rem;box-shadow:var(--box-shadow-subtle);font-size:1.4rem;font-weight:700;color:var(--color-blue-dark);cursor:pointer;transition:all .3s;border:2px solid var(--color-blue-dark)}.content-page-wrapper .content-page-controls button:hover,.content-page-wrapper .content-page-controls button.active{border:2px solid var(--color-blue-dark);background-color:var(--color-blue-dark);color:var(--color-white)}.content-page-wrapper .content-page-preview{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.5);width:min-content;opacity:0;transition:all .3s;box-shadow:var(--box-shadow-subtle)}.content-page-wrapper .content-page-preview.active{opacity:1;transform:translate(-50%,-50%) scale(1)}.content-page-wrapper .content-page-preview .react-pdf__Page{background-color:transparent!important;position:relative}.content-page-wrapper .content-page-preview .react-pdf__Page .react-pdf__Page__textContent{position:absolute;top:0;left:0}.centered-absolute-overlay{width:100%;height:100%}.centered-absolute-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.centered-absolute-overlay.purple-white{background-color:var(--color-purple-white)}.centered-absolute-overlay.white{background-color:var(--color-white)}.login-container{display:flex;justify-content:center;align-items:center;background-color:#f9f9ff;border-radius:1rem;box-shadow:var(--box-shadow-popup);overflow:hidden}.login-with-image,.login-with-form{height:60rem;width:45rem;position:relative}.login-with-image{overflow:hidden}.login-with-image .login-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.login-with-image .login-title{position:absolute;top:50%;transform:translateY(-50%);padding:0 4rem;z-index:2}.login-title h1{font-size:4.8rem;font-weight:800;color:var(--color-white)}.login-title p{font-size:1.8rem;font-weight:500}.login-with-form{padding:3rem 4rem}.login-version-info{position:fixed;bottom:1rem;right:1rem;background-color:var(--color-white);padding:2rem 4rem;border-radius:2rem;font-weight:600}.login-logo-container{display:flex;justify-content:center;align-items:center;width:min-content;border-radius:1rem;position:absolute;top:4rem;left:4rem;z-index:5}.login-logo-container img{width:15rem;height:auto}.text-input-container{display:flex;flex-direction:column}.text-input-label{font-size:1.6rem;font-weight:500;color:var(--color-light-grey)}.text-input{padding:1.2rem 1.6rem;border-radius:1rem;border:1.5px solid #cecece;transition:all .3s ease-in-out;font-size:1.6rem;font-weight:500;color:var(--color-grey);box-shadow:var(--box-shadow-subtle)}.text-input:focus{border-color:#907fb0;outline:none}.text-input::placeholder{color:var(--color-light-grey);font-weight:400}.text-input-container.input-error label.text-input-label{color:var(--color-red)}.text-input-container.input-error input.text-input{box-shadow:#ff000080 0 0 10px;border:1.5px solid #ff5252}.btn{font-size:1.6rem;font-weight:500;padding:1.6rem 3rem;border-radius:1rem;border:none;cursor:pointer;box-shadow:var(--box-shadow-subtle);transition:all .3s ease-in-out}.full-screen{width:100%}.btn-primary{background-color:var(--color-pink);color:var(--color-white)}.btn:hover,.btn:focus{outline:none;transform:scale(1.02)}.btn-primary:hover,.btn-primary:focus{background-color:#cd3791}.btn:active{transform:scale(.98) translateY(3px);box-shadow:var(--box-shadow-subtle-active)}.btn:disabled{background-color:var(--color-grey);color:var(--color-white);cursor:wait}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: #e74c3c;--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient( to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55 );--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right)}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right)}@media only screen and (max-width : 480px){.Toastify__toast-container{width:100vw;padding:0;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}}.Toastify__toast{--y: 0;position:relative;-ms-touch-action:none;touch-action:none;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);cursor:default;direction:ltr;z-index:0;overflow:hidden}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{margin:auto 0;-ms-flex:1 1 auto;flex:1 1 auto;padding:6px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.Toastify__toast-body>div:last-child{word-break:break-word;-ms-flex:1;flex:1}.Toastify__toast-icon{-webkit-margin-end:10px;margin-inline-end:10px;width:20px;-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width : 480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;-ms-flex-item-align:start;align-self:flex-start;z-index:1}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial;border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp{position:absolute;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.password-strength{width:100%}.password-strength-visualizer{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:2px;width:100%;margin-top:1rem}.password-strength-visualizer .strength-box{height:8px;width:100%;background-color:#f1f1f1;border-radius:5px;transition:all .3s}.password-strength-visualizer .strength-box.strength-box-0.active{background-color:var(--color-red)}.password-strength-visualizer .strength-box.strength-box-1.active{background-color:var(--color-orange)}.password-strength-visualizer .strength-box.strength-box-2.active{background-color:#a1d91d}.password-strength-visualizer .strength-box.strength-box-3.active{background-color:var(--color-success)}.password-strength-text{padding:1rem;background-color:#fff;border-radius:1rem;margin-top:1rem}.password-strength-text p{font-size:1.4rem;font-weight:500}.password-strength-text p.wrong{color:var(--color-red)}.password-strength-text p.correct{color:var(--color-success)}.nav{background-color:var(--color-purple);width:100%;z-index:100;display:flex;justify-content:center;align-items:center;position:relative;top:0}.nav .centered{width:min(160rem,calc(100% - 4rem));background-color:var(--color-purple);display:flex;justify-content:space-between;align-items:center;border-radius:1.5rem;padding:0 3rem}.nav .centered .left{display:flex;justify-content:flex-start;align-items:center}.nav .centered .right{display:flex;justify-content:flex-end;align-items:center;height:100%}.nav .centered .left a{text-decoration:none;color:#fff;font-size:1.6rem;transition:all .3s ease-in-out;margin-right:2rem;padding:2rem 0;background-color:transparent;border:none;cursor:pointer}.nav .centered .left a:hover{color:var(--color-blue);transform:scale(1.1)}.nav .centered .left a.active{color:var(--color-white);transform:scale(1.1);cursor:default;font-weight:700}.nav .centered .page-name{font-size:1.6rem;color:var(--color-white);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.profile-picture-div{display:flex;justify-content:center;align-items:center;position:relative}.profile-picture-div button{display:flex;justify-content:center;align-items:center;background-color:transparent;border:none}.profile-picture-div button svg{fill:#fff;transition:all .3s}.profile-picture-div button svg:hover{fill:#e9e9e9}.profile-picture-div button:hover{transform:scale(1.1)}.profile-picture-div button:active{transition:all .1s;transform:scale(.9)}.profile-picture-div .profile-dropdown{position:absolute;bottom:0;right:0;transform:translateY(100%);background-color:var(--color-white);box-shadow:var(--box-shadow-subtle);padding:2rem;min-width:20rem;display:flex;flex-direction:column;gap:1rem;border-radius:1rem;z-index:100;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(100%)}to{transform:translateY(100%);opacity:1}}.popup-no-padding .popup-inner{padding:0}.popup-no-padding .popup-inner .top-settings-bar{padding:2.5rem 3rem;border-bottom:2px solid #dac7d3}.popup-no-padding .popup-inner .center-settings-bar{display:flex;justify-content:center;align-items:stretch;max-height:100vh}.popup-no-padding .popup-inner .center-settings-bar .left-settings-bar{display:flex;flex:none;flex-direction:column;align-items:center;justify-content:start;min-height:50rem;flex-shrink:0;border-right:2px solid #dac7d3;padding:0 2rem}.popup-no-padding .popup-inner .center-settings-bar .left-settings-bar>button{text-align:left;font-size:1.8rem;padding:1rem 2rem;background-color:transparent;border:0;width:100%;border-radius:1rem}.popup-no-padding .popup-inner .center-settings-bar .left-settings-bar>button:first-child{margin-top:1rem}.popup-no-padding .popup-inner .center-settings-bar .left-settings-bar>button:hover,.popup-no-padding .popup-inner .center-settings-bar .left-settings-bar>button.active{border-radius:1rem;color:var(--color-purple-dark);background-color:var(--color-purple-light)}.popup-no-padding .popup-inner .center-settings-bar .left-settings-bar>button:hover{transform:scale(1.1)}.popup-no-padding .popup-inner .center-settings-bar .left-settings-bar>button:hover.active{transform:scale(1)}.popup-no-padding .popup-inner .center-settings-bar .left-settings-bar>button:active{transition:all .2s;transform:scale(.9)}.popup-no-padding .popup-inner .center-settings-bar .right-settings-bar{display:flex;flex:1;min-height:50rem;overflow-y:auto;flex-direction:column;justify-content:start;align-items:center;padding-top:1rem;padding-bottom:2rem;height:80svh}.popup-no-padding .popup-inner .center-settings-bar .right-settings-bar .user-info-section{padding:0 2rem}.permission-line{padding:1rem 2rem;border-radius:1rem;background-color:var(--color-white);transition:all .3s ease-in-out;cursor:pointer}.permission-line:hover{background-color:var(--color-purple);color:#fff;transform:scale(1.01)}.permission-line:hover:active{transition:all .2s ease-in-out;transform:scale(.99)}.permission-line.active{background-color:var(--color-purple);color:#fff}.permission-line.active:active{transition:all .2s ease-in-out;transform:scale(.99)}.permission-line-outer{padding-left:8rem}.input-before-confirm,.input-with-confirm{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;background-color:#fff;padding:1rem;border-radius:1rem}.input-before-confirm .input-before-confirm-content,.input-with-confirm .input-before-confirm-content{display:flex;flex-direction:row;align-items:center;flex:1 1 0%}.input-before-confirm .input-before-confirm-content .label,.input-with-confirm .input-before-confirm-content .label{font-weight:600;margin-right:1rem;font-size:1.4rem}.input-before-confirm .input-before-confirm-content .value,.input-with-confirm .input-before-confirm-content .value{font-size:1.4rem}.input-before-confirm .input-before-confirm-content .input,.input-with-confirm .input-before-confirm-content .input{font-size:1.4rem;padding:0 .5rem;border:1px solid #d1d1d1;border-radius:.5rem;box-shadow:0 0 5px #6b5de523}.input-before-confirm .input-before-confirm-content .input:focus-visible,.input-with-confirm .input-before-confirm-content .input:focus-visible{outline:none;box-shadow:0 0 5px var(--color-purple)}.disk-overlay{padding:0 2rem}.disk-outer{width:100%;padding:1rem;background-color:#fff;border-radius:1rem;box-shadow:var(--box-shadow-subtle)}.disk-outer .disk-loading-div{height:2rem;width:100%;background-color:#e0e0e0;border-radius:1rem;overflow:hidden;position:relative}.disk-outer .disk-loading-div p{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1rem;color:#000;font-weight:700}.admin-with-navbar>div.homepage{flex-grow:1;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:2rem}.homepage-centered{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem}.homepage-link{text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;width:30rem;height:30rem;border-radius:1rem;box-shadow:var(--box-shadow-subtle);transition:all .3s ease-in-out}.homepage-link .link-icon svg{transition:all .3s ease-in-out}.homepage-link .link-text{font-size:2.4rem;font-weight:700;margin-top:1rem;transition:all .3s ease-in-out}.homepage-link .link-description{font-size:1.4rem;text-align:center;transition:all .3s ease-in-out}.homepage-link:hover{transform:translateY(-.5rem) scale(1.04);box-shadow:var(--box-shadow-subtle-hover)}.homepage-link.purple{background-color:var(--color-purple);color:var(--color-purple-white)}.homepage-link.purple .link-icon svg{fill:var(--color-purple-white)}.homepage-link.purple:hover{background-color:var(--color-purple-light)}.homepage-link.purple:hover .link-text,.homepage-link.purple:hover .link-description{color:var(--color-purple-dark)}.homepage-link.purple:hover .link-icon svg{fill:var(--color-purple-dark)}.homepage-link.pink{background-color:var(--color-pink);color:var(--color-pink-white)}.homepage-link.pink .link-icon svg{fill:var(--color-pink-white)}.homepage-link.pink:hover{background-color:var(--color-pink-light)}.homepage-link.pink:hover .link-text,.homepage-link.pink:hover .link-description{color:var(--color-pink-dark)}.homepage-link.pink:hover .link-icon svg{fill:var(--color-pink-dark)}.create-iuc-button{position:fixed;bottom:2rem;right:2rem;z-index:20}.colorful-table{width:100%;margin:0;padding:0;border-collapse:separate;border-spacing:0 4px;transition:all .3s ease-in-out}.colorful-table thead tr th{border-top:1px solid #807f8d52;border-bottom:1px solid #807f8d52;padding:1rem 2px;font-size:1.4rem;font-weight:700;color:var(--color-light-grey);transition:all .3s ease-in-out}.colorful-table tbody td{padding:.8rem .5rem;font-size:1.4rem;font-weight:400;color:var(--color-grey);text-align:center;transition:all .3s ease-in-out}.colorful-table thead tr th.left,.colorful-table tbody td.left{text-align:left}.colorful-table tbody td:first-child{border-radius:10px 0 0 10px}.colorful-table tbody td:last-child{border-radius:0 10px 10px 0}.colorful-table thead th:first-child,.colorful-table tbody td:first-child{padding-left:1.5rem;text-align:left;font-weight:700}.colorful-table thead th:last-child,.colorful-table tbody td:last-child{text-align:right}.colorful-table tbody tr{border-radius:1rem}.colorful-table tr.book-row{box-shadow:var(--box-shadow-subtle);cursor:pointer}.colorful-table tr.book-row:hover{transform:scale(1.5) translateY(-.2rem)}.colorful-table tr.book-row td{color:var(--color-grey)}.colorful-table tr.book-row td:first-child{position:relative}.colorful-table tr.book-row td:first-child:before{content:"";position:absolute;top:50%;left:.5rem;transform:translateY(-50%);width:.5rem;height:80%;border-radius:10px}.colorful-table tr.book-row .state-column div{padding:4px 0;font-size:1.3rem;border-radius:10px;font-weight:700}.colorful-table tr.book-row .note{font-size:1.3rem;font-weight:700;text-align:left;line-height:1}.colorful-table tr.book-row .note .note-text{max-height:2.6rem;overflow:auto;text-overflow:ellipsis;white-space:pre-wrap}.colorful-table tr.book-row.yellow:hover td,.colorful-table tr.book-row.yellow.selected td{background-color:var(--color-yellow-dark);color:var(--color-yellow-light)}.colorful-table tr.book-row.yellow td{background-color:var(--color-yellow-light);color:var(--color-grey)}.colorful-table tr.book-row.yellow td:first-child:before{background-color:var(--color-yellow)}.colorful-table tr.book-row.yellow .state-column div{background-color:var(--color-yellow);color:var(--color-yellow-dark)}.colorful-table tr.book-row.orange:hover td,.colorful-table tr.book-row.orange.selected td{background-color:var(--color-orange-dark);color:var(--color-orange-light)}.colorful-table tr.book-row.orange td{background-color:var(--color-orange-light);color:var(--color-grey)}.colorful-table tr.book-row.orange td:first-child:before{background-color:var(--color-orange)}.colorful-table tr.book-row.orange .state-column div{background-color:var(--color-orange);color:var(--color-orange-dark)}.colorful-table tr.book-row.blue:hover td,.colorful-table tr.book-row.blue.selected td{background-color:var(--color-blue-dark);color:var(--color-blue-light)}.colorful-table tr.book-row.blue td{background-color:var(--color-blue-light);color:var(--color-grey)}.colorful-table tr.book-row.blue td:first-child:before{background-color:var(--color-blue)}.colorful-table tr.book-row.blue .state-column div{background-color:var(--color-blue);color:var(--color-blue-dark)}.colorful-table tr.book-row.green:hover td,.colorful-table tr.book-row.green.selected td{background-color:var(--color-green-dark);color:var(--color-green-light)}.colorful-table tr.book-row.green td{background-color:var(--color-green-light);color:var(--color-grey)}.colorful-table tr.book-row.green td:first-child:before{background-color:var(--color-green)}.colorful-table tr.book-row.green .state-column div{background-color:var(--color-green);color:var(--color-green-dark)}.colorful-table tr.book-row.red:hover td,.colorful-table tr.book-row.red.selected td{background-color:var(--color-red-dark);color:var(--color-red-light)}.colorful-table tr.book-row.red td{background-color:var(--color-red-light);color:var(--color-grey)}.colorful-table tr.book-row.red td:first-child:before{background-color:var(--color-red)}.colorful-table tr.book-row.red .state-column div{background-color:var(--color-red);color:var(--color-red-dark)}.book-selection-container{display:flex;overflow-x:scroll;padding:1rem 1rem 2rem;scroll-behavior:smooth;gap:1rem}.loader-creating{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#6b5de550;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1001}.loader-creating .loading-text{background-color:var(--color-purple);color:var(--color-white);padding:4rem;border-radius:1rem}.book-thumbnail{position:relative;flex-shrink:0;width:14rem;height:20rem;border-radius:1rem;box-shadow:var(--box-shadow-subtle);cursor:pointer;transition:all .3s ease-in-out}.book-thumbnail:hover{transform:scale(1.05)}.book-thumbnail.selected{padding:1rem;background-color:var(--color-green);transform:scale(1.1)}.book-thumbnail.something-selected:not(.selected){opacity:.5}.book-thumbnail .thumbnail-image{width:100%;height:100%;border-radius:1rem;overflow:hidden}.book-thumbnail .thumbnail-image img{width:100%;height:100%;object-fit:cover;border-radius:1rem}.book-thumbnail .thumbnail-text{position:absolute;bottom:0;left:0;width:100%;padding:1rem .5rem;background-color:#6b5de57a;color:var(--color-purple-dark);font-weight:700;text-align:center;border-radius:0 0 1rem 1rem}.selectedFile{padding:2rem 5rem;text-align:center;background-color:var(--color-purple);color:var(--color-white);border-radius:1rem;position:relative}.book-two-lines{display:flex;flex-direction:column;align-items:center;justify-content:center}.book-two-lines.g-1{gap:4rem}.delete-button{border:none;background-color:var(--color-red);color:var(--color-white);width:4rem;height:4rem;border-radius:1rem;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease-in-out;box-shadow:var(--box-shadow-subtle)}.delete-button:hover,.delete-button:focus{transform:scale(1.1);box-shadow:var(--box-shadow-subtle-hover)}.delete-button:active{transform:scale(.9);box-shadow:var(--box-shadow-subtle-active)}.delete-button.offset-hover:hover,.delete-button.offset-hover:focus{transform:translateY(-50%) scale(1.1)}.delete-button.offset-hover:active{transform:translateY(-50%) scale(.9)}.delete-button svg{fill:var(--color-white)}.user-table{width:100%;margin:0;padding:0;border-collapse:separate;border-spacing:0 0;transition:all .3s ease-in-out}.user-table thead tr th{border-top:1px solid #807f8d52;border-bottom:1px solid #807f8d52;padding:1rem .5rem;font-size:1.4rem;font-weight:700;color:var(--color-light-grey);transition:all .3s ease-in-out}.user-table tbody td{padding:.8rem .5rem;font-size:1.4rem;font-weight:400;color:var(--color-grey);text-align:center;transition:all .3s ease-in-out}.user-table thead tr th.left,.user-table tbody td.left{text-align:left}.user-table tbody td:first-child{padding-left:2rem;border-radius:10px 0 0 10px}.user-table thead th:last-child{padding-right:2rem}.user-table tbody td:last-child{padding-right:2rem;border-radius:0 10px 10px 0}.user-table thead th:first-child,.user-table tbody td:first-child{padding-left:2rem;text-align:left;font-weight:700}.user-table thead th:last-child,.user-table tbody td:last-child{text-align:right}.user-table tbody tr{border-radius:1rem}.user-table tbody tr:nth-child(2n){background-color:#e5e4e4}.user-table tbody tr.isLoggedIn{background-color:var(--color-orange-light)}.user-table tbody tr td.active-icon svg.green{fill:var(--color-success)}.user-table tbody tr td.active-icon svg.red{fill:var(--color-red)}.user-table .action-buttons-user{display:flex;justify-content:end;align-items:center;gap:1rem}.userCreateForm{position:relative}.form-darkened{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1}.user-type-choser button{padding:1rem;border-radius:1rem;background-color:#fff;border:none;font-size:1.4rem;font-weight:600}.user-type-choser button:hover{background-color:#f0f0f0;transform:scale(1.05)}.user-type-choser button.active{background-color:var(--color-pink);color:#fff}.user-type-choser button.active:hover{background-color:var(--color-pink);transform:scale(1);cursor:default}.permission-container{margin:0 auto;width:min(80rem,calc(100% - 4rem));padding:3rem}.permission-box{background-color:#fff;border-radius:1rem;box-shadow:var(--box-shadow-subtle)}.permission-box .permission-header{font-size:2.4rem;font-weight:500;line-height:1;padding:2rem 3rem;border-bottom:3px solid #f4f4f4}.permission-box .permission-rights{padding:2rem 3rem}.permission-box .permission-rights .permission-right p{font-size:1.6rem;line-height:1.5;margin-bottom:1.5rem}.books-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr))}.book-item-card{padding:1rem;border-radius:1rem;background:linear-gradient(135deg,#fff,#fff 45%,#ca378f 55%,#72104b);background-size:300% 300%;background-position:0% 0%;box-shadow:var(--box-shadow-subtle);cursor:pointer}.book-item-card:active{transform:scale(.95);transition:all .2s ease}.book-item-card h2{background-color:var(--color-pink);color:#fff;border-radius:5px;transition:all .5s ease}.book-item-card p.par-3{transition:all .5s ease}.book-item-card .book-item-thumbnail{overflow:hidden;aspect-ratio:1 / 1.414;border-radius:5px}.book-item-card .book-item-thumbnail img{width:100%;height:100%;object-fit:cover}.book-filter-button{padding:.5rem;background-color:var(--color-yellow);color:#333;border:none;border-radius:5px;cursor:pointer;font-weight:500}.book-filter-button.something-selected{background-color:var(--color-yellow-light);color:#a7a7a7}.book-filter-button.something-selected.active{background-color:var(--color-yellow);color:var(--color-yellow-dark);scale:1.05}.book-filter-button:hover{background-color:var(--color-yellow-dark);color:#fff;scale:1.05}.book-filter-button:focus{outline:none}.book-filter-button:active{scale:.95}.book-detail-grid{display:grid;grid-template-columns:minmax(300px,400px) 1fr;grid-template-rows:60rem;gap:3rem;flex-grow:1;max-height:100svh;padding:2rem}.book-detail-grid .book-detail-thumbnail{display:flex;justify-content:center;align-items:center;box-shadow:var(--box-shadow-subtle);border-radius:1rem;overflow:hidden;aspect-ratio:1 / 1.414}.book-detail-grid .book-detail-thumbnail img{width:100%;height:100%;object-fit:cover}.book-detail-grid .book-detail-info{max-width:600px;display:flex;flex-direction:column;justify-content:space-between}.book-detail-grid .book-detail-info span.catalog{background:var(--color-pink-dark);color:#fff;padding:5px 10px;border-radius:1rem;font-weight:600;align-self:start}.book-detail-grid .book-detail-info .book-detail-subject-shortcut{padding:1rem;font-size:1.4rem;background:var(--color-pink-dark);color:#fff;border-radius:1rem}.book-detail-grid .book-detail-info .year-button{width:3rem;height:3rem;border-radius:5px;background:var(--color-pink-dark);color:#fff;opacity:.4;font-weight:600;border:none;cursor:pointer}.book-detail-grid .book-detail-info .year-button.active{opacity:1}.book-detail-grid .book-detail-info .year-button:hover:not(.disabled){opacity:1;scale:1.1}.book-detail-grid .book-detail-info .year-button.disabled{cursor:not-allowed}.book-detail-grid .book-detail-info .yes-no-row{padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;background-color:#fff;border-radius:1rem;gap:10rem}.book-detail-grid .book-detail-info .yes-no-row .yes-no-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.book-detail-grid .book-detail-info .yes-no-row .yes-no-buttons .yes-no-btn{padding:.5rem 1rem;border-radius:1rem;border:none;background:var(--color-pink-dark);color:#fff;font-weight:600;cursor:pointer;opacity:.4}.book-detail-grid .book-detail-info .yes-no-row .yes-no-buttons .yes-no-btn.active{opacity:1}.book-detail-grid .book-detail-info .yes-no-row .yes-no-buttons .yes-no-btn:hover:not(.disabled){opacity:1;scale:1.1}.book-detail-grid .book-detail-info .yes-no-row .yes-no-buttons .yes-no-btn.disabled{cursor:not-allowed}.book-detail-grid .book-detail-info .book-interactives-grid{padding:.5rem 1rem;background-color:#fff;border-radius:1rem;height:20rem;overflow-y:auto}.book-detail-grid .book-detail-info .book-interactives-grid .book-interactives-grid-header,.book-detail-grid .book-detail-info .book-interactives-grid .book-interactives-grid-item{display:grid;padding:.5rem;grid-template-columns:repeat(3,1fr)}.book-detail-grid .book-detail-info .book-interactives-grid .book-interactives-grid-header p:nth-child(2),.book-detail-grid .book-detail-info .book-interactives-grid .book-interactives-grid-item p:nth-child(2){text-align:center}.book-detail-grid .book-detail-info .book-interactives-grid .book-interactives-grid-header p:last-child,.book-detail-grid .book-detail-info .book-interactives-grid .book-interactives-grid-item p:last-child{text-align:end}.book-detail-grid .book-detail-info .book-interactives-grid .book-interactives-grid-header:not(:last-child),.book-detail-grid .book-detail-info .book-interactives-grid .book-interactives-grid-item:not(:last-child){margin-bottom:2px}.book-detail-grid .book-detail-info .book-interactives-grid .book-interactives-grid-item{transition:all .2s ease-in-out;border-radius:5px;cursor:pointer}.book-detail-grid .book-detail-info .book-interactives-grid .book-interactives-grid-item:hover{scale:1.01;background-color:var(--color-pink-light)}.book-detail-grid .book-detail-info .book-interactives-grid .book-interactives-grid-header p{font-weight:600;font-size:1.6rem;color:var(--color-pink-dark)}.select{height:100%;width:100%;display:flex}.select>div{flex-grow:1;border:none}.select2{height:100%;width:100%;display:flex}.select2>div{flex-grow:1;border:none}.form-new-book{min-width:50rem}.year-selection-row{display:flex;justify-content:space-between;align-items:center;border-radius:1rem;background-color:var(--color-white);padding:2rem}.year-selection-row .year-button{width:2.4rem;height:2.4rem;display:flex;justify-content:center;align-items:center;font-weight:600;background-color:var(--color-pink-light);color:var(--color-white);opacity:.7;border:none;border-radius:5px;cursor:pointer}.year-selection-row .year-button:hover{background-color:var(--color-pink);opacity:1}.year-selection-row .year-button.active{background-color:var(--color-pink);scale:1.1;opacity:1}.year-selection-row .yes-no-buttons{display:flex;gap:1rem}.year-selection-row .yes-no-buttons button{width:5rem;height:2.4rem;display:flex;justify-content:center;align-items:center;font-weight:600;background-color:var(--color-pink-light);color:var(--color-white);opacity:.7;border:none;border-radius:5px;cursor:pointer}.year-selection-row .yes-no-buttons button:hover{background-color:var(--color-pink);opacity:1}.year-selection-row .yes-no-buttons button.active{background-color:var(--color-pink);scale:1.1;opacity:1}.booktype-select-row,.picture-upload-row{justify-content:space-between;align-items:center;border-radius:1rem;background-color:var(--color-white);padding:1rem 2rem}.picture-upload-row{display:flex;padding-right:1rem}*,*:after,*:before{box-sizing:border-box;padding:0;margin:0}html{font-size:62.5%}html,body,#root,main.App{height:100%;width:100%}body{overflow-x:hidden}body{font-family:Roboto,sans-serif;font-size:1.6rem;font-weight:400;line-height:1.6;color:#333;background-color:#f4f4f4}input,textarea,button{font-family:Roboto,sans-serif;font-size:1.6rem;font-weight:400;line-height:1.6;color:#3e3d4a;transition:all .3s ease-in-out}textarea{resize:none}button{cursor:pointer}:root{--color-purple: #6b5de5;--color-purple-dark: #1c145f;--color-purple-light: #bab4f1;--color-pink: #f15bb5;--color-pink-dark: #72104b;--color-pink-light: #efadd5;--color-pink-white: #f1dfea;--color-yellow-light: #fff7c5;--color-yellow: #fee440;--color-yellow-dark: #695b00;--color-orange-light: #ffe8be;--color-orange: #ffa500;--color-orange-dark: #664200;--color-blue-light: #bef5ff;--color-blue: #00d9ff;--color-blue-dark: #005d6d;--color-green-light: #d7fffa;--color-green: #00f5d4;--color-green-dark: #006e60;--color-success: #1dd93a;--color-red-light: #ffded9;--color-red: #ff4d31;--color-red-dark: #640d00;--color-white: #ffffff;--color-purple-white: #dddbf1;--color-text: #333;--color-grey: #3e3d4a;--color-light-grey: #807f8d;--color-dark-grey: #1f1f1f;--z-index-popup: 1000;--toastify-color-success: #6b5de5 !important;--toastify-text-color-success: #fff !important;--bodyColor1: #fff;--bodyColor2: #fff;--box-shadow-subtle: rgba(149, 157, 165, .2) 0px 8px 24px;--box-shadow-subtle-hover: rgba(149, 157, 165, .4) 0px 12px 36px;--box-shadow-subtle-active: rgba(149, 157, 165, .3) 0px 4px 12px;--box-shadow-popup: rgba(0, 0, 0, .25) 0px 54px 55px, rgba(0, 0, 0, .12) 0px -12px 30px, rgba(0, 0, 0, .12) 0px 4px 6px, rgba(0, 0, 0, .17) 0px 12px 13px, rgba(0, 0, 0, .09) 0px -3px 5px}.rhap_button-clear{overflow:visible!important}.cursor-not-allowed{cursor:not-allowed!important}.header-1{font-size:3.6rem;font-weight:700;line-height:1.2}.header-2{font-size:3rem;font-weight:700;line-height:1.2}.header-3{font-size:2.4rem;font-weight:600;line-height:1.2}.header-4{font-size:2rem;font-weight:600;line-height:1.2}.header-5{font-size:1.8rem;font-weight:600;line-height:1.2}.header-6{font-size:1.6rem;font-weight:600;line-height:1.2}.par-1{font-size:1.8rem;font-weight:400;line-height:1.8}.par-2{font-size:1.6rem;font-weight:400;line-height:1.8}.par-3{font-size:1.4rem;font-weight:400;line-height:1.8}.par-4{font-size:1.2rem;font-weight:400;line-height:1.8}.color-white{color:var(--color-white)}.color-purple{color:var(--color-purple)}.color-purple-dark{color:var(--color-purple-dark)}.color-pink{color:var(--color-pink)}.color-pink-dark{color:var(--color-pink-dark)}.color-purple-light{color:var(--color-purple-light)}.color-grey{color:var(--color-grey)}.color-light-grey{color:var(--color-light-grey)}.color-red{color:var(--color-red)}.color-red-light{color:var(--color-red-light)}.color-red-dark{color:var(--color-red-dark)}.text-start{text-align:start}.text-end{text-align:end}.fw-100{font-weight:100}.fw-200{font-weight:200}.fw-300{font-weight:300}.fw-400{font-weight:400}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.fw-800{font-weight:800}.dont-break-text{white-space:nowrap;overflow:hidden}.flex-column,.flex-col{flex-direction:column}.flex-center{justify-content:center;align-items:center}.flex-space-between{justify-content:space-between}.flex-space-between.align-center{align-items:center}.flex-space-around{justify-content:space-around}.flex-end{justify-content:flex-end}.flex-space-around.align-center{align-items:center}.flex-column-strecth{flex-direction:column;align-items:stretch;justify-content:center}.flex-grow-1{flex-grow:1}.grid{display:grid;grid-template-rows:auto}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-5{grid-template-columns:repeat(5,1fr)}.grid-6{grid-template-columns:repeat(6,1fr)}.grid-7{grid-template-columns:repeat(7,1fr)}.grid-8{grid-template-columns:repeat(8,1fr)}.grid-9{grid-template-columns:repeat(9,1fr)}.grid-10{grid-template-columns:repeat(10,1fr)}.grid-v-center{align-items:center}.grid-h-center{justify-content:center}.admin-with-navbar{display:flex;flex-direction:column;height:100%}.inset-0{top:0;right:0;bottom:0;left:0}.z-9998,.z-9999{z-index:9999}.g-05{gap:.5rem}.g-1{gap:1rem}.g-2{gap:2rem}.g-3{gap:3rem}.g-4{gap:4rem}.top-left-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.right-center-absolute{position:absolute;right:2rem;top:50%;transform:translateY(-50%)}.h-100{height:100%}.w-100{width:100%}.bg-overlay{background-color:#00000080}.padded-box{padding:1.5rem;background-color:var(--color-white);border-radius:1rem}.padded-box-05{padding:.5rem;background-color:var(--color-white);border-radius:1rem}.min-w-20{min-width:20rem}.min-w-25{min-width:25rem}.min-w-30{min-width:30rem}.grid-2-8{grid-template-columns:2fr 8fr}.grid-2-8>div{min-height:0}.grid-2-8 .left-pane{overflow:hidden;position:relative}.admin-container{margin:0 auto;width:calc(100% - 4rem);padding:3rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.static{position:static}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex-nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.self-start{align-self:flex-start}.self-center{align-self:center}.self-end{align-self:flex-end}.self-baseline{align-self:baseline}.self-stretch{align-self:stretch}.content-start{align-content:flex-start}.content-center{align-content:center}.content-end{align-content:flex-end}.content-between{align-content:space-between}.content-around{align-content:space-around}.content-evenly{align-content:space-evenly}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.m-0{margin:0}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:.75rem}.m-4{margin:1rem}.m-auto{margin:auto}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.w-full{width:100%}.h-full{height:100%}.max-w-full{max-width:100%}.max-h-full{max-height:100%}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.bg-white{background-color:#fff}.bg-black{background-color:#000}.bg-gray{background-color:gray}.bg-red{background-color:red}.bg-green{background-color:#0f0}.bg-blue{background-color:#00f}.text-white{color:#fff}.text-black{color:#000}.text-gray{color:gray}.text-red{color:red}.text-green{color:#0f0}.text-blue{color:#00f}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.top-0{top:0}.body-background{background-color:#f4f4f4}.no-pointer-events,.no-pointer-events *{pointer-events:none}.top-right-offloaded-button{position:absolute;top:0;right:0;transform:translate(50%,-50%)}.mt-a{margin-top:auto}.mt-0{margin-top:0rem}.mt-1{margin-top:.4rem}.mt-2{margin-top:.8rem}.mt-3{margin-top:1.2rem}.mt-4{margin-top:1.6rem}.mt-5{margin-top:2rem}.mt-6{margin-top:2.4rem}.mt-8{margin-top:3.2rem}.mt-10{margin-top:4rem}.mt-12{margin-top:4.8rem}.mt-16{margin-top:6.4rem}.mt-20{margin-top:8rem}.mt-24{margin-top:9.6rem}.mt-32{margin-top:12.8rem}.mt-40{margin-top:16rem}.mt-48{margin-top:19.2rem}.mt-56{margin-top:22.4rem}.mt-64{margin-top:25.6rem}.mb-0{margin-bottom:0rem}.mb-1{margin-bottom:.4rem}.mb-2{margin-bottom:.8rem}.mb-3{margin-bottom:1.2rem}.mb-4{margin-bottom:1.6rem}.mb-5{margin-bottom:2rem}.mb-6{margin-bottom:2.4rem}.mb-8{margin-bottom:3.2rem}.mb-10{margin-bottom:4rem}.mb-12{margin-bottom:4.8rem}.mb-16{margin-bottom:6.4rem}.mb-20{margin-bottom:8rem}.mb-24{margin-bottom:9.6rem}.mb-32{margin-bottom:12.8rem}.mb-40{margin-bottom:16rem}.mb-48{margin-bottom:19.2rem}.mb-56{margin-bottom:22.4rem}.mb-64{margin-bottom:25.6rem}.my-0{margin-top:0rem;margin-bottom:0rem}.my-1{margin-top:.4rem;margin-bottom:.4rem}.my-2{margin-top:.8rem;margin-bottom:.8rem}.my-3{margin-top:1.2rem;margin-bottom:1.2rem}.my-4{margin-top:1.6rem;margin-bottom:1.6rem}.my-5{margin-top:2rem;margin-bottom:2rem}.my-6{margin-top:2.4rem;margin-bottom:2.4rem}.my-8{margin-top:3.2rem;margin-bottom:3.2rem}.my-10{margin-top:4rem;margin-bottom:4rem}.my-12{margin-top:4.8rem;margin-bottom:4.8rem}.my-16{margin-top:6.4rem;margin-bottom:6.4rem}.my-20{margin-top:8rem;margin-bottom:8rem}.my-24{margin-top:9.6rem;margin-bottom:9.6rem}.my-32{margin-top:12.8rem;margin-bottom:12.8rem}.my-40{margin-top:16rem;margin-bottom:16rem}.my-48{margin-top:19.2rem;margin-bottom:19.2rem}.my-56{margin-top:22.4rem;margin-bottom:22.4rem}.my-64{margin-top:25.6rem;margin-bottom:25.6rem}.mr-1{margin-right:.4rem}.mr-2{margin-right:.8rem}.mr-3{margin-right:1.2rem}.pt-a{padding-top:auto}.pt-0{padding-top:0rem}.pt-1{padding-top:.4rem}.pt-2{padding-top:.8rem}.pt-3{padding-top:1.2rem}.pt-4{padding-top:1.6rem}.pt-5{padding-top:2rem}.pt-6{padding-top:2.4rem}.pt-8{padding-top:3.2rem}.pt-10{padding-top:4rem}.pt-12{padding-top:4.8rem}.pt-16{padding-top:6.4rem}.pt-20{padding-top:8rem}.pt-24{padding-top:9.6rem}.pt-32{padding-top:12.8rem}.pt-40{padding-top:16rem}.pt-48{padding-top:19.2rem}.pt-56{padding-top:22.4rem}.pt-64{padding-top:25.6rem}.pb-0{padding-bottom:0rem}.pb-1{padding-bottom:.4rem}.pb-2{padding-bottom:.8rem}.pb-3{padding-bottom:1.2rem}.pb-4{padding-bottom:1.6rem}.pb-5{padding-bottom:2rem}.pb-6{padding-bottom:2.4rem}.pb-8{padding-bottom:3.2rem}.pb-10{padding-bottom:4rem}.pb-12{padding-bottom:4.8rem}.pb-16{padding-bottom:6.4rem}.pb-20{padding-bottom:8rem}.pb-24{padding-bottom:9.6rem}.pb-32{padding-bottom:12.8rem}.pb-40{padding-bottom:16rem}.pb-48{padding-bottom:19.2rem}.pb-56{padding-bottom:22.4rem}.pb-64{padding-bottom:25.6rem}.py-0{padding-top:0rem;padding-bottom:0rem}.py-1{padding-top:.4rem;padding-bottom:.4rem}.py-2{padding-top:.8rem;padding-bottom:.8rem}.py-3{padding-top:1.2rem;padding-bottom:1.2rem}.py-4{padding-top:1.6rem;padding-bottom:1.6rem}.py-5{padding-top:2rem;padding-bottom:2rem}.py-6{padding-top:2.4rem;padding-bottom:2.4rem}.py-8{padding-top:3.2rem;padding-bottom:3.2rem}.py-10{padding-top:4rem;padding-bottom:4rem}.py-12{padding-top:4.8rem;padding-bottom:4.8rem}.py-16{padding-top:6.4rem;padding-bottom:6.4rem}.py-20{padding-top:8rem;padding-bottom:8rem}.py-24{padding-top:9.6rem;padding-bottom:9.6rem}.py-32{padding-top:12.8rem;padding-bottom:12.8rem}.py-40{padding-top:16rem;padding-bottom:16rem}.py-48{padding-top:19.2rem;padding-bottom:19.2rem}.py-56{padding-top:22.4rem;padding-bottom:22.4rem}.py-64{padding-top:25.6rem;padding-bottom:25.6rem}.pr-1{padding-right:.4rem}.pr-2{padding-right:.8rem}.pr-3{padding-right:1.2rem}.px-0{padding-left:0rem;padding-right:0rem}.px-1{padding-left:.4rem;padding-right:.4rem}.px-2{padding-left:.8rem;padding-right:.8rem}.px-3{padding-left:1.2rem;padding-right:1.2rem}.px-4{padding-left:1.6rem;padding-right:1.6rem}.px-5{padding-left:2rem;padding-right:2rem}.px-6{padding-left:2.4rem;padding-right:2.4rem}.px-8{padding-left:3.2rem;padding-right:3.2rem}.px-10{padding-left:4rem;padding-right:4rem}.px-12{padding-left:4.8rem;padding-right:4.8rem}.px-16{padding-left:6.4rem;padding-right:6.4rem}.px-20{padding-left:8rem;padding-right:8rem}.px-24{padding-left:9.6rem;padding-right:9.6rem}.px-32{padding-left:12.8rem;padding-right:12.8rem}.px-40{padding-left:16rem;padding-right:16rem}.px-48{padding-left:19.2rem;padding-right:19.2rem}.px-56{padding-left:22.4rem;padding-right:22.4rem}.px-64{padding-left:25.6rem;padding-right:25.6rem}.pr-5{padding-right:2rem}.no-style-button{background-color:transparent;color:#fff;cursor:pointer;transition:all .3s;border:none;display:flex;align-items:center;justify-content:center;text-decoration:none}.no-style-button svg{transition:all .3s;fill:#333}.no-style-button:hover{transform:scale(1.8)}.no-style-button:hover svg{fill:var(--color-purple)}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.tippy-box[data-placement^=top]>.tippy-backdrop{transform-origin:0 25%;border-radius:40% 40% 0 0}.tippy-box[data-placement^=top]>.tippy-backdrop[data-state=visible]{transform:scale(1) translate(-50%,-55%)}.tippy-box[data-placement^=top]>.tippy-backdrop[data-state=hidden]{transform:scale(.2) translate(-50%,-45%)}.tippy-box[data-placement^=bottom]>.tippy-backdrop{transform-origin:0 -50%;border-radius:0 0 30% 30%}.tippy-box[data-placement^=bottom]>.tippy-backdrop[data-state=visible]{transform:scale(1) translate(-50%,-45%)}.tippy-box[data-placement^=bottom]>.tippy-backdrop[data-state=hidden]{transform:scale(.2) translate(-50%)}.tippy-box[data-placement^=left]>.tippy-backdrop{transform-origin:50% 0;border-radius:50% 0 0 50%}.tippy-box[data-placement^=left]>.tippy-backdrop[data-state=visible]{transform:scale(1) translate(-50%,-50%)}.tippy-box[data-placement^=left]>.tippy-backdrop[data-state=hidden]{transform:scale(.2) translate(-75%,-50%)}.tippy-box[data-placement^=right]>.tippy-backdrop{transform-origin:-50% 0;border-radius:0 50% 50% 0}.tippy-box[data-placement^=right]>.tippy-backdrop[data-state=visible]{transform:scale(1) translate(-50%,-50%)}.tippy-box[data-placement^=right]>.tippy-backdrop[data-state=hidden]{transform:scale(.2) translate(-25%,-50%)}.tippy-box[data-animatefill]{background-color:transparent!important}.tippy-backdrop{position:absolute;background-color:#333;border-radius:50%;width:calc(110% + 32px);left:50%;top:50%;z-index:-1;transition:all cubic-bezier(.46,.1,.52,.98);-webkit-backface-visibility:hidden;backface-visibility:hidden}.tippy-backdrop[data-state=hidden]{opacity:0}.tippy-backdrop:after{content:"";float:left;padding-top:100%}.tippy-backdrop+.tippy-content{transition-property:opacity;will-change:opacity}.tippy-backdrop+.tippy-content[data-state=hidden]{opacity:0}.tippy-box[data-animation=shift-away][data-state=hidden]{opacity:0}.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=top]{transform:translateY(10px)}.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=bottom]{transform:translateY(-10px)}.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=left]{transform:translate(10px)}.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=right]{transform:translate(-10px)}