.icon{height:auto;display:inline-flex;overflow:visible}.icon.m-xxs{width:.5rem}.icon.m-xs{width:.75rem}.icon.m-sm{width:1rem}.icon.m-md{width:1.25rem}.icon.m-lg{width:1.5rem}.icon.m-xl{width:1.75rem}.icon.m-xxl{width:2rem}.app-link{text-align:center;transition:all .25s}.app-link.m-has-icon{align-items:center;gap:.5rem;display:inline-flex}.app-link.m-inline{display:inline-flex}.app-link.m-square{aspect-ratio:1;justify-content:center}.app-breadcrumbs-list{gap:.5rem;list-style:none;display:flex}.app-breadcrumbs-item:after{content:var(--separator)}.app-breadcrumbs-item:last-child:after{content:none}.app-breadcrumbs-item{align-items:center;gap:.5rem;display:flex}.app-button{text-align:center;align-items:center;gap:.5rem;transition:all .25s;display:flex}.app-button:disabled:not(.is-loading){opacity:.65;cursor:not-allowed}.app-button.is-loading{cursor:wait}.app-button.m-inline{display:inline-flex}.app-button.m-square{aspect-ratio:1;justify-content:center}.page-header{background-color:var(--grey-50);border-bottom:1px solid var(--grey-300);z-index:9;justify-content:space-between;align-items:center;gap:.5rem;min-height:2.875rem;padding:.5rem;display:flex;position:sticky;top:0}.page-header .sidebar-toggle{color:inherit}.page-title{text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;max-width:30rem;margin-right:auto;font-size:1.25rem;line-height:normal;overflow:hidden}@media screen and not (min-width:30em){.page-title{max-width:12.5rem}}.page-header-left,.page-header-right{gap:.5rem;display:flex}.header-login{margin-left:auto;font-size:.75rem}.skip-to{background-color:var(--grey-200);box-shadow:0 2px 10px 0 var(--grey-500);z-index:1000;border-radius:1rem;padding:.375rem 1rem;font-size:1rem;position:fixed;top:.625rem;left:-100rem}.skip-to:focus{left:.625rem}.app-footer{text-align:center;font-size:.625rem}.fade-enter-active,.fade-leave-active{transition:opacity .75s ease-in-out}.fade-enter-from,.fade-leave-to{opacity:0}.fade-enter-to,.fade-leave-from{opacity:var(--backdrop-opacity,.5)}.sidebar.m-left .sidebar-container{left:0;transform:translate(-100%)}.sidebar.m-right .sidebar-container{right:0;transform:translate(100%)}.sidebar.is-open .sidebar-container{transform:translate(0)}@media screen and not (max-width:48em){.sidebar.m-desktop-static .sidebar-backdrop{display:none}}.sidebar-container{background-color:var(--grey-50);border-right:1px solid var(--grey-300);z-index:20;height:100vh;flex-direction:column;height:100svh;max-height:100vh;transition:all .75s;display:flex;position:fixed;top:0}@media screen and not (min-width:30em){.sidebar-container{width:75vw}}@media screen and (min-width:30em){.sidebar-container{width:15.625rem}}.sidebar-header{border-bottom:1px solid var(--grey-300);justify-content:space-between;align-items:center;padding:.5rem .625rem;display:flex;position:relative}.sidebar-title{margin:0}.sidebar-content{scrollbar-width:thin;flex-direction:column;flex:1;display:flex;overflow-y:auto}.sidebar-actions{margin-top:auto}.sidebar-action{text-align:start;border-radius:.25rem;gap:.5rem;padding:.25rem .375rem;display:flex;position:relative}.sidebar-action:focus-visible{background-color:var(--grey-200)}@media (hover:hover){.sidebar-action:hover{background:var(--grey-200)}.sidebar-action:hover>.m-edit{opacity:1}}.sidebar-action .m-edit{justify-content:center;align-items:center;width:1.25rem;margin-left:auto;padding:.125rem;transition:none}.sidebar-action .m-edit:focus{opacity:1}@media screen and not (max-width:30em){.sidebar-action .m-edit{opacity:0}}.sidebar-backdrop{--backdrop-opacity:.25;background-color:var(--black);z-index:10;width:100vw;height:100vh;position:fixed;top:0;right:0}.sidebar-backdrop:not(.fade-enter-active,.fade-leave-active){opacity:var(--backdrop-opacity)}.collapsible{flex-direction:column;display:flex}.collapsible-title{display:flex;position:relative}.collapsible-title .toggle-icon{margin-left:auto;transition:rotate .5s ease-in-out}.collapsible.is-expanded :is(.collapsible-title .toggle-icon){rotate:180deg}.collapsible.m-sidebar .collapsible-title{color:var(--grey-700);border-radius:.25rem;align-items:center;gap:.25rem;padding:.375rem .5rem;font-size:.75rem}.collapsible.m-sidebar .collapsible-title:focus-within{background-color:var(--grey-200);color:var(--grey-800)}@media (hover:hover){.collapsible.m-sidebar .collapsible-title:hover{background-color:var(--grey-200)}.collapsible.m-sidebar .collapsible-title:hover .collapsible-action{opacity:1}}.collapsible.m-sidebar .collapsible-action{opacity:0;padding:1px;position:absolute;right:.375rem}.collapsible.m-sidebar .collapsible-content{flex-direction:column;gap:.25rem;margin-top:.125rem;font-size:.875rem;display:flex}.collapsible.m-sidebar .toggle-icon{margin-left:.25rem}.collapse-enter-active,.collapse-leave-active{transition:max-height .5s ease-in-out;overflow:hidden}.collapse-enter-from,.collapse-leave-to{max-height:0}.collapse-enter-to,.collapse-leave-from{max-height:100vh}.logo{font-size:1.375rem;font-weight:700}.tree-item{flex-direction:column;gap:1px;list-style:none;display:flex;position:relative}.tree-item.m-active{background:var(--grey-100)}.tree-item-node{border-radius:.25rem;align-items:center;gap:.25rem;padding:.25rem .375rem .25rem 1.675rem;display:flex;position:relative}.m-last-level .tree-item-node,.tree-item.m-has-children>.tree-item-node{padding-left:.375rem}@media screen and not (max-width:30em){.tree-item.m-has-children>.tree-item-node:before{background:var(--primary-500);content:"";pointer-events:none;z-index:1;border-radius:1rem;width:.625rem;height:.625rem;display:block;position:absolute;top:.625rem;left:.625rem}}.tree-item-node:hover,.tree-item-node:focus{background:var(--grey-200)}@media screen and not (max-width:30em){:is(.tree-item-node:hover,.tree-item-node:focus) .tree-item-action{opacity:1}:is(.tree-item-node:hover,.tree-item-node:focus):before{opacity:0}}.tree-item-node .tree-item-action{justify-content:center;align-items:center;width:1.25rem;padding:.125rem;transition:none}.tree-item-node .tree-item-action:focus{opacity:1}.tree-item-node .tree-item-action.m-edit{margin-left:auto}@media screen and not (max-width:30em){.tree-item-node .tree-item-action{opacity:0}}.tree-item-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tree-item-group{flex-direction:column;gap:1px;padding-left:1.5rem;display:flex;position:relative}.tree-item-group:before{background:var(--primary-500);content:"";border-radius:.5rem;width:1px;height:calc(100% - 1rem);position:absolute;top:.5rem;left:.875rem}.tree-item-group.m-hide{display:none}.app-tree{flex-direction:column;gap:1px;margin:0;padding:0;list-style-type:none;display:flex}.home-sidebar .sidebar-close{border-width:0}.home-sidebar .sidebar-content{gap:.25rem;margin-bottom:auto;padding:.625rem .5rem .375rem}.home-sidebar .list-item-tags{font-size:.675rem}.app-layout{flex-direction:column;min-height:100vh;transition:all .75s;display:flex}@media screen and not (max-width:48em){.app-layout.m-sidebar-visible{padding-left:15.625rem}}.page-container{flex-direction:column;flex:1;gap:.5rem;width:100%;padding:.5rem .5rem 1.25rem;display:flex}.pagination-container{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:.5rem;margin:0 .5rem;padding:.5rem 0;display:flex}.pagination-page,.pagination-arrow{text-align:center;height:1.875rem;transition:all .25s}.pagination-page{border-radius:.5rem;min-width:1.875rem;padding:0 .375rem;font-size:.75rem}.current-page{background:var(--primary-200);cursor:default;font-weight:700}.pagination-arrow{border-radius:.5rem;justify-content:center;align-items:center;width:2.5rem;padding:0;display:flex}.pagination-arrow:disabled{filter:contrast(0)}.pagination-page:not(.current-page):focus-visible,.pagination-arrow:enabled:focus-visible{background:var(--primary-500);color:var(--white)}@media (hover:hover){.pagination-page:not(.current-page):hover,.pagination-arrow:enabled:hover{background:var(--primary-500);color:var(--white)}}.empty-page{text-align:center;margin:auto 0;padding:0 0 4rem}.empty-page-image{font-size:2.25rem}.empty-page-title{font-size:1.25rem}.empty-page-message{font-size:.875rem}.empty-page-actions{width:fit-content;margin:.5rem auto 0}.checkbox-container{align-items:center;gap:.25rem;display:flex}.checkbox{cursor:pointer;opacity:.4;width:1rem;height:1rem;margin:0}.page-selection .checkbox{opacity:.4}.checkbox:hover,.checkbox:indeterminate,.checkbox:checked{opacity:1}.image.is-circle{object-fit:cover;object-position:center;border-radius:50%}.dropdown-wrapper{position:relative}.dropdown:focus{outline-style:auto}.dropdown[open] .dropdown-menu{display:flex}.dropdown summary{cursor:pointer;list-style:none;display:flex}.dropdown-menu{background-color:var(--white);border:1px solid var(--grey-200);box-shadow:0 0 .75rem 0 var(--grey-300);color:var(--grey-700);z-index:100;border-radius:.625rem;flex-direction:column;width:auto;margin:.25rem 0 0;padding:.25rem;list-style:none;display:none;position:absolute;right:-.25rem;overflow:hidden}.dropdown-menu div[role=separator]{background-color:var(--grey-200);height:1px;margin:.25rem -.25rem}.dropdown-item{text-align:start;white-space:nowrap;border-radius:.375rem;align-items:center;gap:.375rem;width:100%;padding:.375rem;font-size:.875rem;display:flex}.dropdown-item:hover,.dropdown-item:focus,.dropdown-item:active{background-color:var(--primary-100);color:var(--grey-800)}.dropdown-text-item{text-align:start;margin:0 .5rem;padding:.375rem 0 .25rem}:is(.list-item-options-dropdown:hover,.list-item-options-dropdown:focus-within) summary{background:var(--primary-100)}.list-item-options-dropdown summary{border-radius:50%;padding:.25rem}.list-item{background:var(--white);border:1px solid var(--grey-200);border-radius:1rem;align-items:center;gap:.25rem;padding:.5rem .25rem .5rem .5rem;display:flex}.list-item.m-selected{background-color:var(--grey-100)}.list-item .checkbox-container{margin:0 .25rem 0 0}.list-item-icon{object-fit:contain;text-align:center;flex-shrink:0;width:1.125rem;margin-right:.375rem;overflow:hidden}.item-data{flex-direction:column;flex:1;gap:.375rem;min-width:0;display:flex}.item-title{align-items:center;font-size:1rem;display:inline-flex}.item-link{color:var(--grey-600);text-overflow:ellipsis;white-space:nowrap;width:fit-content;max-width:100%;font-size:.625rem;text-decoration:underline;overflow:hidden}.item-link:hover{color:var(--grey-700)}.item-data .item-link{display:inline-block}.list-item.m-folder.m-read .open-link{margin-right:2rem}.open-link{color:inherit;opacity:0}.list-item:hover .open-link,.list-item:focus-within .open-link{opacity:1}.list-item-tags{flex-wrap:wrap;gap:.25rem;font-size:.75rem;display:flex}.select-container{font-size:.875rem;display:flex}.select-container.m-column{flex-direction:column;gap:.25rem}.select-container.m-row{flex-direction:row;align-items:center;gap:.375rem}.select-title{width:fit-content}.select-container.m-column .select-title{font-size:.75rem}.select-wrapper{border:1px solid var(--grey-200);color:var(--grey-700);cursor:pointer;border-radius:.5rem;flex:1;justify-content:space-between;gap:.5rem;width:100%;padding:.25rem .25rem .25rem .5rem;display:flex;position:relative}.select-wrapper:focus-visible,.select-wrapper:focus-within{border-color:var(--primary-200);outline:.125rem solid var(--primary-200)}.select-wrapper.m-disabled{background-color:var(--grey-50);cursor:default}.select-wrapper.m-multiselect .select-element{display:none}@media (hover:hover){.select-wrapper:hover:not(:focus-visible){border-color:var(--grey-400)}}@media screen and not (max-width:30em){.select-wrapper{font-size:.875rem}}.select-element{-webkit-user-select:none;user-select:none;appearance:none;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;outline:none;overflow:hidden}.select{flex-wrap:wrap;flex:1;align-items:center;gap:.25rem;line-height:1.5rem;display:flex}.select-tag{background-color:var(--grey-50);color:var(--grey-800);cursor:default;overflow-wrap:anywhere;border-radius:.25rem;align-items:center;gap:.375rem;padding:.125rem .5rem;font-size:.75rem;line-height:1.25rem;display:flex}.select-tag-delete{padding:0}.select-info{align-items:center;gap:.25rem;display:flex}.select-placeholder{-webkit-user-select:none;user-select:none;color:var(--grey-400);font-size:1rem}@media screen and not (max-width:30em){.select-placeholder{font-size:.875rem}}.select-search{color:var(--grey-950);background:0 0;border:0;outline:none;flex:1;min-width:1.5rem;padding:0;font-size:1rem}@media screen and not (max-width:30em){.select-search{font-size:.875rem}}.select-count{background:var(--primary-600);color:var(--white);border-radius:.75rem;padding:0 .5rem;font-size:.75rem}.select-chevron{pointer-events:none}.select-menu{background-color:var(--white);box-shadow:0 0 .75rem 0 var(--grey-400);cursor:default;scrollbar-width:thin;text-align:start;-webkit-user-select:none;user-select:none;z-index:5;border-radius:.5rem;flex-direction:column;width:100%;max-height:16.25rem;margin:0;padding:.25rem 0;list-style:none;display:none;position:absolute;top:calc(100% + .5rem);right:0;overflow-y:auto}.select-menu.m-open{display:flex}.select-menu.m-open+.select-info .select-chevron{scale:1 -1}.select-item{color:var(--grey-600);cursor:pointer;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;flex:1 0 2rem;padding:.375rem 1.25rem .375rem .5rem;position:relative}option:checked,.select-item.m-selected,.select-item.m-selected:hover,.select-item.m-selected:focus-visible{background-color:var(--primary-200);color:var(--grey-800)}.select-item:hover,.select-item:focus-visible{background-color:var(--primary-100);color:var(--grey-800)}.select-item-check{padding:.25rem;position:absolute;top:.375rem;right:0}.skeleton{background-color:var(--grey-100);max-width:100%;position:relative;overflow:hidden}.skeleton:after{content:"";background-image:linear-gradient(to right,var(--grey-100)4%,var(--grey-200)25%,var(--grey-100)36%);animation:2.5s linear infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}.list-selection{flex:1;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.list-selection .list-selection-action{padding-inline:.5rem}.list-selection-count{color:var(--grey-700);margin-right:auto}.list-control-panel{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;height:3rem;padding:.5rem 0;display:flex}@media screen and (min-width:48em){.list-control-panel{padding-left:.5rem}}.list-control-panel-filters{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.direction-button{border:.125rem solid #0000;border-radius:.5rem;justify-content:center;width:1.875rem;height:1.875rem;display:flex}@media (hover:hover){.direction-button:hover{border-color:var(--primary-200)}}.direction-button.direction-asc .down,.direction-button.direction-desc .up{fill:var(--grey-500)}.list-container{flex-direction:column;gap:.5rem;display:flex}@media screen and not (min-width:48em){.list-container{margin:0 -.5rem}}.list-container.is-loading{gap:1rem}.open-add-items-modal{font-size:.75rem}.homepage-section{margin:.625rem .5rem 0}.section-title{margin:0 0 .625rem;font-size:1.25rem}.homepage-section-content{flex-direction:column;gap:.5rem;display:flex}.collection-tiles{flex-wrap:wrap;gap:.625rem;display:flex}.collection-tile-wrapper{flex:0 4.75rem}.collection-tile{text-align:center;flex-direction:column;width:100%;font-size:.75rem;display:flex}.input-container{text-align:start;white-space:break-spaces;flex-direction:column;justify-content:space-between;gap:.25rem;width:100%;margin:0 0 .5rem;display:flex}.input-label{align-self:flex-start;font-size:.75rem;position:relative}.input-container.is-required .input-label:after{content:"*";color:var(--red-500);margin-left:.125rem}.input-wrapper{position:relative}.input-wrapper .input{width:100%}.input{border:1px solid var(--grey-200);--border-hover-color:var(--grey-400);border-radius:.5rem;padding:.25rem .5rem;font-size:1rem;line-height:1.5rem}.input::placeholder{color:var(--grey-400);opacity:1}.input:disabled,.input:read-only{background-color:var(--grey-50);cursor:default}.input:focus-visible{border-color:var(--primary-300);outline:.125rem solid var(--primary-200)}.is-invalid .input{background:var(--red-50);border-color:var(--red-300);--border-hover-color:var(--red-500)}.is-invalid .input:focus-visible{border-color:var(--red-300);outline:.125rem solid var(--red-200)}@media (hover:hover){.input:hover:not(:focus-visible,:disabled){border-color:var(--border-hover-color)}}@media screen and not (max-width:30em){.input{font-size:.875rem}}.input-description{color:var(--grey-600);font-size:.625rem}.is-invalid .input-description{color:var(--red-500)}.search-input{margin:0}.search-input .input{background-color:#0000;padding-left:1.75rem;padding-right:1.75rem}.search-input .icon{color:var(--grey-500)}.search-icon,.search-clear{position:absolute;top:50%;transform:translateY(-50%)}.search-icon{left:.5rem}.search-clear{padding:0;display:flex;right:.5rem}.tags-page-control-panel{flex-direction:row;gap:1rem;display:flex}.tags-page-control-panel .app-button{flex-shrink:0}.tags-list-item{gap:.5rem;padding:.25rem;display:flex}.tags-list-item:not(:last-child){border-bottom:1px solid var(--grey-300)}.tags-list-item .input-container{margin:0}.tags-list-item .input{background:0 0;border:#0000}:root{--primary-50:#f5f2ff;--primary-100:#ece8ff;--primary-200:#dbd4ff;--primary-300:#c2b1ff;--primary-400:#a585ff;--primary-500:#7c41ff;--primary-600:#7a30f7;--primary-700:#6c1ee3;--primary-800:#5a18bf;--primary-900:#4b169c;--primary-950:#2e0b6a;--blue-50:#f0f7ff;--blue-100:#e0eefe;--blue-200:#baddfd;--blue-300:#7dc1fc;--blue-400:#37a2f9;--blue-500:#0d83e3;--blue-600:#0169c8;--blue-700:#0353a1;--blue-800:#074885;--blue-900:#0c3c6e;--blue-950:#082649;--green-50:#f1fcf3;--green-100:#defae4;--green-200:#bff3ca;--green-300:#8de8a2;--green-400:#54d473;--green-500:#2dba4f;--green-600:#20993d;--green-700:#1c7933;--green-800:#1b602c;--green-900:#184f27;--green-950:#082b12;--grey-50:#f6f7f9;--grey-100:#edeef1;--grey-200:#d6d9e1;--grey-300:#b2b9c7;--grey-400:#8994a7;--grey-500:#677389;--grey-600:#556074;--grey-700:#454d5f;--grey-800:#3c4250;--grey-900:#353a45;--grey-950:#23262e;--yellow-50:#fefee8;--yellow-100:#fefdc3;--yellow-200:#fef98a;--yellow-300:#fdee47;--yellow-400:#fadd14;--yellow-500:#eac408;--yellow-600:#ca9904;--yellow-700:#a16e07;--yellow-800:#85560e;--yellow-900:#714612;--yellow-950:#422406;--red-50:#fff3f1;--red-100:#ffe4e0;--red-200:#ffcec7;--red-300:#ffaca0;--red-400:#ff7d6a;--red-500:#f84930;--red-600:#e6351c;--red-700:#c22913;--red-800:#a02514;--red-900:#842618;--red-950:#480f07}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{font-size:1rem}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;color:var(--grey-950);font-family:"DM Sans",var(--system-ui-font)}html,body{width:100%}a{color:inherit;cursor:pointer;text-decoration:none}button{cursor:pointer;background:0 0;border:0}button:disabled{cursor:unset}input,textarea,button,select{color:inherit;font:inherit}h1,h2,h3,h4,h5,h6{font-family:Outfit,var(--system-ui-font)}summary::-webkit-details-marker{display:none}.u-mr-auto{margin-right:auto}.u-radius-sm{border-radius:.25rem}.u-radius-md{border-radius:.5rem}.u-radius-lg{border-radius:1rem}.u-radius-full{border-radius:10rem}.u-px-1{padding-left:.25rem;padding-right:.25rem}.u-px-2{padding-left:.5rem;padding-right:.5rem}.u-px-3{padding-left:.75rem;padding-right:.75rem}.u-px-4{padding-left:1rem;padding-right:1rem}.u-py-1{padding-top:.25rem;padding-bottom:.25rem}.u-py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.u-py-2{padding-top:.5rem;padding-bottom:.5rem}.m-color-primary{--s-main:var(--primary-500);--s-outline:var(--primary-100);--s-outline-text:var(--primary-600);--s-solid:var(--primary-600)}.m-color-danger{--s-main:var(--red-600);--s-outline:var(--red-100);--s-outline-text:var(--red-700);--s-solid:var(--red-700)}.m-color-green{--s-main:var(--green-600);--s-outline:var(--green-100);--s-outline-text:var(--green-700);--s-solid:var(--green-700)}.m-color-dark{--s-main:var(--grey-950);--s-outline:var(--grey-100);--s-outline-text:var(--grey-800);--s-solid:var(--grey-800)}.m-solid{background:var(--s-main);color:var(--white);border:1px solid #0000}.m-outline{color:var(--s-main);background:0 0;border:1px solid}.m-ghost{color:var(--s-main);background:0 0;border:1px solid #0000}.m-solid:focus-visible{background:var(--s-solid);border-color:var(--s-solid);color:var(--white);outline:.25rem solid var(--s-outline)}.m-outline:focus-visible{background:var(--s-outline);border-color:var(--s-outline);color:var(--s-outline-text);outline:.25rem solid var(--s-outline)}.m-ghost:focus-visible{color:var(--s-solid);outline:.25rem solid var(--s-outline);background:0 0;border-color:#0000}@media (hover:hover){.m-solid:is(a):hover,.m-solid:enabled:hover{background:var(--s-solid);border-color:var(--s-solid);color:var(--white)}.m-outline:is(a):hover,.m-outline:enabled:hover{background:var(--s-outline);border-color:var(--s-outline-text);color:var(--s-outline-text)}.m-ghost:is(a):hover,.m-ghost:enabled:hover{background:var(--s-outline);color:var(--s-outline-text)}}:root{--black:#000;--white:#fff;--system-ui-font:system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}h1{font-size:2rem;line-height:2.5rem}h2{font-size:1.75rem;line-height:2.125rem}h3{font-size:1.5rem;line-height:1.75rem}h4{font-size:1.25rem;line-height:1.5rem}h5{font-size:1rem;line-height:1.25rem}h6{font-size:.75rem;line-height:.875rem}.notif{color:var(--black);-webkit-user-select:none;user-select:none;border-radius:.5rem;margin:0 1.25rem .5rem 0;padding:.5rem;font-size:.75rem}.notif.warn{background:var(--yellow-300)}.notif.error{background:var(--red-300)}.notif.success{background:var(--green-300)}