.topbar{flex-direction:row;grid-area:topbar;justify-content:space-between;align-items:center;width:100%;height:80px;display:flex;position:fixed}.right-nav{font-size:25px}.right-nav>*{color:var(--text-on-primary);margin-right:15px;text-decoration:none}.profile-pic{aspect-ratio:1;border-radius:50%;height:75%}.grid,.home-grid,.level-grid{grid-template:"topbar"80px"main"1fr/1fr;width:100vw;height:100vh;display:grid}.content{scrollbar-width:none;flex-direction:column;grid-area:main;align-items:center;display:flex;overflow-y:scroll}.filters{flex-direction:row;justify-content:center;max-width:95vw;display:flex}.searchbar{border:3px solid var(--border);border-radius:15px;flex-direction:row;justify-content:space-between;width:300px;display:flex}.searchbar input{-webkit-text-fill-color:var(--text-on-primary);background:0 0;border:none;outline:none;width:100%;padding:5px 10px 5px 15px;font-size:20px}.searchbar img{padding-right:10px}.sort-by-label{margin:auto 0 auto 25px;font-size:20px}#sort-by{border:3px solid var(--border);background-color:var(--bg-primary);border-radius:15px;outline:none;margin-left:20px;padding:5px 10px 5px 15px;font-size:20px}.levels{flex-flow:wrap;justify-content:center;align-items:center;display:flex}.level{box-sizing:border-box;border:3px solid var(--border);border-radius:15px;flex-direction:column;justify-content:center;width:min(400px,90vw);margin:20px;padding:10px;transition:transform .2s;display:flex;color:var(--text-on-primary)!important;text-decoration:none!important}.searchbar .search.svg{width:35px;height:35px;margin-right:10px;-webkit-mask-image:url("data:image/svg+xml,%3csvg%20width='28'%20height='28'%20viewBox='0%200%2028%2028'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M20.9998%2011.9C20.9998%2013.9081%2020.3479%2015.7631%2019.2498%2017.2681L24.7886%2022.8113C25.3354%2023.3581%2025.3354%2024.2463%2024.7886%2024.7931C24.2417%2025.34%2023.3536%2025.34%2022.8067%2024.7931L17.2679%2019.25C15.7629%2020.3481%2013.9079%2021%2011.8998%2021C6.87293%2021%202.7998%2016.9269%202.7998%2011.9C2.7998%206.87313%206.87293%202.8%2011.8998%202.8C16.9267%202.8%2020.9998%206.87313%2020.9998%2011.9ZM11.8998%2018.2C15.3779%2018.2%2018.1998%2015.3781%2018.1998%2011.9C18.1998%208.42188%2015.3779%205.6%2011.8998%205.6C8.42168%205.6%205.5998%208.42188%205.5998%2011.9C5.5998%2015.3781%208.42168%2018.2%2011.8998%2018.2Z'%20fill='black'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20width='28'%20height='28'%20viewBox='0%200%2028%2028'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M20.9998%2011.9C20.9998%2013.9081%2020.3479%2015.7631%2019.2498%2017.2681L24.7886%2022.8113C25.3354%2023.3581%2025.3354%2024.2463%2024.7886%2024.7931C24.2417%2025.34%2023.3536%2025.34%2022.8067%2024.7931L17.2679%2019.25C15.7629%2020.3481%2013.9079%2021%2011.8998%2021C6.87293%2021%202.7998%2016.9269%202.7998%2011.9C2.7998%206.87313%206.87293%202.8%2011.8998%202.8C16.9267%202.8%2020.9998%206.87313%2020.9998%2011.9ZM11.8998%2018.2C15.3779%2018.2%2018.1998%2015.3781%2018.1998%2011.9C18.1998%208.42188%2015.3779%205.6%2011.8998%205.6C8.42168%205.6%205.5998%208.42188%205.5998%2011.9C5.5998%2015.3781%208.42168%2018.2%2011.8998%2018.2Z'%20fill='black'/%3e%3c/svg%3e")}.level .approval-rating-wrapper .thumbs-down{width:25px;height:25px;-webkit-mask-image:url("data:image/svg+xml,%3csvg%20width='56'%20height='56'%20viewBox='0%200%2056%2056'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M39.1996%208.40002C41.5183%208.40002%2043.3996%2010.2813%2043.3996%2012.6C43.3996%2013.1513%2043.2858%2013.6675%2043.1021%2014.1488C44.8871%2014.63%2046.1996%2016.2575%2046.1996%2018.2C46.1996%2018.9963%2045.9721%2019.74%2045.5871%2020.3788C47.5296%2020.7463%2048.9996%2022.4525%2048.9996%2024.5C48.9996%2026.2238%2047.9583%2027.7025%2046.4708%2028.35C47.9583%2028.9975%2048.9996%2030.4763%2048.9996%2032.2C48.9996%2034.5188%2047.1183%2036.4%2044.7996%2036.4H30.7996L33.2671%2042.56C33.4859%2043.1113%2033.5996%2043.7063%2033.5996%2044.3013V44.6688C33.5996%2047.0575%2031.6658%2048.9913%2029.2771%2048.9913C27.6409%2048.9913%2026.1446%2048.0638%2025.4096%2046.6025L20.4834%2036.7763C19.8971%2035.6125%2019.5996%2034.3263%2019.5996%2033.0225V16.695C19.5996%2014.9975%2020.3784%2013.3875%2021.6996%2012.32L22.7671%2011.4713C25.2521%209.48503%2028.3321%208.40002%2031.5084%208.40002H39.1996ZM12.5996%2014C14.1484%2014%2015.3996%2015.2513%2015.3996%2016.8V39.2C15.3996%2040.7488%2014.1484%2042%2012.5996%2042H8.39961C6.85086%2042%205.59961%2040.7488%205.59961%2039.2V16.8C5.59961%2015.2513%206.85086%2014%208.39961%2014H12.5996Z'%20fill='black'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20width='56'%20height='56'%20viewBox='0%200%2056%2056'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M39.1996%208.40002C41.5183%208.40002%2043.3996%2010.2813%2043.3996%2012.6C43.3996%2013.1513%2043.2858%2013.6675%2043.1021%2014.1488C44.8871%2014.63%2046.1996%2016.2575%2046.1996%2018.2C46.1996%2018.9963%2045.9721%2019.74%2045.5871%2020.3788C47.5296%2020.7463%2048.9996%2022.4525%2048.9996%2024.5C48.9996%2026.2238%2047.9583%2027.7025%2046.4708%2028.35C47.9583%2028.9975%2048.9996%2030.4763%2048.9996%2032.2C48.9996%2034.5188%2047.1183%2036.4%2044.7996%2036.4H30.7996L33.2671%2042.56C33.4859%2043.1113%2033.5996%2043.7063%2033.5996%2044.3013V44.6688C33.5996%2047.0575%2031.6658%2048.9913%2029.2771%2048.9913C27.6409%2048.9913%2026.1446%2048.0638%2025.4096%2046.6025L20.4834%2036.7763C19.8971%2035.6125%2019.5996%2034.3263%2019.5996%2033.0225V16.695C19.5996%2014.9975%2020.3784%2013.3875%2021.6996%2012.32L22.7671%2011.4713C25.2521%209.48503%2028.3321%208.40002%2031.5084%208.40002H39.1996ZM12.5996%2014C14.1484%2014%2015.3996%2015.2513%2015.3996%2016.8V39.2C15.3996%2040.7488%2014.1484%2042%2012.5996%2042H8.39961C6.85086%2042%205.59961%2040.7488%205.59961%2039.2V16.8C5.59961%2015.2513%206.85086%2014%208.39961%2014H12.5996Z'%20fill='black'/%3e%3c/svg%3e")}.level .approval-rating-wrapper .thumbs-up{width:25px;height:25px;-webkit-mask-image:url("data:image/svg+xml,%3csvg%20width='56'%20height='56'%20viewBox='0%200%2056%2056'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M20.6058%208.99499C22.4258%205.94998%2026.2933%204.72498%2029.5745%206.26498L30.2045%206.59748C33.2495%208.42623%2034.4745%2012.2937%2032.9345%2015.575L31.7008%2018.2H41.2995L41.947%2018.235C45.1233%2018.5587%2047.5995%2021.245%2047.5995%2024.5C47.5995%2025.655%2047.2845%2026.7225%2046.742%2027.65C47.2758%2028.5775%2047.5908%2029.645%2047.5995%2030.8C47.5995%2032.4012%2046.9958%2033.845%2046.0245%2034.9562C46.1383%2035.42%2046.1995%2035.9012%2046.1995%2036.4C46.1995%2038.5962%2045.0708%2040.5125%2043.382%2041.6412C43.2158%2044.7475%2040.8095%2047.2587%2037.747%2047.565L37.0995%2047.6H27.9908C26.4158%2047.6%2024.8495%2047.3025%2023.3883%2046.7337L22.767%2046.4712L22.7058%2046.445L22.1283%2046.165L22.067%2046.1387L20.9995%2045.57C19.9233%2045.0012%2018.9608%2044.2837%2018.1208%2043.4613C17.762%2045.815%2015.732%2047.6087%2013.282%2047.6087H10.482C7.77828%2047.6087%205.58203%2045.4125%205.58203%2042.7087L5.59953%2023.1C5.59953%2020.3962%207.79578%2018.2%2010.4995%2018.2H13.2995C14.2445%2018.2%2015.1283%2018.4712%2015.8808%2018.9437L20.2645%209.62499L20.317%209.51999L20.5533%209.08249L20.6058%209.00374V8.99499ZM10.4995%2022.4C10.1145%2022.4%209.79953%2022.715%209.79953%2023.1V42.7C9.79953%2043.085%2010.1145%2043.4%2010.4995%2043.4H13.2995C13.6845%2043.4%2013.9995%2043.085%2013.9995%2042.7V23.1C13.9995%2022.715%2013.6845%2022.4%2013.2995%2022.4H10.4995ZM27.7895%2010.0625C26.4945%209.45873%2024.9633%209.92249%2024.2283%2011.1125L24.0358%2011.4625L19.0658%2022.0412C18.7595%2022.6975%2018.5845%2023.3975%2018.5408%2024.115L18.532%2024.4825V34.3612L18.5495%2035.0525C18.7595%2037.9137%2020.422%2040.4862%2022.9858%2041.8512L23.992%2042.385L24.5433%2042.6562C25.6283%2043.1462%2026.8008%2043.4%2027.9908%2043.4H37.0995L37.3095%2043.3912C38.3683%2043.2862%2039.1995%2042.385%2039.1995%2041.3L39.182%2041.0725C39.1733%2040.9937%2039.1645%2040.9237%2039.147%2040.845C38.9108%2039.7862%2039.5233%2038.7275%2040.547%2038.395C41.3958%2038.1237%2041.9995%2037.3275%2041.9995%2036.4C41.9995%2036.0237%2041.9033%2035.6825%2041.7283%2035.3675C41.177%2034.3962%2041.4833%2033.1625%2042.4283%2032.5675C43.0233%2032.1912%2043.4083%2031.535%2043.4083%2030.8C43.4083%2030.1787%2043.137%2029.6187%2042.6908%2029.225C42.2358%2028.8225%2041.9733%2028.2537%2041.9733%2027.65C41.9733%2027.0462%2042.2358%2026.4775%2042.6908%2026.075C43.137%2025.6812%2043.4083%2025.1212%2043.4083%2024.5L43.3995%2024.29C43.3033%2023.3012%2042.5158%2022.5137%2041.527%2022.4175L41.317%2022.4087H28.4108C27.6933%2022.4087%2027.0283%2022.0412%2026.6433%2021.4375C26.2583%2020.8337%2026.2058%2020.0637%2026.512%2019.4162L29.137%2013.79C29.7495%2012.4775%2029.2595%2010.9287%2028.0433%2010.2025L27.7895%2010.0625Z'%20fill='black'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20width='56'%20height='56'%20viewBox='0%200%2056%2056'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M20.6058%208.99499C22.4258%205.94998%2026.2933%204.72498%2029.5745%206.26498L30.2045%206.59748C33.2495%208.42623%2034.4745%2012.2937%2032.9345%2015.575L31.7008%2018.2H41.2995L41.947%2018.235C45.1233%2018.5587%2047.5995%2021.245%2047.5995%2024.5C47.5995%2025.655%2047.2845%2026.7225%2046.742%2027.65C47.2758%2028.5775%2047.5908%2029.645%2047.5995%2030.8C47.5995%2032.4012%2046.9958%2033.845%2046.0245%2034.9562C46.1383%2035.42%2046.1995%2035.9012%2046.1995%2036.4C46.1995%2038.5962%2045.0708%2040.5125%2043.382%2041.6412C43.2158%2044.7475%2040.8095%2047.2587%2037.747%2047.565L37.0995%2047.6H27.9908C26.4158%2047.6%2024.8495%2047.3025%2023.3883%2046.7337L22.767%2046.4712L22.7058%2046.445L22.1283%2046.165L22.067%2046.1387L20.9995%2045.57C19.9233%2045.0012%2018.9608%2044.2837%2018.1208%2043.4613C17.762%2045.815%2015.732%2047.6087%2013.282%2047.6087H10.482C7.77828%2047.6087%205.58203%2045.4125%205.58203%2042.7087L5.59953%2023.1C5.59953%2020.3962%207.79578%2018.2%2010.4995%2018.2H13.2995C14.2445%2018.2%2015.1283%2018.4712%2015.8808%2018.9437L20.2645%209.62499L20.317%209.51999L20.5533%209.08249L20.6058%209.00374V8.99499ZM10.4995%2022.4C10.1145%2022.4%209.79953%2022.715%209.79953%2023.1V42.7C9.79953%2043.085%2010.1145%2043.4%2010.4995%2043.4H13.2995C13.6845%2043.4%2013.9995%2043.085%2013.9995%2042.7V23.1C13.9995%2022.715%2013.6845%2022.4%2013.2995%2022.4H10.4995ZM27.7895%2010.0625C26.4945%209.45873%2024.9633%209.92249%2024.2283%2011.1125L24.0358%2011.4625L19.0658%2022.0412C18.7595%2022.6975%2018.5845%2023.3975%2018.5408%2024.115L18.532%2024.4825V34.3612L18.5495%2035.0525C18.7595%2037.9137%2020.422%2040.4862%2022.9858%2041.8512L23.992%2042.385L24.5433%2042.6562C25.6283%2043.1462%2026.8008%2043.4%2027.9908%2043.4H37.0995L37.3095%2043.3912C38.3683%2043.2862%2039.1995%2042.385%2039.1995%2041.3L39.182%2041.0725C39.1733%2040.9937%2039.1645%2040.9237%2039.147%2040.845C38.9108%2039.7862%2039.5233%2038.7275%2040.547%2038.395C41.3958%2038.1237%2041.9995%2037.3275%2041.9995%2036.4C41.9995%2036.0237%2041.9033%2035.6825%2041.7283%2035.3675C41.177%2034.3962%2041.4833%2033.1625%2042.4283%2032.5675C43.0233%2032.1912%2043.4083%2031.535%2043.4083%2030.8C43.4083%2030.1787%2043.137%2029.6187%2042.6908%2029.225C42.2358%2028.8225%2041.9733%2028.2537%2041.9733%2027.65C41.9733%2027.0462%2042.2358%2026.4775%2042.6908%2026.075C43.137%2025.6812%2043.4083%2025.1212%2043.4083%2024.5L43.3995%2024.29C43.3033%2023.3012%2042.5158%2022.5137%2041.527%2022.4175L41.317%2022.4087H28.4108C27.6933%2022.4087%2027.0283%2022.0412%2026.6433%2021.4375C26.2583%2020.8337%2026.2058%2020.0637%2026.512%2019.4162L29.137%2013.79C29.7495%2012.4775%2029.2595%2010.9287%2028.0433%2010.2025L27.7895%2010.0625Z'%20fill='black'/%3e%3c/svg%3e")}.level:hover{transform:translateY(-5px);box-shadow:5px 5px 10px #0000001a}.image{border:3px solid var(--border);box-sizing:border-box;aspect-ratio:5/3;border-radius:7px;overflow:hidden}.no-image{justify-content:center;align-items:center;height:100%;display:flex}.image canvas{width:100%;height:100%}.no-image p{font-size:30px}.image>img{object-fit:cover;width:100%;height:100%}.name-and-rating,.tags-and-plays{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.name{white-space:nowrap;width:100%;margin:0 10px 0 0;font-size:25px;font-weight:500;position:relative;overflow:hidden}.name:after{content:"";background:linear-gradient(to right, transparent 95%, var(--bg-primary) 100%);width:100%;height:100%;position:absolute;top:0;left:0}.name.my-levels{width:auto;margin:5px auto auto}.name.my-levels:after{background:0 0}.approval-rating-wrapper{flex-direction:row;align-items:center;display:flex}.approval-rating{margin:0 5px 0 0;font-size:20px}.approval-rating-wrapper img{aspect-ratio:1;justify-content:center;align-items:center;width:25px;display:flex}.tags{flex-direction:row;display:flex}.plays-finishes{margin:0;font-size:20px}.page-title{font-weight:500}.quick-actions{flex-direction:row;align-items:center;margin:auto;display:flex}.quick-action{flex-direction:row;align-items:center;margin:10px 20px}.quick-action img{width:35px;height:35px}.quick-action p{margin:0 10px 0 0;font-size:25px}.quick-actions a{color:var(--border);text-decoration:none}.quick-actions button{background-color:#0000;border:none;padding:0}.overlay{background-color:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0}.overlay .confirm-delete{background-color:var(--bg-primary);border:3px solid var(--border);border-radius:20px;padding:10px 20px}.overlay .confirm-delete h2{justify-self:center;margin:20px auto 40px;font-size:35px;font-weight:500}.overlay .confirm-delete .options{justify-content:space-between;display:flex}.overlay .option{border:3px solid var(--border);border-radius:10px;margin:0 20px 10px}.overlay #confirm-button{color:var(--text-on-action);background-color:var(--action)}.overlay #cancel-button p,.overlay #confirm-button p{margin:0;padding:10px 50px;font-size:30px}.quick-actions p{margin:0 auto;font-size:35px}.divider{border-left:3px solid var(--border);border-radius:13px;width:0;height:30px}.pages{flex-direction:row;align-content:center;align-items:center;gap:20px;margin:20px auto;display:flex}.pages p{font-size:20px}.pages .page{background-color:var(--bg-primary);color:var(--text-on-primary);border:3px solid var(--border)}.pages .page.selected{border:3px solid var(--border);background-color:var(--action);color:var(--text-on-action)}@media (height<=500px){.grid,.level-grid{grid-template-rows:50px 1fr}.topbar{height:50px}.level{width:min(300px,40vw)}}