body{margin:0}.app{background-color:#f1f2f5;min-height:100%;padding:20px}.search{background:0 0;border:none;border-bottom:1px solid #d0d7e2;width:100%;font:400 70px/84px Palatino}.search:focus{box-shadow:none;outline:none}.search::placeholder{color:#c0c5d0}.category-filters-wrapper{margin-top:20px;position:relative}.category-filters{gap:10px;display:flex;overflow-x:auto}.category-button{letter-spacing:-.02em;cursor:pointer;color:#40516a;white-space:nowrap;background-color:#fff;border:none;border-radius:5px;align-items:center;gap:5px;height:35px;padding:0 15px 0 12px;font-size:16px;display:flex}.category-button-modal{z-index:1;background-color:#f2f2f5;flex-direction:column;align-items:start;width:220px;height:100px;padding:10px;display:flex;position:absolute;top:40px;box-shadow:0 0 20px #7f7f7f42}.category-button-icon{border:3px solid #166ff4;border-radius:50%;width:10px;height:10px}.media-grid{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.media-card-wrapper{width:300px;position:relative}.media-card{color:#748397;flex-direction:column;width:300px;text-decoration:none;display:flex}.media-card-placeholder{background-color:#fff;justify-content:center;align-items:center;width:300px;height:200px;display:flex}.media-card-modal{background-color:#f2f2f5;width:100%;height:100%;position:absolute;box-shadow:0 0 20px #7f7f7f42}.media-card-modal-contents{flex-direction:column;align-items:flex-start;gap:5px;height:100%;padding:10px;display:flex;overflow-y:auto}.media-card-modal-close-button{margin-top:5px;margin-right:5px;position:absolute;right:0}.media-category-wrapper{flex-wrap:wrap;gap:10px;display:flex}.media-category-button{cursor:default}.media-category-button-icon{cursor:pointer;background:0 0;border:none}.media-card-modal-menu-buttons{gap:5px;margin-bottom:5px;margin-right:5px;display:flex;position:absolute;bottom:0;right:0}.media-button{background-color:#fff;border:none;border-radius:25px;width:40px;height:40px;font-size:20px}.media-modal-input{border:none;padding:10px;font-size:15px}.file-input{color:#fff;background:#2351ff;border-radius:5px;padding:10px 16px}.add-box{margin:10px 0}.add-box-input{border:none;border-radius:5px 0 0 5px;padding:10px;font-size:15px}.add-box-button{color:#fff;cursor:pointer;background-color:#2351ff;border:none;border-radius:0 5px 5px 0;padding:10px;font-size:15px}.media-footer{justify-content:center;align-items:center;margin:5px;display:flex}.media-footer-name{color:#748397}.edit-button{cursor:pointer;background:0 0;border:none}.styled-input{border:none;border-radius:5px;padding:10px;font-size:15px}.media-modal-input{width:80%}.container_e126cc{height:calc(var(--uib-size) * .8);width:var(--uib-size);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.inner_2c9cf7{--uib-dot-size:calc(var(--uib-size) * .1);height:calc(var(--uib-size) * .64);width:calc(var(--uib-size) * .64);justify-content:flex-start;align-items:center;display:flex;position:relative}.dot_650543{--uib-d1:-.48;--uib-d2:-.4;--uib-d3:-.32;--uib-d4:-.24;--uib-d5:-.16;--uib-d6:-.08;--uib-d7:0;bottom:calc(var(--uib-bottom) + var(--uib-dot-size) / 2);right:calc(var(--uib-right) + var(--uib-dot-size) / 2);height:var(--uib-dot-size);width:var(--uib-dot-size);animation:jump_36c53a var(--uib-speed) ease-in-out infinite;opacity:var(--uib-scale);will-change:transform;backface-visibility:hidden;justify-content:flex-start;align-items:center;display:flex;position:absolute}.dot_650543:before{content:"";background-color:var(--uib-color);width:100%;height:100%;transform:scale(var(--uib-scale));border-radius:50%;transition:background-color .3s}.dot_650543:first-child{--uib-bottom:24%;--uib-right:-35%;animation-delay:calc(var(--uib-speed) * var(--uib-d1))}.dot_650543:nth-child(2){--uib-bottom:16%;--uib-right:-6%;animation-delay:calc(var(--uib-speed) * var(--uib-d2))}.dot_650543:nth-child(3){--uib-bottom:8%;--uib-right:23%;animation-delay:calc(var(--uib-speed) * var(--uib-d3))}.dot_650543:nth-child(4){--uib-bottom:-1%;--uib-right:51%;animation-delay:calc(var(--uib-speed) * var(--uib-d4))}.dot_650543:nth-child(5){--uib-bottom:38%;--uib-right:-17.5%;animation-delay:calc(var(--uib-speed) * var(--uib-d2))}.dot_650543:nth-child(6){--uib-bottom:30%;--uib-right:10%;animation-delay:calc(var(--uib-speed) * var(--uib-d3))}.dot_650543:nth-child(7){--uib-bottom:22%;--uib-right:39%;animation-delay:calc(var(--uib-speed) * var(--uib-d4))}.dot_650543:nth-child(8){--uib-bottom:14%;--uib-right:67%;animation-delay:calc(var(--uib-speed) * var(--uib-d5))}.dot_650543:nth-child(9){--uib-bottom:53%;--uib-right:-0.8%;animation-delay:calc(var(--uib-speed) * var(--uib-d3))}.dot_650543:nth-child(10){--uib-bottom:44.5%;--uib-right:27%;animation-delay:calc(var(--uib-speed) * var(--uib-d4))}.dot_650543:nth-child(11){--uib-bottom:36%;--uib-right:55.7%;animation-delay:calc(var(--uib-speed) * var(--uib-d5))}.dot_650543:nth-child(12){--uib-bottom:28.7%;--uib-right:84.3%;animation-delay:calc(var(--uib-speed) * var(--uib-d6))}.dot_650543:nth-child(13){--uib-bottom:66.8%;--uib-right:15%;animation-delay:calc(var(--uib-speed) * var(--uib-d4))}.dot_650543:nth-child(14){--uib-bottom:58.8%;--uib-right:43%;animation-delay:calc(var(--uib-speed) * var(--uib-d5))}.dot_650543:nth-child(15){--uib-bottom:50%;--uib-right:72%;animation-delay:calc(var(--uib-speed) * var(--uib-d6))}.dot_650543:nth-child(16){--uib-bottom:42%;--uib-right:100%;animation-delay:calc(var(--uib-speed) * var(--uib-d7))}.dot_650543:nth-child(3){--uib-scale:.98}.dot_650543:nth-child(2),.dot_650543:nth-child(8){--uib-scale:.96}.dot_650543:first-child,.dot_650543:nth-child(7){--uib-scale:.94}.dot_650543:nth-child(6),.dot_650543:nth-child(12){--uib-scale:.92}.dot_650543:nth-child(5),.dot_650543:nth-child(11){--uib-scale:.9}.dot_650543:nth-child(10),.dot_650543:nth-child(16){--uib-scale:.88}.dot_650543:nth-child(9),.dot_650543:nth-child(15){--uib-scale:.86}.dot_650543:nth-child(14){--uib-scale:.84}.dot_650543:nth-child(13){--uib-scale:.82}@keyframes jump_36c53a{0%,to{transform:translateY(120%)}50%{transform:translateY(-120%)}}