@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*{padding:0;margin:0;box-sizing:border-box;text-decoration:none}html{font-size:62.5%}li{list-style-type:none}html,body{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}html{height:100%;width:100%}body{background-color:var(--primary-bg);font-family:var(--font-family-inter);height:100%;width:100%}#root{height:100%;width:100%}h1{font-size:var(--font-size-2xl)}h2{font-size:2.4rem}p{font-size:1.6rem}a{font-size:1.6rem;background-color:#d3d3d3;padding:8px}textarea{resize:vertical}input,select,textarea{background:var(--primary-bg);color:var(--text-color);font-size:var(--text-size);font-weight:var(--text-regular);padding-inline:16px;border:1px solid var(--border-color);border-radius:var(--input-radius);transition:border .2s ease;height:44px}input::placeholder,textarea::placeholder{color:var(--subtle-text)}input:focus,textarea:focus{outline:none;border:1px solid var(--text-color);box-shadow:none}.input__container{display:flex;flex-direction:column;gap:8px}.input__label{font-size:var(--label-size);font-weight:var(--label-semibold)}.input__error{border:1px solid var(--error-color)}.input__error:focus{border:1px solid var(--error-color)}.input-file{display:none}.file-upload__trigger{display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;border:1px dashed var(--border-color);border-radius:8px;padding:12px 16px;color:var(--text-color);background:var(--secondary-bg);transition:background .2s;min-height:80px}.file-upload__trigger:hover{background:var(--hover-bg)}.file-upload__icon{width:var(--icon-size-lg);height:var(--icon-size-lg)}.file-upload__text{font-size:var(--text-size);font-weight:var(--text-regular)}.file-upload__preview-wrapper{position:relative;width:100%;display:flex;justify-content:center}.file-upload__preview-img{max-height:120px;max-width:100%;object-fit:cover;border-radius:8px}.file-upload__remove{position:absolute;top:4px;right:4px;background:var(--primary-bg);border:none;border-radius:var(--input-radius);width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.file-upload__remove-icon{color:var(--invert-bg);width:16px;height:16px;transition:color ease .3s}.file-upload__remove-icon:hover{color:var(--negative-action-color);width:16px;height:16px}select{padding-right:40px;appearance:none;position:relative}select:hover,select:focus{border:1px solid var(--text-color);cursor:pointer}select option{color:var(--text-color)}select:has(option:first-child:checked){color:var(--subtle-text)}.select__container{position:relative;display:flex;flex-direction:column;gap:8px}.select__icon{position:absolute;right:12px;top:50%;transform:translateY(20%);width:20px;height:20px;color:var(--text-color);pointer-events:none}.asterisk{color:var(--error-color)}.search__container{position:relative;display:flex}.search__input{border-radius:var(--radius-2xl);width:100%}.search__icon{position:absolute;right:20px;top:50%;transform:translateY(-50%);width:20px;height:20px}button{outline:none;border:none;background:transparent}.btn{color:var(--text-color);background-color:var(--primary-bg);font-size:var(--text-size);display:flex;gap:8px;border:1px solid transparent;transition:border .3s ease;align-items:center;justify-content:center;background-color:transparent;border-radius:var(--nav-link);padding:12px;width:fit-content;height:fit-content}.btn:hover{border:1px solid var(--border-color);background-color:var(--secondary-bg);cursor:pointer}.btn__icon{color:var(--text-color);width:var(--button-icon);height:var(--button-icon)}.btn-negative,.btn__icon-negative{color:var(--negative-action-color)}.btn-positive,.btn__icon-positive{color:var(--positive-color)}.btn-on-background{background-color:var(--secondary-bg)}.btn-on-background:hover{background-color:var(--primary-bg)}.btn-outline{border:1px solid var(--border-color)}.btn-outline:hover{border:1px solid var(--subtle-text)}.btn__text{font-family:var(--font-family-inter);font-weight:var(--text-medium)}.btn-txt-display{display:none}.btn-sm{padding:8px}.btn-sm__icon{width:var(--button-icon);height:var(--button-icon)}.btn:disabled{cursor:not-allowed;color:var(--subtle-text)}.btn:disabled:hover{border:1px solid transparent;background:transparent}.btn:disabled .btn__icon{color:var(--subtle-text)}.invert-btn{background-color:var(--invert-bg);color:var(--text-invert);transition:background .3s ease}.invert-btn__icon{color:var(--text-invert)}.invert-btn:hover{background-color:var(--secondary-invert-bg);border:1px solid transparent}.invert-btn:disabled{background-color:var(--invert-bg);color:var(--subtle-text);cursor:not-allowed;opacity:.8}.invert-btn:disabled:hover{background-color:var(--invert-bg);color:var(--subtle-text)}.btn-outline:disabled:hover{border:1px solid var(--border-color)}.submit-btn{margin-block:16px;width:100%}.page__container{color:var(--text-color);padding:8px;margin-bottom:84px}.page__title-header{display:flex;justify-content:center;align-items:center;padding-block:48px}.page__header{display:flex;justify-content:space-between;padding-block:16px;width:100%}.form-page__container{display:flex;flex-direction:column;align-items:center}.form-page__header{justify-content:left}.form__container{display:flex;flex-direction:column;width:100%;gap:16px}.form__row{display:flex;flex-direction:column;gap:16px}.form-row__item{width:100%}.form__text{display:flex;justify-content:center;gap:6px;font-size:var(--form-text-size);font-weight:var(--text-regular)}.form__header-error{font-size:var(--text-size);font-weight:var(--text-regular);color:var(--error-text);background-color:var(--error-background);border:1px solid var(--error-border);border-radius:var(--card-radius);padding:16px}.form__error{font-size:var(--text-size);font-weight:var(--text-regular);color:var(--error-color)}.title{font-size:var(--title-size);font-weight:var(--title-semibold);text-shadow:2px 2px 8px rgba(0,0,0,.6)}.subtitle{font-size:var(--subtitle-size);font-weight:var(--title-semibold);text-shadow:2px 2px 8px rgba(0,0,0,.6)}.bodytitle{font-size:var(--bodytitle-size);font-weight:var(--bodytitle-semibold);text-shadow:2px 2px 8px rgba(0,0,0,.6)}.bodysubtitle{font-size:var(--bodysubtitle-size);font-weight:var(--bodysubtitle-semibold);text-shadow:2px 2px 8px rgba(0,0,0,.6)}.subtitle__header{display:flex;align-items:center;justify-content:space-between;padding-block:16px}.count-chip{display:flex;gap:4px;background-color:var(--secondary-bg);padding-block:2px;padding-inline:8px;border-radius:var(--span-radius);color:var(--text-color);width:fit-content;height:fit-content}.count-chip__count{font-size:var(--chip-size);font-weight:var(--chip-regular)}.count-chip__maxCount{color:var(--subtle-text)}.banner__chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;width:100%}.banner__chip{display:flex;flex-wrap:nowrap;width:fit-content;justify-content:center;align-items:center;gap:6px;padding:2px 8px;border-radius:var(--span-radius);background-color:var(--secondary-bg)}.chip__txt{font-size:var(--chip-size);font-weight:var(--chip-regular);text-wrap:nowrap}.card__container{color:var(--text-color);display:flex;flex-direction:column;justify-content:space-between;padding:16px;gap:24px;border-radius:var(--card-radius);border:1px solid var(--border-color);transition:border .3s ease;overflow:hidden;min-height:160px}.card__container:hover{border:1px solid var(--subtle-text)}.card__chips{display:flex;flex-wrap:wrap;width:fit-content;justify-content:left;align-items:center;gap:6px}.card__chip{display:flex;flex-wrap:nowrap;width:fit-content;justify-content:center;align-items:center;gap:6px;padding-inline:12px;padding-block:4px;border-radius:var(--span-radius);border:1px solid var(--border-color);background-color:var(--secondary-bg);font-size:var(--chip-size);font-weight:var(--chip-regular);height:fit-content}.card-chip__icon{width:var(--span-icon);height:var(--span-icon)}.card__infos{display:flex;flex-direction:column;gap:8px}.card__text{font-size:var(--text-size);font-weight:var(--text-regular);text-shadow:2px 2px 8px rgba(0,0,0,1)}.pagination__container{padding-top:24px;display:flex;justify-content:center;align-items:center;gap:6px}@media (min-width: 768px){.page__container{padding:16px}.page__title-header{padding-block:96px}.form__container{max-width:512px}.form__row{flex-direction:row}.title{font-size:var(--title-size-dt);font-weight:var(--title-semibold);text-shadow:2px 2px 8px rgba(0,0,0,.6)}.btn-txt-display{display:block;font-family:var(--font-family-inter);font-weight:var(--text-medium)}.pagination__container{display:flex;justify-content:flex-end;padding-top:8px}}:root{--font-family-inter: "Inter", sans-serif;--zinc-950: #09090B;--zinc-900: #18181B;--zinc-800: #27272A;--zinc-700: #3F3F46;--zinc-600: #52525C;--zinc-500: #71717B;--zinc-400: #9F9FA9;--zinc-300: #D4D4D8;--zinc-200: #E4E4E7;--zinc-100: #F4F4F5;--zinc-050: #FAFAFA;--green-950: #032E15;--green-900: #0D542B;--green-500: #00C950;--green-300: #7BF1A8;--green-050: #F0FDF4;--red-950: #460809;--red-900: #82181A;--red-500: #FB2C36;--red-300: #FFA2A2;--red-100: #FFE2E2;--stone-400: #A6A09B;--text-color: var(--zinc-050);--text-invert: var(--zinc-900);--subtle-text: var(--zinc-500);--primary-bg: var(--zinc-900);--invert-bg: var(--zinc-050);--secondary-bg: var(--zinc-800);--secondary-invert-bg: var(--zinc-200);--border-color: var(--zinc-700);--success-color: var(--green-500);--positive-color: var(--green-500);--error-color: var(--red-500);--negative-action-color: var(--red-500);--error-background: var(--red-950);--error-text: var(--red-300);--error-border: var(--red-900);--font-regular: 300;--font-medium: 400;--font-semibold: 600;--text-regular: var(--font-regular);--chip-regular: var(--font-regular);--text-medium: var(--font-medium);--text-semibold: var(--font-semibold);--title-semibold: var(--font-semibold);--subtitle-semibold: var(--font-semibold);--bodytitle-semibold: var(--font-semibold);--bodysubtitle-semibold: var(--font-semibold);--label-semibold: var(--font-semibold);--font-size-sm: 1.2rem;--font-size-md: 1.6rem;--font-size-lg: 2rem;--font-size-xl: 2.4rem;--font-size-2xl: 3.2rem;--title-size: var(--font-size-xl);--title-size-dt: var(--font-size-2xl);--subtitle-size: var(--font-size-xl);--bodytitle-size: var(--font-size-xl);--bodysubtitle-size: var(--font-size-lg);--banner-desc-size: var(--font-size-lg);--label-size: var(--font-size-md);--text-size: var(--font-size-md);--chip-size: var(--font-size-md);--span-size: var(--font-size-sm);--rpbox-text: var(--font-size-xl);--rpbox-title: var(--font-size-2xl);--form-text-size: var(--font-size-sm);--icon-size-xs: .8rem;--icon-size-sm: 1.2rem;--icon-size-md: 1.6rem;--icon-size-lg: 2rem;--icon-size-xl: 2.4rem;--icon-size-2xl: 3.2rem;--nav-icon: var(--icon-size-md);--span-icon: var(--icon-size-md);--button-icon: var(--icon-size-md);--nav-icon-dt: var(--icon-size-lg);--radius-sm: .8rem;--radius-md: 1.2rem;--radius-lg: 1.6rem;--radius-xl: 2.4rem;--radius-2xl: 3.2rem;--nav-link: var(--radius-sm);--link-radius: var(--radius-sm);--message-content: var(--radius-sm);--user-avatar: var(--radius-sm);--character-avatar: var(--radius-sm);--card-radius: var(--radius-md);--chat-avatar: var(--radius-2xl);--span-radius: var(--radius-sm);--input-radius: var(--radius-sm);--search-input-radius: var(--radius-2xl);--rpbox-radius: var(--radius-lg);--banner-radius: var(--radius-lg);--switch-radius: var(--radius-xl) }.message__container{display:flex;color:var(--text-color);font-size:var(--text-size);font-weight:var(--text-regular);width:100%;gap:12px}.message__left{display:flex;flex-direction:column;align-items:flex-end;gap:12px;margin-top:16px}.message__charaAvi{width:56px;height:56px;object-fit:cover;border-radius:var(--character-avatar)}.message__right{width:100%}.message__header{margin-top:16px;display:flex;justify-content:space-between;align-items:baseline;width:100%}.message__content{background-color:var(--secondary-bg);border-radius:var(--message-content);padding-block:6px;padding-inline:12px;line-height:24px;margin-top:6px;width:fit-content;max-width:100%;word-break:break-word}.message__characterName{font-weight:var(--text-semibold)}.message__createdAt{font-size:var(--span-size)}.message__body{display:flex}.message__empty{content:"";width:68px;flex-shrink:0;height:20px}.chat__supercontainer{display:flex;height:100%;flex-direction:column}.chat__container{display:flex;flex-direction:column;padding-inline:8px;color:var(--text-color);height:100vh;padding-bottom:84px}.messages__container--desktop{display:none}.chat__header{display:flex;flex-direction:column;gap:12px;padding-block:16px 24px}.chat__actions{display:flex;justify-content:center}.action__link{display:flex;justify-content:center;align-items:center;padding:12px;height:fit-content;background:transparent;border:1px solid transparent;transition:border .3s ease;border-radius:var(--nav-link)}.action__link:hover{border:1px solid var(--border-color);background-color:var(--secondary-bg);cursor:pointer}.action__icon{width:20px;height:20px;color:var(--text-color)}.chat__general{display:flex;flex-direction:column;gap:12px}.chat__title{display:flex;justify-content:center;font-size:var(--title-size);font-weight:var(--title-semibold)}.chat__infos{display:flex;justify-content:center;gap:8px}.chat__chip{display:flex;gap:8px;align-items:center;padding-block:4px;padding-inline:8px;background-color:var(--secondary-bg);border-radius:var(--span-radius);font-weight:var(--span-regular)}.chip__icon{width:var(--span-icon);height:var(--span-icon)}#chip__online{color:var(--positive-color)}.chip__text{font-size:var(--chip-size)}.rpbox__container{display:none}.messages__container{position:relative;display:flex;flex-direction:column;padding:16px;border:1px solid var(--border-color);border-radius:16px;height:100%;overflow-y:auto;scroll-behavior:smooth;width:100%}.writing__container{position:absolute;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;left:50%;top:180px;transform:translate(-50%);color:var(--text-color);font-size:var(--span-size);font-weight:var(--text-regular);gap:12px;background-color:var(--primary-bg);padding:8px 16px;border:1px solid var(--border-color);border-radius:var(--span-radius)}.writing__message{display:flex;gap:6px;align-items:center}.writing__content{font-style:italic}.writing__userAvi{width:16px;height:16px;object-fit:cover;border-radius:var(--chat-avatar)}.inputs__container{display:flex;flex-direction:column;gap:8px;padding-top:24px}.character__select{color:transparent;background:var(--secondary-bg);border:1px solid transparent;width:80px}.character-select__preview{position:absolute;width:20px;height:20px;top:50%;left:0%;transform:translateY(-50%) translate(75%);border-radius:var(--character-avatar);pointer-events:none}.character__select:has(option:first-child:checked){color:transparent}.chat-response__container{display:flex;gap:8px}.chat-input__container{position:relative;display:inline-block;align-items:center;width:100%}.input__button:not(:disabled) .button__icon{color:var(--text-color)}.input__button:disabled .button__icon{color:var(--subtle-text)}.input{width:100%;padding-right:56px}.input:disabled{cursor:not-allowed}.input__button{position:absolute;display:inline-flex;align-items:center;justify-content:center;right:16px;top:50%;transform:translateY(-50%);cursor:pointer;width:32px;height:32px;background:var(--primary-bg)}.input__button:disabled{cursor:not-allowed}.button__icon{width:16px;height:16px}.chat-select__container{position:relative;display:inline-block}.chat-select__icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--text-color);pointer-events:none}.chat-btn__load-previous{width:100%;font-size:var(--span-size)}.chat-btn__load-previous:hover{border:1px solid transparent}.btn__span{display:inline-block;white-space:nowrap}@media (min-width: 768px){.chat__supercontainer{flex-direction:row}.chat__container{width:100%;padding-bottom:16px}.messages__container--desktop{position:relative;display:block;padding:16px;width:520px;height:100vh}.chat__header{flex-direction:row-reverse;justify-content:space-between;align-items:center}.chat__general{align-items:start;gap:2px}.chat__title{font-size:var(--title-size-dt)}.rpbox__container{position:relative;display:block;border-radius:var(--rpbox-radius);overflow:hidden;width:100%;height:100%}.rpbox__background{width:100%;height:100%;background-size:cover;background-position:top}.rpbox__message-info{display:flex;flex-direction:column;justify-content:flex-end;height:100%}.rpbox__img{position:absolute;height:100%;width:50%;object-fit:cover;object-position:top;padding-top:40px}.rpbox__message{display:flex;flex-direction:column;gap:16px;background-color:#18181bb3;-webkit-backdrop-filter:blur(12px) saturate(100%);backdrop-filter:blur(12px) saturate(100%);margin:20px;padding:24px;border-radius:var(--rpbox-radius);border:1px solid var(--border-color)}.rpbox__message-title{font-size:var(--rpbox-title);font-weight:var(--title-semibold)}.rpbox__message-content{font-size:var(--rpbox-text);font-weight:var(--span-regular);word-break:break-word}.hidden-desktop{display:none}.writing__container{top:24px}}.create-banner__container{display:flex;flex-direction:column;gap:24px;align-items:center;background-color:var(--secondary-bg);border-radius:var(--banner-radius);padding:48px 16px}.create-banner__container h2{text-align:center}.create__description{font-size:var(--banner-desc-size);font-weight:var(--text-regular);text-align:center}.latest-stories__container{display:flex;flex-direction:column;gap:16px;padding-top:32px}.laststories-cards__container{display:grid;grid-template-columns:1fr;gap:16px}.resume__container{display:flex;flex-direction:column;gap:16px;padding-top:32px}.resume-cards__container{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 768px){.laststories-cards__container,.resume-cards__container{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1224px){.laststories-cards__container{grid-template-columns:repeat(4,1fr)}.resume-cards__container{grid-template-columns:repeat(3,1fr)}}.register__link{padding:0;background:transparent;color:var(--invert-bg);font-size:var(--form-text-size);font-weight:var(--text-semibold)}.member__card{overflow:hidden}.member__username{flex-wrap:wrap}.place-card__container{display:flex;flex-direction:column;justify-content:space-between;gap:24px;padding:16px;border-radius:var(--card-radius)}.place-card__infos{display:flex;flex-direction:column;gap:8px}.place-card__description{font-weight:var(--text-regular)}.place-card__actions{display:flex;gap:8px}.add-place__button{width:100%;border:1px solid var(--border-color)}@media (min-width: 768px){.place-card__container{flex-direction:row;align-items:center;gap:none}}.header__author{display:flex;gap:8px}.banner__container{display:flex;gap:16px;flex-direction:column;justify-content:center;align-items:center;padding:48px 16px;margin-top:16px;border-radius:var(--banner-radius)}.banner__description{font-size:var(--text-size);font-weight:var(--text-regular);text-align:center;line-height:24px;padding-block:8px}.author__icon{color:var(--positive-color)}.members__container{display:flex;flex-direction:column;gap:32px;padding-top:32px}.members-accepted,.join__cards,.members__cards{display:flex;flex-direction:column;gap:16px}.member__card{display:flex;padding:8px;justify-content:space-between;align-items:center;border:1px solid var(--border-color);border-radius:var(--card-radius)}.member__content{display:flex;gap:12px;align-items:center}.member__avatar{width:40px;height:40px;object-fit:cover;border-radius:var(--user-avatar)}.member__infos{display:flex;flex-direction:column}.member__username{display:flex;gap:4px;align-items:center;font-size:var(--bodytitle-size);font-weight:var(--bodytitle-semibold)}.member__role{font-size:var(--text-size);font-weight:var(--text-regular)}.member__actions{display:flex;gap:8px}.pending__container{display:flex;flex-direction:column;gap:16px}.place__container{display:flex;flex-direction:column;gap:16px;padding-top:32px}.place-cards__container{display:flex;flex-direction:column;gap:24px}.place-btn{width:100%}@media (min-width: 768px){.content__container{display:flex;flex-direction:column;gap:32px}.members__container{min-width:400px}.place__container{width:100%}}@media (min-width: 1224px){.content__container{flex-direction:row}}.check__input{display:flex;align-items:center;gap:6px;padding:0}.switch__wrapper{display:flex;gap:8px;flex-direction:row;justify-content:space-between}.switch__label{font-weight:500}.switch{position:relative;display:inline-block;width:46px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;border:1px solid var(--border-color);border-radius:var(--switch-radius);transition:.3s}.slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;top:2px;background-color:var(--invert-bg);border-radius:50%;transition:.3s}input:checked+.slider{background-color:var(--primary-color, var(--positive-color));border:1px solid transparent}input:checked+.slider:before{transform:translate(22px)}.profile-header__buttons{display:flex;gap:8px}.profile__main{display:flex;flex-direction:column}.profile__card{display:flex;gap:16px;flex-direction:column;justify-content:center;align-items:center;height:fit-content;padding:24px 16px;margin-top:16px;border-radius:var(--banner-radius);border:1px solid var(--border-color);overflow:hidden;margin-bottom:32px}.profile__description{font-size:var(--text-size);font-weight:var(--text-regular);text-align:center;line-height:24px;padding-block:8px}.header__left-content{display:flex;align-items:center;gap:16px}.stories__container{display:flex;flex-direction:column;gap:16px;padding-bottom:32px}.stories-cards__container{display:grid;grid-template-columns:1fr;gap:16px}.characters__container{display:flex;flex-direction:column;gap:16px;padding-bottom:32px}.chara-cards__container{display:grid;grid-template-columns:1fr;gap:16px}.chara-card__container{color:var(--text-color);display:flex;flex-direction:column;justify-content:space-between;gap:24px;padding:16px;border-radius:var(--card-radius);border:1px solid var(--border-color);transition:border .3s ease;background-color:var(--secondary-invert-bg);overflow:hidden;min-height:256px}.chara-card__avatar{width:48px;height:48px;object-fit:cover;border-radius:var(--radius-sm);background-color:var(--secondary-bg);border:1px solid var(--border-color)}.chara-card__infos{display:flex;flex-direction:column;gap:16px}.chara-card__titles{display:flex;flex-direction:column;gap:2px}.chara-card__buttons{display:flex;gap:8px}.btn__character{width:100%}@media (min-width: 768px){.profile__card{min-width:250px}.profile__content{width:100%}.stories__container{padding-top:0}.stories-cards__container{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.chara-cards__container{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}}@media (min-width: 1224px){.profile__main{display:flex;flex-direction:row;gap:32px;width:100%}.profile__card{min-width:400px}.stories-cards__container{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.chara-cards__container{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}}.layout__container{display:flex;flex-direction:column;height:100%;width:100%}.layout__content{width:100%}@media (min-width: 768px){.layout__container{flex-direction:row}.layout__content{margin-top:0;margin-left:122px}}.navbar__container{padding:8px;position:fixed;bottom:0;left:0;right:0;z-index:1000}.navbar{display:flex;background:var(--primary-bg);border:1px solid var(--border-color);border-radius:16px;justify-content:space-between;align-items:center;height:100%;padding-block:8px;padding-inline:16px}.navbar__nav{display:flex;justify-content:space-between;align-items:center;width:100%}#logo__link{padding:0;display:none;width:56px}#logo__link:hover{border:1px solid transparent;background-color:transparent}.navbar__logo{width:56px;height:56px}.navbar__link{display:flex;border:1px solid transparent;transition:border .3s ease;align-items:center;justify-content:center;background-color:transparent;border-radius:var(--nav-link);padding:12px}.navbar__link:hover{border:1px solid var(--border-color);background-color:var(--secondary-bg);cursor:pointer}.navbar__icon{color:var(--text-color);width:var(--nav-icon);height:var(--nav-icon)}#logout__link .navbar__icon{color:var(--negative-action-color)}@media (min-width: 768px){.navbar__container{height:100%;width:fit-content;padding:16px;position:fixed;top:0;bottom:0;left:0}.navbar{flex-direction:column;padding:16px}#logo__link{display:block}.navbar__nav{flex-direction:column;align-items:center;gap:16px;height:100%}.navbar__link{padding:16px}.navbar__icon{width:var(--nav-icon-dt);height:var(--nav-icon-dt)}.navbar__nav>*:first-child{margin-top:auto}.navbar__nav>*:last-child{margin-top:auto}}.footer__supercontainer{padding-bottom:76px}.footer__container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-block:16px;padding-inline:40px;margin:8px;color:var(--text-color);border:1px solid var(--border-color);border-radius:var(--banner-radius);gap:24px}.footer__content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;gap:24px}.footer__fabler{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%}.footer__logo{width:60px;height:60px}.footer__liner{font-size:var(--subtitle-size);font-weight:var(--title-semibold);text-align:center;line-height:24px}.footer__divider{border:1px solid var(--secondary-bg);width:100%;margin-block:16px}.footer__infos{display:flex;flex-direction:column;gap:32px;width:100%}.links__container{display:flex;flex-direction:column;gap:16px}.footer__link-category{text-align:center;font-size:var(--bodysubtitle-size);font-weight:var(--title-semibold)}.footer__link{text-align:center;background:transparent;padding:0;color:var(--subtle-text);font-weight:var(--text-medium)}.footer__link:hover{text-decoration:underline}.footer__socials{display:flex;justify-content:center;align-items:center;gap:8px}.social__icon{color:var(--subtle-text)}.footer__copyright{font-size:var(--text-size);color:var(--subtle-text);font-weight:var(--text-medium)}@media (min-width: 768px){.footer__supercontainer{padding-bottom:4px}.footer__container{padding-block:56px;padding-inline:24px;margin:16px;gap:56px}.footer__content{flex-direction:row;align-items:stretch}.footer__fabler{align-items:flex-start;max-width:256px}.footer__liner{text-align:left;font-size:var(--title-size-dt);line-height:32px}.footer__divider{width:1px;margin-block:0px;margin-inline:32px}.footer__infos{flex-direction:row}.links__container{width:100%}.footer__link-category,.footer__link{text-align:left}.footer__socials{justify-content:flex-start}}.stories__title-header{display:flex;justify-content:center;align-items:center;padding-block:48px}.search__content{display:flex;flex-direction:column;padding-block:16px;gap:32px}.search__filters{display:flex;flex-direction:column;gap:16px;padding:0 16px 16px;border:1px solid var(--border-color);border-radius:var(--card-radius)}.search-filter__row{display:flex;flex-direction:column;gap:16px}.search-filter__container{width:100%}.search-cards__container{display:grid;grid-template-columns:1fr;gap:16px;padding-top:16px}@media (min-width: 768px){.stories__title-header{padding-block:64px}.search__filters{min-width:328px;height:fit-content}.search-filter__row{flex-direction:row;gap:16px}.search-filter__container,.search__results{width:100%}.search-cards__container{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}}@media (min-width: 1224px){.search__content{flex-direction:row;padding-block:32px}.search-filter__row{flex-direction:column}.search-filter__container{width:100%}.search-cards__container{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}}.notfound__title-header{display:flex;flex-direction:column;gap:32px}