.tips{background:#f9f9f9}.tips.is-loading .tips__grid{opacity:.55;pointer-events:none}.tips__hero{position:relative;padding:116px 0 120px;overflow:hidden;min-height:560px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;background:#fff}@media (max-width:600px){.tips__hero{min-height:440px;padding:122px 0 88px}.tips__hero::before{background-size:auto 100%}.tips__hero::after{height:96px}}.tips__hero::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background-image:url(../images/tips_hero_bg.svg);background-position:center bottom;background-repeat:no-repeat;background-size:100% auto}.tips__hero::after{content:"";position:absolute;right:0;bottom:0;left:0;height:124px;z-index:0;pointer-events:none;background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(#f9f9f9));background:linear-gradient(180deg,rgba(255,255,255,0) 0,#f9f9f9 100%)}.tips__hero-content{position:relative;z-index:2;width:min(100% - 128px,1312px);max-width:1312px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px;text-align:center}@media (max-width:600px){.tips__hero-content{width:auto;margin:0 16px}}.tips__hero-title{margin:0;font-family:var(--font-family-heading);font-size:64px;font-weight:500;line-height:78px;color:#171717}@media (max-width:600px){.tips__hero-title{font-size:42px;line-height:1.12}}.tips__hero-description{margin:0;max-width:620px;font-family:var(--font-family-base);font-size:24px;font-weight:400;line-height:32px;color:#8b8b8b}@media (max-width:600px){.tips__hero-description{max-width:360px;font-size:18px;line-height:26px}}.tips__hero-description p{margin:0}.tips__hero-description span{background:linear-gradient(102deg,#3a87d9 0,#2f1a6b 25%,#200000 50%,#ad3822 75%,#f7a75f 100%);background-clip:text;-webkit-background-clip:text;color:transparent;font-weight:500}.tips__search{width:100%;max-width:482px;margin-top:48px}@media (max-width:600px){.tips__search{max-width:none;margin-top:32px}}.tips-search-field{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:10px;position:relative;width:100%;height:48px;padding:12px 24px;background:#f9f9f9;border-radius:8px}.tips-search-field::before{content:"";position:absolute;inset:0;border-radius:8px;padding:1px;background:linear-gradient(102deg,#3a87d9 0,#2f1a6b 25%,#200000 50%,#ad3822 75%,#f7a75f 100%);-webkit-mask:-webkit-gradient(linear,left top,left bottom,color-stop(0,#000)) content-box,-webkit-gradient(linear,left top,left bottom,color-stop(0,#000));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.tips-search-field input{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;border:0;outline:0;background:0 0;font-family:var(--font-family-base);font-size:16px;font-weight:400;line-height:24px;color:#171717}.tips-search-field input::-webkit-input-placeholder{color:#b9b9b9}.tips-search-field input::-moz-placeholder{color:#b9b9b9}.tips-search-field input:-ms-input-placeholder{color:#b9b9b9}.tips-search-field input::-ms-input-placeholder{color:#b9b9b9}.tips-search-field input::placeholder{color:#b9b9b9}.tips-search-field__btn{all:unset;cursor:pointer;color:#0c0a09;width:24px;height:24px;display:grid;place-items:center;border-radius:999px}.tips__main{width:min(100% - 128px,1312px);margin:0 auto;padding:64px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-column-gap:48px;-moz-column-gap:48px;column-gap:48px;gap:48px}@media (max-width:1150px){.tips__main{width:auto;margin:0 16px;padding:120px 0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;row-gap:40px}}@media (max-width:600px){.tips__main{padding:64px 0}}.tips__sidebar{position:sticky;top:110px;padding:24px 0;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;min-width:0}.tips__sidebar-title{margin:0 0 32px;font-family:var(--font-family-heading);font-size:24px;font-weight:600;line-height:1;color:#171717}.tips__categories{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:24px}@media (max-width:1150px){.tips__sidebar{position:static;padding:0}.tips__categories{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:14px 20px}}.tips__categories button{all:unset;cursor:pointer;font-family:var(--font-family-base);font-size:18px;font-weight:400;line-height:24px;color:#707381;-webkit-transition:color var(--transition-base);transition:color var(--transition-base)}.tips__categories button.is-active{background-image:linear-gradient(102deg,#f7a75f 0,#ad3822 25%,#200000 50%,#2f1a6b 75%,#3a87d9 100%);background-clip:text;-webkit-background-clip:text;color:transparent;font-weight:500}.tips__content{width:872px;-webkit-box-flex:0;-ms-flex:0 0 872px;flex:0 0 872px;min-width:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:48px;padding-top:24px}@media (max-width:1150px){.tips__content{width:100%;-ms-flex-preferred-size:auto;flex-basis:auto}}@media (max-width:600px){.tips__sidebar-title{margin-bottom:20px;font-size:20px}.tips__categories button{font-size:16px}.tips__content{gap:32px;padding-top:0}}.tips__stats{font-family:var(--font-family-base);font-size:16px;font-weight:400;line-height:20px;color:#0c0a09}.tips__stats strong{font-weight:500}.tips__stats span{color:#8b8b8b;font-weight:400}.tips__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;grid-auto-flow:dense}@media (max-width:1150px){.tips__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.tips-card{min-height:390px;padding:24px;border-radius:20px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.tips-card--span-2{grid-column:span 2}@media (max-width:600px){.tips__stats,.tips__stats span{font-size:14px;line-height:20px}.tips__grid{grid-template-columns:1fr}.tips-card{min-height:auto}.tips-card--span-2{grid-column:span 1}}.tips-card--span-3{grid-column:1/-1}@media (max-width:1150px){.tips-card--span-3{grid-column:1/-1}}.tips-card__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px;height:100%}.tips-card__icons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;min-height:52px;margin-bottom:8px;padding-right:8px}.tips-card__icon{width:52px;height:52px;border:1px solid #e8e8e8;border-radius:32px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tips-card__icon.is-overlap{margin-left:-8px}.tips-card__icon img{width:28px;height:28px;-o-object-fit:contain;object-fit:contain}.tips-card__title{margin:0;color:#171717;font-family:var(--font-family-heading);font-size:24px;font-weight:600;line-height:1.1}@media (max-width:600px){.tips-card--span-3{grid-column:span 1}.tips-card__title{font-size:22px}}.tips-card__excerpt{color:#5d5d5d;font-family:var(--font-family-base);font-size:18px;font-weight:400;line-height:24px}@media (max-width:600px){.tips-card__excerpt{font-size:16px;line-height:22px}}.tips-card__excerpt p{margin:0}.tips-card__excerpt ol,.tips-card__excerpt ul{margin:8px 0 0;padding-left:24px}.tips-card__excerpt li{margin:0}.tips-card__excerpt li+li{margin-top:8px}.tips-card__excerpt li>ol,.tips-card__excerpt li>ul{margin-top:8px;margin-left:0}.tips-empty{grid-column:1/-1;padding:48px 32px;border:1px solid #e8e8e8;border-radius:20px;background:#fff;text-align:center}.tips-empty__title{margin:0 0 12px;font-size:24px;font-weight:600;color:#171717}.tips-empty__text{color:#5d5d5d;font-size:18px;line-height:1.5}.tips__pagination-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%}.tips-pagination{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:48px}@media (max-width:600px){.tips-pagination{gap:16px;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.tips-pagination button{cursor:pointer}.tips-pagination__next,.tips-pagination__prev{width:32px;height:32px;display:grid;place-items:center;padding:4px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#0c0a09}.tips-pagination__next svg,.tips-pagination__prev svg{width:24px;height:24px;display:block}.tips-pagination__next[disabled],.tips-pagination__prev[disabled]{opacity:.4;cursor:default}.tips-pagination__pages{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px}@media (max-width:600px){.tips-pagination__pages{gap:12px}}.tips-pagination__page{width:38px;height:38px;display:grid;place-items:center;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;color:#0c0a09;font-family:var(--font-family-base);font-size:16px;font-weight:400;line-height:normal;text-align:center;background:0 0;border:none}.tips-pagination__page.is-active{background:#0c0a09;color:#fff;font-weight:500}
/*# sourceMappingURL=../sourcemaps/page-tips.css.map */