:root{--color-sea: #1abc9c;--color-darksea: #16a085;--color-green: #2ecc71;--color-darkgreen: #27ae60;--color-blue: #3498db;--color-darkblue: #2980b9;--color-purple: #9b59b6;--color-darkpurple: #8e44ad;--color-midnight: #34495e;--color-darkmidnight: #2c3e50;--color-lightyellow: #f9e8a0;--color-yellow: #f1c40f;--color-darkyellow: #f39c12;--color-orange: #e67e22;--color-darkorange: #d35400;--color-red: #e74c3c;--color-darkred: #c0392b;--color-white: #fff;--color-lightgray: #eee;--color-gray: #ddd;--color-darkgray: #999;--color-black: #000}@media(prefers-color-scheme: dark){:root{--color-lightyellow: #705C07;--color-white: rgb(20,22,26);--color-lightgray: #333;--color-gray: #666;--color-darkgray: #999;--color-black: #fff}}.grid.widgets{display:grid;grid-template-columns:repeat(auto-fit, minmax(13.5rem, 1fr));margin-bottom:2rem}.grid.widgets>h3{grid-column:1/-1;margin-bottom:0}.muuri .card{min-height:10rem;border:1px solid var(--color-gray);transition:border-color .3s,box-shadow .6s;margin-bottom:0;box-shadow:rgba(0,0,0,.1) 0px 20px 25px -5px,rgba(0,0,0,.04) 0px 10px 10px -5px}.muuri .card:hover{box-shadow:rgba(0,0,0,.25) 0px 25px 50px -12px}.muuri .card.sea .icon{color:var(--color-sea)}.muuri .card.sea:hover{border-color:var(--color-sea)}.muuri .card.darksea .icon{color:var(--color-darksea)}.muuri .card.darksea:hover{border-color:var(--color-darksea)}.muuri .card.green .icon{color:var(--color-green)}.muuri .card.green:hover{border-color:var(--color-green)}.muuri .card.darkgreen .icon{color:var(--color-darkgreen)}.muuri .card.darkgreen:hover{border-color:var(--color-darkgreen)}.muuri .card.blue .icon{color:var(--color-blue)}.muuri .card.blue:hover{border-color:var(--color-blue)}.muuri .card.darkblue .icon{color:var(--color-darkblue)}.muuri .card.darkblue:hover{border-color:var(--color-darkblue)}.muuri .card.purple .icon{color:var(--color-purple)}.muuri .card.purple:hover{border-color:var(--color-purple)}.muuri .card.darkpurple .icon{color:var(--color-darkpurple)}.muuri .card.darkpurple:hover{border-color:var(--color-darkpurple)}.muuri .card.midnight .icon{color:var(--color-midnight)}.muuri .card.midnight:hover{border-color:var(--color-midnight)}.muuri .card.darkmidnight .icon{color:var(--color-darkmidnight)}.muuri .card.darkmidnight:hover{border-color:var(--color-darkmidnight)}.muuri .card.yellow .icon{color:var(--color-yellow)}.muuri .card.yellow:hover{border-color:var(--color-yellow)}.muuri .card.darkyellow .icon{color:var(--color-darkyellow)}.muuri .card.darkyellow:hover{border-color:var(--color-darkyellow)}.muuri .card.orange .icon{color:var(--color-orange)}.muuri .card.orange:hover{border-color:var(--color-orange)}.muuri .card.darkorange .icon{color:var(--color-darkorange)}.muuri .card.darkorange:hover{border-color:var(--color-darkorange)}.muuri .card.red .icon{color:var(--color-red)}.muuri .card.red:hover{border-color:var(--color-red)}.muuri .card.darkred .icon{color:var(--color-darkred)}.muuri .card.darkred:hover{border-color:var(--color-darkred)}.muuri .card.white .icon{color:var(--color-white)}.muuri .card.white:hover{border-color:var(--color-white)}.muuri .card.lightgray .icon{color:var(--color-lightgray)}.muuri .card.lightgray:hover{border-color:var(--color-lightgray)}.muuri .card.gray .icon{color:var(--color-gray)}.muuri .card.gray:hover{border-color:var(--color-gray)}.muuri .card.darkgray .icon{color:var(--color-darkgray)}.muuri .card.darkgray:hover{border-color:var(--color-darkgray)}