:root{--primary: rgb(79, 70, 229);--primary-rgb: 79, 70, 229;--primary-90: rgba($color, $level / 10);--primary-80: rgba($color, $level / 10);--primary-70: rgba($color, $level / 10);--primary-60: rgba($color, $level / 10);--primary-50: rgba($color, $level / 10);--primary-40: rgba($color, $level / 10);--primary-30: rgba($color, $level / 10);--primary-20: rgba($color, $level / 10);--primary-10: rgba($color, $level / 10);--secondary: rgb(219, 39, 119);--secondary-rgb: 219, 39, 119;--secondary-90: rgba($color, $level / 10);--secondary-80: rgba($color, $level / 10);--secondary-70: rgba($color, $level / 10);--secondary-60: rgba($color, $level / 10);--secondary-50: rgba($color, $level / 10);--secondary-40: rgba($color, $level / 10);--secondary-30: rgba($color, $level / 10);--secondary-20: rgba($color, $level / 10);--secondary-10: rgba($color, $level / 10);--action: rgb(22, 163, 74);--action-rgb: 22, 163, 74;--action-90: rgba($color, $level / 10);--action-80: rgba($color, $level / 10);--action-70: rgba($color, $level / 10);--action-60: rgba($color, $level / 10);--action-50: rgba($color, $level / 10);--action-40: rgba($color, $level / 10);--action-30: rgba($color, $level / 10);--action-20: rgba($color, $level / 10);--action-10: rgba($color, $level / 10);--dark: rgb(17, 24, 39);--dark-rgb: 17, 24, 39;--dark-90: rgba($color, $level / 10);--dark-80: rgba($color, $level / 10);--dark-70: rgba($color, $level / 10);--dark-60: rgba($color, $level / 10);--dark-50: rgba($color, $level / 10);--dark-40: rgba($color, $level / 10);--dark-30: rgba($color, $level / 10);--dark-20: rgba($color, $level / 10);--dark-10: rgba($color, $level / 10);--light: rgb(249, 250, 251);--light-rgb: 249, 250, 251;--light-90: rgba($color, $level / 10);--light-80: rgba($color, $level / 10);--light-70: rgba($color, $level / 10);--light-60: rgba($color, $level / 10);--light-50: rgba($color, $level / 10);--light-40: rgba($color, $level / 10);--light-30: rgba($color, $level / 10);--light-20: rgba($color, $level / 10);--light-10: rgba($color, $level / 10)}html{scroll-padding-top:5rem;background-color:rgba(17,24,39,.3)}body{display:flex;flex-direction:column;min-height:100vh}main.container{flex:1}.site-header,.site-footer{background-color:var(--dark);color:var(--light);padding:.5rem;border-bottom:1px solid var(--light)}.site-header{position:sticky;top:0;z-index:100}.logo a{color:#fff;text-decoration:none;font-weight:bold}.site-header nav{display:flex;justify-content:space-between;align-items:center}.site-header h1{margin:0;font-size:1.5rem}.hamburger-menu>summary{padding-top:.25rem;padding-bottom:.25rem;background-color:rgba(0,0,0,0);color:var(--light);border:0}body.menu-open{overflow:hidden;padding-right:var(--scrollbar-width, 0px)}body.menu-open .site-header nav{padding-right:var(--scrollbar-width, 0px)}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.hamburger-menu[open]~.menu-overlay{opacity:1;visibility:visible}details.dropdown .menu-panel{position:fixed;top:0;left:auto;right:-100%;width:100%;max-width:500px;height:100vh;background-color:var(--dark);border-left:1px solid #fff;border-right:0;border-top:0;border-bottom:0;border-radius:0;padding:2rem;box-shadow:-5px 0 15px rgba(0,0,0,.2);transition:right .3s ease-in-out;list-style:none;margin:0;z-index:1001}.hamburger-menu[open] .menu-panel{right:0}.close-menu-btn{position:absolute;top:1rem;right:1.5rem;background:none;border:none;padding:.5rem;cursor:pointer;color:var(--light)}details.hamburger-menu .menu-panel a{color:var(--light);text-decoration:none;font-size:1.25rem;padding:.35rem;display:block;border-radius:.3rem}details.hamburger-menu .menu-panel a:hover{color:var(--dark);background-color:var(--light)}article{border:1px solid rgba(var(--color-light-rgb), 0.6)}button,a[role=button]{padding:.2rem 1rem}footer.site-footer .container small{color:#fff}footer.site-footer .container small a{color:#fff;text-decoration:underline}.paper-type-header{text-transform:uppercase}.action-links{white-space:nowrap;text-align:right}.action-links a{font-size:small}.dimensions-col{white-space:nowrap}.price-col{text-align:right}.type-col{text-transform:uppercase;font-size:.9rem;font-weight:800}.vendor-col{font-size:small}#add-media-form{margin-top:100px;padding:50px;background-color:var(--dark)}#add-media-form label,#add-media-form h2{color:var(--light)}td.price:not(:empty)::before{content:"$";margin-right:.25em}