.blog-search{position:relative}.blog-search .form-row__error{display:none}.blog-search .input-text:not([data-state=valid]):not([data-state=error]){border-color:#e6e4f0}.blog-search .input-text[data-state=valid]:after{display:none}.blog-search .input-text input::-webkit-input-placeholder{color:#b4b0c6;opacity:1}.blog-search .input-text input:-moz-placeholder{color:#b4b0c6;opacity:1}.blog-search .input-text input::-moz-placeholder{color:#b4b0c6;opacity:1}.blog-search .input-text input:-ms-input-placeholder{color:#b4b0c6;opacity:1}.blog-search .btn[data-color]{background:#fff;width:46px;height:calc(100% - 4px);padding:0;position:absolute;top:2px;right:2px;font-size:0}.blog-search .btn[data-color][data-outline]:not(.disabled):hover{background:#fff}.blog-search:has(.input-text[data-state=error]) .btn{display:none}.blog-featured-bento__outer.bento-mars__outer{padding-top:60px}@media (min-width: 1024px){.blog-featured-bento__outer.bento-mars__outer{padding-top:0}}.blog-featured-bento__outer .bento-mars__header{margin-bottom:24px}@media (max-width: 767px){.blog-featured-bento__outer .bento-mars__header__title>*{font-size:28px}}@media (max-width: 767px){.blog-featured-bento__outer .bento-mars__header__aside{margin-top:0}}@media (max-width: 767px){.blog-featured-bento__outer .bento-mars__header{display:flex;justify-content:space-between;align-items:center}}@media (min-width: 768px){.blog-featured-bento__outer .bento-mars__header{margin-bottom:24px}}@media (min-width: 1024px){.blog-featured-bento__outer .bento-mars__header{margin-bottom:40px}}.blog-featured-bento__search{width:174px}@media (min-width: 768px){.blog-featured-bento__search{width:352px}}@media (min-width: 1024px){.blog-featured-bento__search{width:440px}}.blog-category-button{font-size:16px;font-weight:600;color:#306;text-decoration:none;height:40px;padding:0 12px;border-radius:10px;box-shadow:inset 0 0 0 1px #b4b0c6;display:inline-flex;align-items:center;transition:background-color .3s ease-in-out,color .3s ease-in-out,box-shadow .3s ease-in-out;will-change:background-color,color,box-shadow}.blog-category-button.is-active{background-color:#306;color:#fff;box-shadow:none}.blog-category-button:not(.is-active):hover{background-color:#4a417b;color:#fff;box-shadow:none}.blog-category-list{display:flex;flex-wrap:wrap;gap:12px}.blog-card-list{display:grid;gap:24px}@media (min-width: 768px){.blog-card-list__fluid{grid-column:1/3}}@media (min-width: 1024px){.blog-card-list__fluid{grid-column:1/4}}@media (min-width: 768px){.blog-card-list{grid-template-columns:6fr 6fr}}@media (min-width: 1024px){.blog-card-list{grid-template-columns:4fr 4fr 4fr}}.blog-card-masonry{position:relative}.blog-card-masonry__main{display:grid;gap:24px}@media (min-width: 768px){.blog-card-masonry__main{grid-template-columns:6fr 6fr}}@media (min-width: 1024px){.blog-card-masonry__main{grid-template-columns:none}}@media (min-width: 768px){.blog-card-masonry__row:last-child{grid-column:1/3}}@media (min-width: 1024px){.blog-card-masonry__row:last-child{grid-column:unset}}.blog-card-masonry__aside>*{height:100%}@media (min-width: 1024px){.blog-card-masonry__aside{position:absolute;right:0;width:calc(33.3333333333% - 8px);height:100%}}.blog-card-masonry__cards{display:grid;gap:24px;height:100%}@media (min-width: 1024px){.blog-card-masonry__cards{grid-template-columns:6fr 6fr;height:auto}}@media (min-width: 1024px){.blog-card-masonry{display:grid;grid-template-columns:8fr 4fr;gap:24px}}@media (min-width: 768px){.blog-widget-friend-referral.card-content{padding-right:312px}}@media (min-width: 768px){.blog-widget-friend-referral .card-content__icon img{width:200px;height:200px}}@media (min-width: 768px){.blog-widget-friend-referral .card-content__icon{position:absolute;height:100%;top:0;right:56px;align-items:center;display:flex}}@media (min-width: 1024px){.blog-widget-friend-referral .card-content__title>*{font-size:32px}}@media (min-width: 768px){.blog-widget-friend-referral .card-content__title{margin-top:0}}.blog-overview-posts__title{margin:0 0 32px}.blog-overview-posts__title>*{font-size:32px;font-weight:600;color:#306}.blog-overview-posts__categories{margin:0 0 40px}.blog-overview-posts__pagination{margin:16px 0 0}@media (min-width: 768px){.blog-overview-posts__pagination{margin-top:40px}}
