*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica Neue,sans-serif;margin:0;padding:0}.catalog-news-container{display:flex;flex-direction:column;align-items:center;width:100vw;min-height:50vh;padding:60px 0}.selector-topics-block{background-color:rgba(255,255,255,.7);padding:10px;border-radius:10px;color:black;cursor:pointer;transition:all .3s ease;width:10vw}.open-selector-block{border-radius:10px;height:auto;width:100%}.input-selector-topics{width:10vw}.selector-topics-block:hover{background-color:rgba(255,255,255,.9)}.titile-blog{font-size:70px;font-weight:700;margin-bottom:30px}.container-news{display:flex;justify-content:center;flex-direction:column;width:70%;align-items:start}.category-blog-container{display:flex;justify-content:start;align-items:center;gap:40px;flex-wrap:wrap;width:60vw;font-weight:700;margin-bottom:2vh;cursor:pointer}.overlay-add-block{background-color:rgba(0,0,0,.5);position:fixed;top:0;left:0;height:100vh;z-index:1000;width:100vw}.overlay-add-block,.topics-add-block{display:flex;justify-content:center;align-items:center}.topics-add-block{flex-direction:column;background-color:white;padding:20px;border-radius:10px;gap:10px}.topics-add-block button{background-color:#0195ff;border:none;border-radius:10px;color:white;cursor:pointer;padding:10px;width:100%}.delete-topics-img{width:1vw;transition:all .3s ease}.delete-topics-img:hover{filter:invert(13%) sepia(97%) saturate(7474%) hue-rotate(0deg) brightness(1) contrast(1);transform:translateY(-3px)}.topic-block{display:flex;justify-content:center;align-items:center;gap:5px}.topics-add-block input{padding:10px;border:1px solid #0195ff;background:none;border-radius:10px}.link-category-block{font-size:20px;transition:all .3s ease}.active,.link-category-block:hover{color:#0195ff}.active{transition:all .3s ease}.active:hover{color:#ff7a0099}.container-news-product{display:flex;flex-wrap:wrap;justify-content:start;align-items:center;gap:30px;animation:FadeIn .3s ease-out}.block-news{display:flex;flex-direction:column;width:22vw;min-width:250px;text-decoration:none;color:black;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 4px 15px rgba(0,0,0,.05);transition:transform .3s ease,box-shadow .3s ease}.block-news:hover{transform:translateY(-5px);box-shadow:0 6px 20px rgba(0,0,0,.1)}.block-news img{width:100%;height:25vh;object-fit:cover}.block-title-news{padding:15px}.block-title-news h1{font-size:20px;margin:0;color:#222}.one-news-container{display:flex;flex-direction:column;align-items:center;width:100vw;padding-bottom:80px}.one-news-top-block{position:relative;width:100%;height:70vh;display:flex;align-items:center;justify-content:center;background:#0195ff;color:white;overflow:hidden}.one-news-top-block img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.4}.one-news-top-block h1{z-index:2;font-size:60px;text-align:center;padding:0 10vw}.one-news-first-block{max-width:800px;padding:40px 20px}.one-news-first-block h1,.one-news-first-block h2,.one-news-first-block h3{margin-top:20px;margin-bottom:10px;line-height:1.3}.one-news-first-block p{font-size:18px;line-height:1.6;margin:10px 0}.one-news-first-block a{color:#0195ff;font-weight:700;font-size:15px;text-decoration:none;transition:color .3s ease;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica Neue,sans-serif}.one-news-first-block a:hover{color:#ff7a00}.one-news-first-block img{max-width:100%;border-radius:12px;margin:20px 0}.crete-news-container{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100vw}.crete-news-container button{width:10vw;background-color:#0195ff;color:white;margin-left:1vh;cursor:pointer;padding:10px;border-radius:10px;border-radius:8px;border:none;font-weight:700}.crete-news-container button:hover{opacity:.5}.create-blog-preview-main{background-color:#0195ff;color:white;padding:40px;width:100%}.create-blog-preview-main,.preview-block-main{display:flex;flex-direction:column;align-items:center}.preview-block-main{width:60%}.preview-block-main img{width:100%;height:40vh;object-fit:cover;border-radius:12px;margin-bottom:20px}.edit-delete-block{display:flex;position:fixed;bottom:10%;left:10%;justify-content:center;gap:20px;align-items:center}.edit-delete-block span{cursor:pointer}.edit-delete-block a,.edit-delete-block span{font-weight:700;font-size:17px;transition:all .3s ease}.edit-delete-block a{color:black;text-decoration:none}.edit-delete-block a:hover,.edit-delete-block h2:hover{color:#0195ff}.preview-block-main h1{font-size:40px;text-align:center}.editor-block-preview{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px;width:60%;margin-top:30px}.add-topic-button{color:#0195ff;border:1px solid #0195ff;font-size:15px!important;padding:10px}.editor-block-preview input{padding:12px;border-radius:6px;border:none;outline:none;font-size:16px}.editor-block-preview input,.select-photo-blog{color:black;background-color:rgba(255,255,255,.7)}.select-photo-blog{display:inline-block;padding:10px;width:10vw;border-radius:8px;cursor:pointer;transition:background .3s ease}.select-photo-blog:hover{background-color:rgba(255,255,255,.9)}@keyframes FadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.block-news{width:90vw}.editor-block-preview,.preview-block-main{width:100%;flex-direction:column}.editor-block-preview input{width:90%}.one-news-top-block h1{font-size:36px}.input-selector-topics,.one-news-first-block{width:90%}.create-blog-previews-container{display:flex;justify-content:center;align-items:center;flex-direction:column}.crete-news-container button{width:90vw;margin-left:0}.container-news,.select-photo-blog{width:90%}.delete-topics-img{width:5vw}.category-blog-container{gap:20px;width:90%}.topic-block span{font-size:15px}.catalog-news-container{padding:0;margin-bottom:15vh}.block-news img{height:200px}}