.loyalty-ranking .section-header{margin-bottom:40px}.loyalty-ranking .section-header__title{max-width:1340px;line-height:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.loyalty-ranking .section-header_sub{max-width:1340px;font-size:18px;margin-top:4px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.loyalty-ranking .loyalty-ranking__content{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.loyalty-ranking .loyalty-ranking__item{display:flex;flex-direction:column;height:100%}.loyalty-ranking .loyalty-ranking__header{padding:60px 24px 24px;position:relative;z-index:1;overflow:hidden}.loyalty-ranking__item:nth-child(1) .loyalty-ranking__header:before,.loyalty-ranking__item:nth-child(1) .loyalty-ranking__header:after,.loyalty-ranking__sticky-header--item:nth-child(1){background-color:#fadbc5}.loyalty-ranking__item:nth-child(2) .loyalty-ranking__header:before,.loyalty-ranking__item:nth-child(2) .loyalty-ranking__header:after,.loyalty-ranking__sticky-header--item:nth-child(2){background-color:#e0e7f1}.loyalty-ranking__item:nth-child(3) .loyalty-ranking__header:before,.loyalty-ranking__item:nth-child(3) .loyalty-ranking__header:after,.loyalty-ranking__sticky-header--item:nth-child(3){background-color:#f8e3c0}.loyalty-ranking__item:nth-child(4) .loyalty-ranking__header:before,.loyalty-ranking__item:nth-child(4) .loyalty-ranking__header:after,.loyalty-ranking__sticky-header--item:nth-child(4){background-color:#9cd8f5}.loyalty-ranking__item:nth-child(1) .loyalty-ranking__header,.loyalty-ranking__sticky-header--item:nth-child(1){color:#b26649}.loyalty-ranking__item:nth-child(2) .loyalty-ranking__header,.loyalty-ranking__sticky-header--item:nth-child(2){color:#4e5871}.loyalty-ranking__item:nth-child(3) .loyalty-ranking__header,.loyalty-ranking__sticky-header--item:nth-child(3){color:#b17007}.loyalty-ranking__item:nth-child(4) .loyalty-ranking__header,.loyalty-ranking__sticky-header--item:nth-child(4){color:#1278a8}.loyalty-ranking .loyalty-ranking__header:before{content:"";position:absolute;width:100%;aspect-ratio:1 / 1;border-radius:100%;top:0;left:0;z-index:-1;background-position-x:100%;background-position-y:0;background-repeat:no-repeat;background-size:126px}.loyalty-ranking .loyalty-ranking__header:after{content:"";position:absolute;width:100%;aspect-ratio:6 / 1;bottom:0;left:0;z-index:-1;min-height:60px}.loyalty-ranking .loyalty-ranking__header--title{font-size:32px;line-height:1.25;font-weight:700;color:inherit;text-align:center;margin-bottom:12px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.loyalty-ranking .loyalty-ranking__header-content p{color:inherit!important;font-weight:700!important;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;margin:0!important}.loyalty-ranking .loyalty-ranking__header-content p.small-text{color:inherit!important;font-size:14px!important;line-height:1.3!important;font-weight:400!important}.loyalty-ranking .loyalty-ranking__header-content>div:not(:last-child){margin-bottom:12px}.loyalty-ranking .loyalty-ranking__item-content{border-radius:8px;display:flex;flex-direction:column;flex-grow:1;margin-top:-8px;z-index:2;background:#fff}.loyalty-ranking .loyalty-ranking__item-content--list-items{padding:30px 24px;flex-grow:1}.loyalty-ranking .loyalty-ranking__item-content--item:not(:first-child){margin-top:12px}.loyalty-ranking .loyalty-ranking__item-content--item>div:first-child{display:flex;gap:9px;align-items:flex-start}.loyalty-ranking .loyalty-ranking__item-content--item>div:first-child svg{flex-shrink:0;width:17px;height:auto}.loyalty-ranking .loyalty-ranking__item-content--item>div:first-child span{font-size:16px;line-height:1.2;color:#464a4b}.loyalty-ranking .loyalty-ranking__item-content--item>div:last-child:not(:first-child){margin-top:8px;display:flex;justify-content:flex-end}.loyalty-ranking .loyalty-ranking__item-content--item .comming-soon-badge{padding:4px 8px;background-color:#edf9ff;font-size:12px;line-height:1;color:#158cc5;border-radius:24px;font-weight:700}.loyalty-ranking .loyalty-ranking__item-content--requirement{padding:24px;border-top:1px solid #e0e0e0}.loyalty-ranking .loyalty-ranking__item-content--requirement p{font-weight:700!important;margin:0!important}.loyalty-ranking .loyalty-ranking__item-content--requirement p.small-text{font-size:14px!important;line-height:1.5!important;color:#464a4b!important;font-weight:400!important}.loyalty-ranking__sticky-header--desktop{display:none;position:fixed;width:100%;height:auto;left:0;padding:4px 0;background-color:#fff;z-index:2}.loyalty-ranking__sticky-header--desktop .page-width{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.loyalty-ranking__sticky-header--desktop.active{display:block;box-shadow:0 8px 16px #252c2f08}.loyalty-ranking__sticky-header--item{padding:4px 24px;gap:16px;display:flex;align-items:center;border-radius:92px}.loyalty-ranking__sticky-header--item div:first-child{font-size:18px;line-height:1.2;color:inherit;font-weight:700;flex-shrink:0}.loyalty-ranking__sticky-header--item div:last-child div{font-size:14px;line-height:1.5;color:inherit}.loyalty-ranking__button{display:flex;justify-content:center;margin-top:30px}.loyalty-ranking__button .btn--gold{background-color:#be9955;color:#fff}.loyalty-ranking__button .btn--gold:hover{color:#fff}@media screen and (max-width: 1660px) and (min-width: 769px){.loyalty-ranking .section-header{margin-bottom:4rem}.loyalty-ranking .section-header__title{max-width:134rem}.loyalty-ranking .section-header_sub{max-width:134rem;font-size:max(12px,1.8rem);margin-top:.4rem}.loyalty-ranking .loyalty-ranking__content{gap:2rem}.loyalty-ranking .loyalty-ranking__header{padding:6rem 2.4rem 2.4rem}.loyalty-ranking .loyalty-ranking__header:before{background-size:12.6rem}.loyalty-ranking .loyalty-ranking__header--title{font-size:3.2rem;margin-bottom:1.2rem}.loyalty-ranking .loyalty-ranking__header-content p.small-text{font-size:max(12px,1.4rem)!important}.loyalty-ranking .loyalty-ranking__header-content>div:not(:last-child){margin-bottom:1.2rem}.loyalty-ranking .loyalty-ranking__item-content{border-radius:.8rem;margin-top:-.8rem}.loyalty-ranking .loyalty-ranking__item-content--list-items{padding:3rem 2.4rem}.loyalty-ranking .loyalty-ranking__item-content--item:not(:first-child){margin-top:1.2rem}.loyalty-ranking .loyalty-ranking__item-content--item>div:first-child{gap:.9rem}.loyalty-ranking .loyalty-ranking__item-content--item>div:first-child svg{width:1.7rem}.loyalty-ranking .loyalty-ranking__item-content--item>div:first-child span{font-size:max(12px,1.6rem)}.loyalty-ranking .loyalty-ranking__item-content--item>div:last-child:not(:first-child){margin-top:.8rem}.loyalty-ranking .loyalty-ranking__item-content--item .comming-soon-badge{padding:.4rem .8rem;font-size:max(12px,1.2rem);border-radius:2.4rem}.loyalty-ranking .loyalty-ranking__item-content--requirement{padding:2.4rem}.loyalty-ranking .loyalty-ranking__item-content--requirement p.small-text{font-size:max(12px,1.4rem)!important}.loyalty-ranking__sticky-header--desktop{padding:.4rem 0}.loyalty-ranking__sticky-header--desktop .page-width{gap:2rem}.loyalty-ranking__sticky-header--item{padding:.4rem 2.4rem;gap:1.6rem;border-radius:9.2rem}.loyalty-ranking__sticky-header--item div:first-child{font-size:max(12px,1.8rem)}.loyalty-ranking__sticky-header--item div:last-child div{font-size:max(12px,1.4rem)}.loyalty-ranking__sticky-header--mobile{display:none!important}.loyalty-ranking__button{margin-top:3rem}.loyalty-ranking h3{font-size:max(12px,2.4rem)!important}.loyalty-ranking p,.loyalty-ranking .btn{font-size:max(12px,1.8rem)!important}}@media screen and (min-width: 1660px){.loyalty-ranking__sticky-header--mobile{display:none!important}}@media screen and (max-width: 768px){.loyalty-ranking .section-header{margin-bottom:3rem}.loyalty-ranking .section-header_sub{font-size:1.6rem;margin-top:.4rem}.loyalty-ranking .loyalty-ranking__content{display:grid;grid-template-columns:1fr;gap:2rem}.loyalty-ranking .loyalty-ranking__item{display:flex;flex-direction:column;height:100%;scroll-margin-top:200px}.loyalty-ranking .loyalty-ranking__header{padding:6rem 2rem 2.4rem;position:relative;z-index:1;overflow:hidden}.loyalty-ranking .loyalty-ranking__header:before{background-size:12.6rem}.loyalty-ranking .loyalty-ranking__header--title{font-size:2.4rem;margin-bottom:1.2rem}.loyalty-ranking .loyalty-ranking__header-content p.small-text{font-size:max(12px,1.4rem)!important}.loyalty-ranking .loyalty-ranking__header-content>div:not(:last-child){margin-bottom:1.2rem}.loyalty-ranking .loyalty-ranking__item-content{border-radius:.8rem;margin-top:-.8rem}.loyalty-ranking .loyalty-ranking__item-content--list-items{padding:3rem 2rem}.loyalty-ranking .loyalty-ranking__item-content--item:not(:first-child){margin-top:1.2rem}.loyalty-ranking .loyalty-ranking__item-content--item>div:first-child{gap:.8rem}.loyalty-ranking .loyalty-ranking__item-content--item>div:first-child svg{width:1.7rem}.loyalty-ranking .loyalty-ranking__item-content--item>div:first-child span{font-size:1.6rem}.loyalty-ranking .loyalty-ranking__item-content--item>div:last-child:not(:first-child){margin-top:.8rem}.loyalty-ranking .loyalty-ranking__item-content--item .comming-soon-badge{padding:.4rem .8rem;font-size:max(12px,1.2rem);border-radius:2.4rem}.loyalty-ranking .loyalty-ranking__item-content--requirement{padding:2.4rem 2rem}.loyalty-ranking .loyalty-ranking__item-content--requirement p.small-text{font-size:max(12px,1.4rem)!important}.loyalty-ranking__sticky-header--desktop{display:none!important}.loyalty-ranking__sticky-header--mobile{display:none;position:fixed;width:100%;height:auto;left:0;padding:1rem 0;background-color:#fff;z-index:2}.loyalty-ranking__sticky-header--mobile .page-width{display:flex;overflow-x:scroll;background-color:#f6f6f6;padding:0!important;margin:0 1.6rem!important;border-radius:4.3rem}.loyalty-ranking__sticky-header--mobile.active{display:block}.loyalty-ranking__sticky-header-mobile--item{padding:1.1rem 3rem;border-radius:4.3rem;font-size:1.6rem;line-height:1.25;font-weight:700;color:#2f2725}.loyalty-ranking__sticky-header-mobile--item.active{background-color:#158cc5;color:#fff}.loyalty-ranking__button{margin-top:3rem}.loyalty-ranking__button .btn--gold{width:fit-content!important}}
/*# sourceMappingURL=/cdn/shop/t/208/assets/oc-mr-ranking.css.map */