@font-face{font-family:Tondo;font-style:normal;font-weight:200;src:url(/public/fonts/Tondo_Rg.ttf) format("truetype");font-display:swap}@font-face{font-family:Tondo;font-style:normal;font-weight:700;src:url(/public/fonts/Tondo_Bd.ttf) format("truetype");font-display:swap}.Background__white{background:#fff}.Background__black{background:#202020}.Background__lightergrey{background:#f3f3f3}.Background__grey,.Background__lightgrey{background:#c4c8c9}.Background__darkgrey{background:#bcbcc3}.Background__darkergrey{background:#898995}.Background__yellow{background:#ffff01}.Background__yellow ::selection{background:#202020;color:#ffff01}.Background__yellow ::-moz-selection{background:#202020;color:#ffff01}.Background__red{background:#ff2b0e}.Background__none{background:none}.Color__white{color:#fff}.Color__black{color:#202020}.Color__lightergrey{color:#f3f3f3}.Color__grey,.Color__lightgrey{color:#c4c8c9}.Color__darkgrey{color:#bcbcc3}.Color__darkergrey{color:#898995}.Color__yellow{color:#ffff01}.Color__red{color:#ff2b0e}.Hover__black:hover{background:#202020!important}.Hover__grey:hover{background:#c4c8c9!important}.Hover__white:hover{background:#fff!important}.Hover__red:hover{background:#ff2b0e!important}.Hover__yellow:hover{background:#ffff01!important}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;font-family:Tondo}.MuiPaper-root{border-radius:8px!important;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2)!important}.Mui-selected{font-weight:700!important;background:#ffff01!important}.MuiOutlinedInput-notchedOutline{border-color:#202020!important}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button{cursor:pointer;background:none;border:none}*{outline:none}.BlogCard{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:16px;border-radius:8px}.BlogCard__card{scroll-snap-align:start}@media screen and (min-width:910px){.BlogCard__card{flex:0 0 300px}}.BlogCard__card .Card__content{height:545px}@media screen and (min-width:910px){.BlogCard__card .Card__content{height:535px}}.BlogCard__date-and-name{font-family:Tondo,sans-serif;font-size:14px;line-height:20px;font-weight:400;line-height:32px;color:#202020;display:grid;grid-template-columns:1fr 1fr}.BlogCard__date-and-name p:nth-child(2){text-align:right}.BlogCard__thumbnail{overflow:hidden;aspect-ratio:1/1;border-radius:14px}.BlogCard__thumbnail img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:14px;display:block}.BlogCard__title{font-family:Tondo,sans-serif;font-size:22px;font-weight:700;line-height:32px;margin:16px 0;color:#202020}@media screen and (max-width:910px){.BlogCard__title{height:60px}}.BlogCard__preview{font-family:Tondo,sans-serif;font-weight:400;font-size:16px;line-height:28px;color:#202020;display:flex;flex-direction:column;gap:8px}.BlogCard__text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.BlogCard__readmore{font-weight:700;text-decoration:none;list-style-type:none;color:#202020;align-self:flex-start}.BlogCard__indicators{display:flex;justify-content:center;align-items:center;gap:8px;height:30px;pointer-events:none}@media screen and (min-width:910px){.BlogCard__indicators{opacity:0}}.BlogCard__dot{background:#c4c8c9;width:8px;height:8px;border-radius:50%;cursor:pointer;transition:background-color .3s ease;pointer-events:auto}.BlogCard__dot--active{background:#202020}.BlogCard__navigation{display:none}@media screen and (min-width:910px){.BlogCard__navigation{display:flex;justify-content:space-between;align-items:center;margin:32px auto;height:40px;width:100px}}.BlogCard__navigation .BlogCard__arrow{background:#202020;color:#fff;border:none;width:40px;line-height:40px;border-radius:8px;font-size:24px;cursor:pointer;transition:background .2s ease}@media screen and (min-width:910px){.BlogCard__navigation .BlogCard__arrow{opacity:.9}.BlogCard__navigation .BlogCard__arrow:hover{opacity:1}}