.form{display:flex;flex-direction:column;margin-block-start:1.5rem}.form .form__label{margin-bottom:.5rem}.form .form__input{border:2px solid var(--clr-primary-600);border-radius:2rem;padding:.5rem .75rem;margin-bottom:1rem;color:var(--clr-light-200)}.form .form__input::placeholder{color:var(--clr-light-400);opacity:.5}.form .form__textarea{max-width:100%;border:2px solid var(--clr-primary-600);border-radius:1rem;margin-bottom:1rem;color:var(--clr-light-200);padding:.5rem}.form .form__select{border:2px solid var(--clr-primary-600);border-radius:2rem;padding:.5rem .75rem;margin-bottom:1rem;color:var(--clr-light-200)}.form .form__select option{background:var(--clr-primary-600);color:var(--clr-light-600)}.form .form__error-msg{color:var(--clr-secondary-500)}:root{--clr-light-200: rgb(243 248 244);--clr-light-400: #E2E4E7;--clr-light-600: #D3ECF3;--clr-primary-400: #033966;--clr-primary-600: #032231;--clr-secondary-200: #F5C066;--clr-secondary-400: #FF8C27;--clr-secondary-500: #F3565A;--clr-secondary-600: #5E1D08;--clr-third-400: #40a16f;--gradient-main-deg: 145deg}*,:before,:after{box-sizing:border-box;margin:0;padding:0}input,select,textarea,button{font:inherit;background-color:transparent}a{font:inherit;color:inherit}button{border:none}ul,ol{list-style:none;padding:0}h1,h2,h3{font-family:Playfair Display,serif;font-weight:500}#app{background:linear-gradient(var(--gradient-main-deg),var(--clr-primary-600),var(--clr-primary-400));min-height:100svh;color:var(--clr-light-200);font-family:"Source Sans 3",sans-serif;font-weight:300;display:flex;flex-direction:column}main{flex:1;padding-inline:1.5rem}button{cursor:pointer;font-weight:400}.global-btn{background-color:var(--clr-secondary-400);color:var(--clr-light-200);border:2px solid var(--clr-secondary-400);border-radius:1rem;padding:.25rem .75rem;transition:background-color .3s ease-out,color .3s ease-out;width:fit-content;margin-inline-start:auto}.global-btn:hover{background-color:transparent;color:var(--clr-secondary-400)}.global-btn.sober{background-color:transparent;color:var(--clr-secondary-400);transition:opacity .3s ease-out}.global-btn.sober:hover{opacity:.5}.global-btn.global-link{text-decoration:none;padding-inline:2.5rem}.border-array{background:linear-gradient(var(--gradient-main-deg),var(--clr-primary-600),var(--clr-primary-400)) padding-box,linear-gradient(var(--gradient-main-deg),var(--clr-primary-400),var(--clr-primary-600)) border-box;border:.25rem solid transparent;border-radius:1rem;padding:.75rem;margin-block-start:1rem}.border-array .border-array__line:not(:last-child){border-block-end:1px solid #D3ECF380;padding-block-end:.5rem}.border-array .border-array__line:not(:first-child){padding-block-start:.5rem}.add-link{display:block;margin-block-start:1.5rem}.simple-link{text-decoration:none;transition:opacity .3s ease-out}.simple-link:hover{opacity:.7}.simple-underline-link__section{text-align:end;margin-block:1rem}.simple-underline-link{text-decoration-skip-ink:auto;text-underline-offset:.25rem;text-decoration-thickness:1px;transition:opacity .3s ease-out}.simple-underline-link:hover{opacity:.5}.multiple-link__container{position:relative;isolation:isolate}.multiple-link__container:has(.main-link:focus-visible){outline:1px solid var(--clr-light-600);border-radius:.5rem;opacity:.8}.multiple-link__container .main-link:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.multiple-link__container .other-actions{z-index:1}.gradient-border{height:3px;width:100%;background:linear-gradient(90deg,var(--clr-primary-400),var(--clr-primary-600))}@media not (max-width:768px){.container{width:70%;margin-inline:auto}}@media not (max-width:1440px){.container{width:50%}}.header .header__container{padding:1.5rem 1.5rem 1rem;position:relative}.header .header__container.open{padding:0}@media not (max-width:768px){.header .header__container.open{width:100%}}.header .header__container--top{display:flex;align-items:center}@media not (max-width:1024px){.header .header__container--top{padding-inline:3rem}}.header .header__back-link{display:flex}.header .header__navbar-btn{display:flex;position:relative}.header .header__navbar-btn .header__dot-notif{position:absolute;top:0;right:0;width:.75rem;height:.75rem;border-radius:50%;background-color:var(--clr-secondary-500);transform:translate(30%,-30%)}.header .header__navbar-icon{width:1.5rem;height:1.5rem}.header .header__logo{height:clamp(18px,8vw,48px);display:block;margin-inline:auto;-webkit-user-drag:none}.header .header__logo::selection{background-color:transparent}.header .header__fox-logo{width:clamp(95px,16vw,205px);height:auto;display:block;margin-inline-start:auto;-webkit-user-drag:none}.header .header__fox-logo::selection{background-color:transparent}.slide-nav-enter-active,.slide-nav-leave-active{transition:transform .3s ease-out}.slide-nav-enter-from,.slide-nav-leave-to{transform:translate(100%)}.slide-nav-enter-to,.slide-nav-leave-from{transform:translate(0)}.footer{padding:1rem}.footer .footer__infos{text-align:center}.navbar{background-color:var(--clr-primary-600);position:absolute;top:0;left:0;width:100%;height:calc(100svh - 69px);padding:8rem 1.5rem;z-index:3}.navbar .navbar__list{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;height:100%;text-transform:uppercase;font-size:1.25rem}@media not (max-width:1024px){.navbar .navbar__list{align-items:center}}.navbar .navbar__item-group{display:flex;align-items:center;gap:1rem;transition:opacity .3s ease-out,border-bottom .3s ease-out}.navbar .navbar__item-group:hover{opacity:.7}.navbar .navbar__item-group .router-link-active{color:var(--clr-secondary-400)}.navbar .navbar__item-group:has(.router-link-active) svg path{fill:var(--clr-secondary-400)}.navbar .navbar__item-group .navbar__dot-notif{width:.75rem;height:.75rem;border-radius:50%;background-color:var(--clr-secondary-500)}.navbar .navbar__item-group .navbar__logout-btn{color:var(--clr-light-400);transition:opacity .3s ease-out;text-transform:uppercase;font-size:1.25rem;font-weight:300}.navbar .navbar__item-group .navbar__logout-btn:hover{opacity:.7}.loading{animation:spin 1s ease-in-out infinite alternate;display:block;width:fit-content;margin:auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(180deg)}}.combobox{position:relative}.combobox .form__input{width:100%}.combobox__selected{display:flex;flex-wrap:wrap;gap:.5rem;margin-block-end:.75rem}.combobox__selected .combobox__tag{background-color:var(--clr-light-600);color:var(--clr-primary-600);font-weight:400;padding:.05rem .5rem;border-radius:.75rem;display:flex;align-items:center;gap:.5rem}.combobox__selected .combobox__tag .combobox__delete-btn{font-weight:700}.combobox__dropdown{position:absolute;z-index:3;max-height:200px;overflow-y:auto;background-color:var(--clr-primary-600);border:1px solid var(--clr-light-600);color:var(--clr-light-600)}.combobox__dropdown .combobox__option{padding:.5rem .75rem;cursor:pointer}.combobox__dropdown .combobox__option:hover{background-color:var(--clr-primary-400)}.book-infos__container{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-block:1rem}.book-infos__container .book-infos__cover{border-radius:.5rem;box-shadow:3px 3px 15px #00000080;width:110px;height:auto}.book-infos__container .book-infos{display:flex;gap:.5rem;flex-direction:column;align-items:stretch}.book-infos__container .book-infos .book-infos__category{display:block;border-radius:1rem;box-shadow:3px 3px 15px #0006;padding-inline:.5rem;text-align:center;font-weight:700;font-size:.75rem;color:var(--clr-light-600);background-color:var(--clr-secondary-600)}.error-page__fox-logo{width:clamp(95px,16vw,205px);height:auto;display:block;margin-inline:auto}.home__link-container .home__link-info{margin-block-start:3rem;margin-block-end:1rem;display:flex;justify-content:space-between;align-items:center}.home__slider-container{margin-block-start:2.5rem;width:100%;overflow:hidden;--slider-gap: 1rem;--items-per-screen: 3.5}@media not (max-width:768px){.home__slider-container{--items-per-screen: 5.5}}@media not (max-width:1024px){.home__slider-container{--items-per-screen: 7.5}}.home__slider-container .home__slider-track{display:flex;gap:var(--slider-gap);padding-inline-end:1rem;width:max-content;animation:scrollInfinite 20s linear infinite}.home__slider-container .home__slider-track:hover{animation-play-state:paused}.home__slider-container .home__slider-track .home__slider-item{flex:0 0 calc((100vw - (var(--items-per-screen) - 1) * var(--slider-gap)) / var(--items-per-screen));aspect-ratio:2 / 3;position:relative}.home__slider-container .home__slider-track .home__slider-item .home__slider-book-cover{border-radius:.5rem;width:100%;height:100%;object-fit:cover}.home__slider-container .home__slider-track .home__slider-item .home__slider-book-check{position:absolute;top:0;right:0;background-color:var(--clr-light-600);width:1.75rem;height:1.75rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;z-index:1;opacity:.9}.home__slider-container .home__slider-track .home__slider-item .home__slider-book-check .home__slider-book-icon{width:60%;height:60%}@keyframes scrollInfinite{0%{transform:translate(0)}to{transform:translate(-50%)}}.reading__container{display:flex;justify-content:space-between;align-items:center}.reading__container .reading__actions-container{display:flex;gap:.5rem}.reading__status-badge{border-radius:1rem;box-shadow:3px 3px 15px #0006;padding-inline:.5rem;font-weight:700;font-size:.75rem;color:var(--clr-primary-600);text-align:center}.reading__status-badge[data-status=in_progress]{background-color:var(--clr-secondary-200)}.reading__status-badge[data-status=finished]{background-color:var(--clr-third-400)}.reading__status-badge[data-status=abandoned]{background-color:var(--clr-secondary-500)}.sentry{height:1px}.reading-infos__reading-rating,.reading-infos__reading-current-page{display:flex;justify-content:center;gap:.25rem}.reading-comment{margin-block-end:1rem}.reading-dates__container{margin-block-start:1rem;display:flex;justify-content:space-between;padding-inline:.5rem}.reading-dates__container .reading-dates{display:flex;flex-direction:column;align-items:center}.reading-dates__container .reading-dates .reading-dates__type{font-weight:500}.book-resume{margin-block-end:1rem}.book-date__container{margin-block-start:1rem;display:flex;flex-direction:column;align-items:center;padding-inline:.5rem}.book-date__container .book-date__type{font-weight:500}.wishlist__item-container{display:flex;justify-content:space-between;align-items:center}.wishlist__item-container .wishlist__book-infos{display:flex;align-items:center;justify-content:flex-start;gap:.5rem}.wishlist__item-container .wishlist__book-infos .wishlist__book-img{width:2rem;border-radius:.25rem;box-shadow:3px 3px 15px #0000004d}.authors-list{margin-block-start:1rem}.authors-list .author-item{padding-block:.5rem;display:flex;justify-content:space-between;align-items:center}.authors-list .author-item:not(:last-child){border-block-end:1px solid var(--clr-light-600)}.authors-list .author-item.isSub{color:var(--clr-secondary-400)}.notifications-list{margin-block-start:1rem}.notifications-list .notification__item{padding-block:.5rem}.notifications-list .notification__item:not(:last-child){border-block-end:1px solid var(--clr-light-600)}.notifications-list .notification__book-title{font-weight:500;color:var(--clr-secondary-400)}.notifications__infos,.admin{margin-block-start:1rem}.admin .admin__add-btn{border:1px solid var(--clr-third-400);border-radius:.25rem;padding:.25rem .5rem;margin-inline-start:auto;display:flex;justify-content:center;align-items:center;gap:.5rem;color:var(--clr-light-200);background-color:var(--clr-third-400);transition:background-color .3s ease-out,color .3s ease-out,border-color .3s ease-out;width:fit-content;text-decoration:none;font-weight:400}.admin .admin__add-btn:hover{border-color:var(--clr-third-400);background-color:transparent;color:var(--clr-third-400)}.admin .admin-list{--border-color: #F3F8F480;border:1px solid var(--border-color);margin-block:1rem;border-radius:.25rem}.admin .admin-list .admin-list__item{padding:.5rem;display:flex;justify-content:space-between;align-items:center}.admin .admin-list .admin-list__item:not(:last-child){border-block-end:1px solid var(--border-color)}.admin .admin-list .admin-list__item .admin__action-btn{display:flex;gap:1rem}.admin-form__header{padding:1rem 3rem}.admin-form__header .admin-form__back-btn{text-underline-offset:.25rem;text-decoration-thickness:1px;transition:opacity .3s ease-out}.admin-form__header .admin-form__back-btn:hover{opacity:.7}.admin__header{width:70%;margin-inline:auto;padding-block:2rem}.admin__header .admin-tabs{display:flex;flex-direction:column;align-items:center;gap:.5rem}@media not (max-width:768px){.admin__header .admin-tabs{flex-direction:row;justify-content:space-between;align-items:center}}.admin__header .admin-tabs .admin__tab-btn{color:var(--clr-light-600);transition:opacity .3s ease-out}.admin__header .admin-tabs .admin__tab-btn.active{color:var(--clr-secondary-400);text-decoration:underline;text-underline-offset:.5rem}.admin__header .admin-tabs .admin__tab-btn:hover{opacity:.8}.admin__header .admin__logout-btn{color:var(--clr-light-600);transition:opacity .3s ease-out;border:1px solid var(--clr-light-600);padding:.25rem .5rem;border-radius:.25rem;width:fit-content;margin-inline:auto}.admin__header .admin__logout-btn:hover{opacity:.8}@media not (max-width:768px){.admin__header .admin__logout-btn{margin-inline:0}}.admin__pagination{display:flex;justify-content:flex-end;align-items:center;gap:.25rem;color:var(--clr-light-600)}.admin__pagination .admin__pagination-btn{color:var(--clr-light-600)}.admin__pagination .admin__pagination-btn:disabled{opacity:.3;cursor:unset}.admin-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center}.admin-modal__overlay .admin-modal{background-color:var(--clr-light-600);color:var(--clr-primary-600);padding:1rem 1.5rem;border-radius:.5rem;box-shadow:3px 3px 15px #000000b3}.admin-modal__overlay .admin-modal .admin-modal__item{font-weight:500}.admin-modal__overlay .admin-modal .admin-modal__btn-container{display:flex;justify-content:space-between}.admin-modal__overlay .admin-modal .admin-modal__btn-container .admin-modal__btn{border:1px solid var(--clr-primary-600);border-radius:.25rem;padding:.25rem .5rem;margin-block-start:1rem;transition:background-color .3s ease-out,color .3s ease-out;background-color:var(--clr-primary-600);color:var(--clr-light-600)}.admin-modal__overlay .admin-modal .admin-modal__btn-container .admin-modal__btn--delete{border-color:var(--clr-secondary-600);background-color:var(--clr-secondary-600);color:var(--clr-light-200)}.admin-modal__overlay .admin-modal .admin-modal__btn-container .admin-modal__btn--delete:hover{background-color:var(--clr-light-600);color:var(--clr-secondary-600)}.admin-modal__overlay .admin-modal .admin-modal__btn-container .admin-modal__btn--cancel:hover{color:var(--clr-primary-600);background-color:var(--clr-light-600)}