html{--hue-sat: 0deg 0%;--site-bgcolor: hsl(var(--hue-sat) 13%);--site-color: hsl(var(--hue-sat) 87%);--nav-bgcolor--primary: hsl(var(--hue-sat) 100%);--nav-bgcolor--secondary: hsl(var(--hue-sat) 0% / .2);--nav-link-color: hsl(var(--hue-sat) 0% / .75);--nav-link_hover_focus-color: hsl(var(--hue-sat) 0%);background-color:var(--site-bgcolor);height:100%;scroll-behavior:smooth;font-size:46.875%}@media only screen and (width >= 900px){html{font-size:62.5%}}@media only screen and (width >= 1800px){html{font-size:78.125%}}@media only screen and (width >= 2700px){html{font-size:93.75%}}body{height:100%;box-sizing:border-box;color:var(--site-color);font-size:1.6rem;font-family:"Montserrat",sans-serif;letter-spacing:.1rem}*,*::before,*::after{margin:0;padding:0;box-sizing:inherit;font-family:inherit;letter-spacing:inherit}*:focus{outline:none}::-webkit-scrollbar{width:15px;height:15px}::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:#0d0d0d}::-webkit-scrollbar-thumb{background:#878787;border-radius:9px;border:3px solid #0d0d0d}::-webkit-scrollbar-thumb:hover{background:#545454}.hidden{display:none}header{--border-bottom-color: hsl(var(--hue-sat) 0% / .25);position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;background-color:var(--nav-bgcolor--primary);border-bottom:.1rem solid var(--border-bottom-color);padding:.5rem 5rem;z-index:1}header .logo{position:relative;width:5rem;height:5rem;background-image:url(../images/logo/apple-touch-icon.png);background-size:cover;background-position:center;border-radius:50%;filter:grayscale(100%)}header nav{position:absolute;top:calc(100% + .1rem);left:0;width:100%;z-index:1;transform-origin:top;scale:1 0;border-bottom:.1rem solid rgba(0,0,0,0);background-color:inherit}header nav.transition{transition:scale .25s}header nav.show{scale:1 1;border-color:var(--border-bottom-color)}header nav ul{list-style:none}header nav ul li a{display:block;padding:1.5rem 0;padding-left:5rem;text-decoration:none;color:var(--nav-link-color);font-weight:600;transition:color .2s,background-color .2s}header nav ul li a:hover,header nav ul li a:focus{color:var(--nav-link_hover_focus-color);background-color:var(--nav-bgcolor--secondary)}@media only screen and (width >= 993px){header{background-color:var(--nav-bgcolor--secondary);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);padding:2rem 10rem;transition:.4s ease-in;border:none}header .logo{filter:unset;transition:.4s ease-in}header nav{position:unset;top:unset;left:unset;width:unset;z-index:unset;transform-origin:unset;scale:none;border:none;background:none}header nav ul{display:flex}header nav ul li{padding:1.5rem 0;padding-right:2rem}header nav ul li:last-child{padding-right:0}header nav ul li a{display:inline;color:var(--nav-bgcolor--primary);font-weight:300;padding:0;padding-bottom:1rem;border-bottom:.1em solid rgba(0,0,0,0)}header nav ul li a:hover,header nav ul li a:focus{color:var(--nav-bgcolor--primary);background-color:unset;border-color:var(--nav-bgcolor--primary)}header rwc-hmb{display:none}header.sticky{padding:.5rem 10rem;background-color:var(--nav-bgcolor--primary)}header.sticky .logo{filter:grayscale(100%)}header.sticky nav ul li a{color:var(--nav-link_hover_focus-color);font-weight:600;border-bottom-width:.2rem}header.sticky nav ul li a:hover,header.sticky nav ul li a:focus{border-color:var(--nav-link_hover_focus-color)}}main{position:relative;min-height:100vh;padding:0 4%;padding-top:10rem;overflow-y:auto}main .banner{position:absolute;inset:0;background-attachment:fixed;background-image:url(../../images/background.webp);background-size:cover;filter:brightness(0.5);z-index:-1}main h1{letter-spacing:.2rem;padding:1.5rem 0;text-align:center;color:var(--nav-bgcolor--primary)}main .user-info{font-size:2.4rem;padding:1rem 2rem;display:flex;justify-content:space-around}main .container{border-radius:1rem;box-shadow:0 .2rem .8rem rgba(0,0,0,.85) inset,0 -0.2rem .8rem rgba(0,0,0,.85) inset;margin-top:2rem;padding:2rem;background-color:rgba(33,33,33,.9);margin:4rem 0;display:flex;flex-direction:column;gap:1.8rem}main .container .new-item .controls{margin-top:2.2rem}main .container .new-item .controls rwc-input{display:block;margin-bottom:3.2rem}main .container .new-item .action button{background-color:rgba(0,0,0,0);border:.2rem solid #1b92f3;border-radius:.5rem;color:var(--color);cursor:pointer;font-size:1.6rem;font-weight:500;line-height:4rem;opacity:.7;padding:0 2rem;transform-origin:bottom left;transition:.2s}main .container .new-item .action button:hover,main .container .new-item .action button:focus{opacity:1;transform:scale(1.1)}main .container .list-items{border:.1em solid #515151;border-radius:1rem;overflow:hidden}main .container .list-items.alone{width:100%}main .container .list-items table{font-size:2rem;width:100%;height:100%;border-collapse:collapse;text-align:left}main .container .list-items table thead tr,main .container .list-items table tbody tr:last-child{border:none}main .container .list-items table thead tr:hover{background-color:unset}main .container .list-items table tr{border-top:.1em solid #515151;border-bottom:.1em solid #515151}main .container .list-items table tr:hover{background-color:rgba(255,255,255,.08)}main .container .list-items table th,main .container .list-items table td{padding:1em .5em}@media only screen and (width >= 750px){main .container{flex-direction:unset}main .container .new-item,main .container .list-items{width:50%}}header .logo{background-image:url(../../images/logo/apple-touch-icon.png)}