.hub-joined-info{display:block;--card-padding: 32px;padding-top:60px;padding-bottom:48px;position:relative}.hub-joined-info.loading .hub-joined-info__container{position:relative;min-height:240px}.hub-joined-info.loading .hub-joined-info__loading__spinner{display:block!important;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;z-index:2}.hub-joined-info__container{display:grid;gap:0 24px;grid-template-columns:57.5% auto;grid-template-rows:auto 1fr}.hub-joined-info__container.loading{opacity:.3}.hub-joined-info__tier-card{padding:var(--card-padding);border-radius:12px;background:var(--BG-page, #FFF);box-shadow:0 0 22px #0000000f,0 0 7.007px #0000000d,0 0 1.793px #00000008;grid-row:1 / 3;grid-column:1 / 2;display:flex;flex-direction:column;justify-content:space-between;position:relative}.hub-joined-info__tier-card__bg{border-top-left-radius:inherit;overflow:hidden;display:block!important;position:absolute;left:0;top:0;width:85%;height:100%;pointer-events:none}.hub-joined-info__tier-card__bg-img{width:100%;height:auto;display:none}.hub-joined-info__tier-card__bg-img.visible{display:block!important}.hub-joined-info__wellcome-card-top{grid-row:1 / 2;grid-column:2 / 3;padding:var(--card-padding) var(--card-padding) 0;margin-bottom:var(--card-padding)}.hub-joined-info__wellcome-card-bottom{grid-row:2 / 3;grid-column:2 / 3;padding:0 var(--card-padding) var(--card-padding)}.hub-joined-info__tier-card__top{margin-bottom:24px;position:relative;z-index:2}.hub-joined-info__tier-card__bottom{position:relative;z-index:2}.hub-joined-info__tier-card__title{color:var(--font-white, #FFF);margin-bottom:16px;font-family:var(--Shokz-Sans-Display, "Shokz Sans Display");font-size:var(--fontSize-20, 20px);font-style:normal;font-weight:var(--medium, 400);line-height:1.2}.hub-joined-info__tier-card__current-level{display:flex;align-items:center;gap:16px;color:var(--font-white, #FFF);font-family:Shokz Sans Product Name;font-size:var(--fontSize-36, 36px);font-style:normal;font-weight:800;line-height:1.1;margin:-.1em 0;text-transform:uppercase}.hub-joined-info__tier-card__current-level strong{margin-top:-.1em;margin-bottom:-.1em;font-weight:inherit}.hub-joined-info__tier-card__points-wrapper{margin-top:auto;display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;margin-bottom:32px}.hub-joined-info__tier-card__points{color:var(--font-primary, #0A0A0A);font-family:var(--Shokz-Sans-Display, "Shokz Sans Display");font-size:var(--fontSize-20, 20px);font-style:normal;font-weight:var(--medium, 400);line-height:1.2}.hub-joined-info__tier-card__points strong{font-size:2em;font-weight:700;display:inline-block;line-height:1}.hub-joined-info__tier-card__points-subtitle{color:var(--font-tertiary, #737373);font-family:var(--Shokz-Sans-Text, "Shokz Sans Text");font-size:var(--fontSize-18, 18px);font-style:normal;font-weight:var(--Light, 300);line-height:1.2}.os-android .hub-joined-info__tier-card__points-subtitle,.os-windows .hub-joined-info__tier-card__points-subtitle{transform:translateY(-2px)}.hub-joined-info__logo{width:36px;height:36px;display:inline-flex}.hub-joined-info__tier-card__level{margin-bottom:24px;--pop-arrow-shift: 0px}.hub-joined-info__tier-card__level__bar-wrapper{position:relative}.hub-joined-info__tier-card__level__bar{height:20px;width:100%;border-radius:50px;display:flex;overflow:hidden;background-color:#f3f4f6;margin-bottom:12px}.hub-joined-info__tier-card__level__bar span{flex:1;height:100%;position:relative;--min-progress: calc(1 / var(--progress-blocks-count) * var(--progress-block-index));--max-progress: calc(1 / var(--progress-blocks-count) * (var(--progress-block-index) + 1))}.hub-joined-info__tier-card__level__bar span:before,.hub-joined-info__tier-card__level__bar span:after{content:"";position:absolute;top:0;left:0;bottom:0;max-width:100%;min-width:0}.hub-joined-info__tier-card__level__bar span.active:before{width:0;opacity:0}.hub-joined-info__tier-card__level__bar span:after{width:calc((var(--progress, 1) - var(--min-progress)) / (var(--max-progress) - var(--min-progress)) * 100%)}.hub-joined-info__tier-card__level__bar span:before,.hub-joined-info__tier-card__level__bar span:after{background-color:var(--color-member-tier)}.hub-joined-info__tier-card__level__bar span:nth-child(1){--color-member-tier: var(--color-member-tier-1)}.hub-joined-info__tier-card__level__bar span:nth-child(2){--color-member-tier: var(--color-member-tier-2)}.hub-joined-info__tier-card__level__bar span:nth-child(3){--color-member-tier: var(--color-member-tier-3)}.hub-joined-info__tier-card__level__bar span:nth-child(4){--color-member-tier: var(--color-member-tier-4)}.hub-joined-info__tier-card__level__bar span:not(.active):after{content:"";position:absolute;top:0;left:0;right:initial;bottom:0;background:none;width:2px;background-image:repeating-linear-gradient(to bottom,#D4D4D4,#D4D4D4 2px,transparent 2px,transparent 5px);background-position:left;background-repeat:no-repeat;background-size:1.5px 100%;margin-top:-1px}.hub-joined-info__tier-card__level__pop{position:relative;display:inline-flex;justify-content:center;align-items:center;flex-direction:column;filter:drop-shadow(0 0 15px rgba(1,1,1,.1));margin-bottom:1em;font-size:var(--fontSize-14, 14px);left:calc(var(--progress) * 100%);transform:translate(-50%)}.hub-joined-info__tier-card__level.progress--full .hub-joined-info__tier-card__level__pop{left:calc(100% / var(--member-tiers-count) * var(--current-member-tier, 1) - (100% / var(--member-tiers-count) / 2))}.hub-joined-info__tier-card__level__pop__content{background:#fff;padding:8px 12px;border-radius:6px;color:var(--color-member-tier);font-family:var(--Shokz-Sans-Text, "Shokz Sans Text");font-size:inherit;font-style:normal;font-weight:300;line-height:1.3}.hub-joined-info__tier-card__level__pop__content strong{font-weight:400;font-size:var(--fontSize-16, 16px)}.member-tier-1 .hub-joined-info__tier-card__level__pop__content{color:#404040}.hub-joined-info__tier-card__level__pop:after{content:"";position:absolute;top:100%;left:50%;transform:translate(calc(-50% + var(--pop-arrow-shift, 0px)));border-left:.5714285714em solid transparent;border-right:.5714285714em solid transparent;border-top:.5714285714em solid #fff}.hub-joined-info__tier-card__level__text{display:flex}.hub-joined-info__tier-card__level__text span{flex:1;color:var(--font-primary, #0A0A0A);text-align:center;font-family:Shokz Sans Product Name;font-size:var(--fontSize-16, 16px);font-style:normal;font-weight:800;line-height:1.35;text-transform:uppercase}.hub-joined-info__tier-card__hint{color:var(--font-tertiary, #737373);font-family:var(--Shokz-Sans-Text, "Shokz Sans Text");font-size:var(--fontSize-18, 18px);font-style:normal;font-weight:300;line-height:1.2}.hub-joined-info__tier-card__hint p{margin:0 0 16px}.hub-joined-info__tier-card__hint p+p{margin-bottom:0}.hub-joined-info__tier-card__hint a{color:inherit;text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;transition:color .2s}.hub-joined-info__tier-card__hint a:hover{color:#ff7a3d}.hub-joined-info__wellcome-card__title{color:var(--font-primary, #0A0A0A);font-family:var(--Shokz-Sans-Display, "Shokz Sans Display");font-size:var(--fontSize-20, 20px);font-style:normal;font-weight:var(--medium, 400);line-height:1.2;margin-bottom:16px}.hub-joined-info__wellcome-card__subtitle{color:var(--font-tertiary, #737373);font-family:var(--Shokz-Sans-Text, "Shokz Sans Text");font-size:var(--fontSize-18, 18px);font-style:normal;font-weight:300;line-height:1.2}.hub-joined-info__wellcome-card__subtitle p{margin:0}.hub-joined-info__wellcome-card__group{width:75.12%;display:flex;flex-direction:column;gap:13px}.hub-joined-info__benefits-list{display:flex;flex-direction:column;align-items:flex-start;gap:20px;width:100%;max-width:100%;margin-bottom:32px}.hub-joined-info__benefits-list__heading{margin:0;width:100%;color:var(--font-primary, #0a0a0a);font-family:var(--Shokz-Sans-Display, "Shokz Sans Display");font-size:var(--fontSize-20, 20px);font-style:normal;font-weight:var(--medium, 400);line-height:1.2}.hub-joined-info__benefits-list__list{list-style:none;margin:0;padding:0;width:100%;display:flex;flex-direction:column;gap:20px}.hub-joined-info__benefits-list__item{display:flex;align-items:center;gap:16px;width:100%}.hub-joined-info__benefits-list__icon-wrap{flex-shrink:0;width:48px;height:48px;overflow:hidden;display:flex;align-items:center;justify-content:center}.hub-joined-info__benefits-list__icon{width:48px;height:48px;object-fit:contain;display:block}.hub-joined-info__benefits-list__body{flex:1;display:flex;flex-direction:column;gap:8px}.hub-joined-info__benefits-list__item-title{margin:0;color:var(--font-primary, #0a0a0a);font-family:var(--Shokz-Sans-Display, "Shokz Sans Display");font-size:var(--fontSize-16, 16px);font-style:normal;font-weight:var(--medium, 400);line-height:1.3}.hub-joined-info__benefits-list__item-desc{margin:0;color:var(--font-secondary, #404040);font-family:var(--Shokz-Sans-Text, "Shokz Sans Text");font-size:var(--fontSize-14, 14px);font-style:normal;font-weight:var(--Light, 300);line-height:1.3}.hub-joined-info__link-list{display:flex;justify-content:space-between;margin-bottom:20px;width:100%}.hub-joined-info__link-list .hub-joined-info__link{display:flex;align-items:center;gap:8px;color:var(--font-primary, #0A0A0A);font-family:var(--Shokz-Sans-Display, "Shokz Sans Display");font-size:var(--fontSize-16, 16px);font-style:normal;font-weight:var(--medium, 400);line-height:1.3;text-decoration:none;transition:color .2s;cursor:pointer}.hub-joined-info__link-list .hub-joined-info__link:hover{text-decoration:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;color:#ff7a3d}.hub-joined-info__terms{color:var(--font-tertiary, #737373);font-family:var(--Shokz-Sans-Text, "Shokz Sans Text");font-size:var(--fontSize-14, 14px);font-style:normal;font-weight:var(--Light, 300);line-height:1.3}.hub-joined-info__terms p{margin:0}.hub-joined-info__terms a{color:inherit;text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;transition:color .2s}.hub-joined-info__terms a:hover{color:#ff7a3d}@media screen and (max-width:1280px)and (min-width:768px){.hub-joined-info__tier-card__level__pop{left:max(calc(var(--progress) * 100%),8px)}}@media screen and (max-width:1180px)and (min-width:768px){.hub-joined-info__wellcome-card__group{width:80%}}@media screen and (max-width:989px)and (min-width:768px){.hub-joined-info__tier-card__bg{width:100%}.hub-joined-info__container{gap:8px 16px;grid-template-columns:53.2% auto}.hub-joined-info__wellcome-card__group{width:92%}.hub-joined-info{--card-padding: 24px}.hub-joined-info__benefits-list,.hub-joined-info__benefits-list__list{gap:16px}.hub-joined-info__benefits-list{margin-bottom:24px}.hub-joined-info__benefits-list__icon-wrap,.hub-joined-info__benefits-list__icon{width:40px;height:40px}}@media screen and (min-width:768.1px){.hub-joined-info__container:before{content:"";border-radius:12px;background:var(--BG-page, #FFF);box-shadow:0 0 22px #0000000f,0 0 7.007px #0000000d,0 0 1.793px #00000008;grid-row:1 / 3;grid-column:2 / 3}.hub-joined-info__tier-card__level__text span{text-align:left;font-weight:400;font-family:Shokz Sans Display}}@media screen and (max-width:768px){.hub-joined-info{padding-top:48px;padding-bottom:35px}.hub-joined-info__container{display:block}.hub-joined-info__tier-card{margin-left:-16px;margin-right:-16px;border-radius:0;margin-bottom:32px;padding:32px 16px}.hub-joined-info__tier-card__bg{width:100%;overflow:hidden}.hub-joined-info__tier-card__bg img{width:150%;max-width:600px}.hub-joined-info__tier-card__top{margin-bottom:128px}.hub-joined-info__tier-card__title{font-size:18px;margin-bottom:8px}.hub-joined-info__tier-card__current-level strong{font-size:32px}.hub-joined-info__tier-card__points-subtitle{font-size:18px}.hub-joined-info__tier-card__level{margin-bottom:32px}.hub-joined-info__tier-card__level__pop{margin-bottom:1em;left:max(calc(var(--progress) * 100%),50px)}.hub-joined-info__tier-card__level__text span{font-size:14px}.hub-joined-info__tier-card__hint{font-size:16px}.hub-joined-info__tier-card__hint p{margin-bottom:8px}.hub-joined-info__link-list{margin-bottom:16px}.hub-joined-info__link-list .hub-joined-info__link:first-child{flex:1.2}.hub-joined-info__link-list .hub-joined-info__link{flex:1}.hub-joined-info__wellcome-card-top{padding:0;margin-bottom:48px}.hub-joined-info__wellcome-card__title{font-size:28px}.hub-joined-info__wellcome-card__subtitle{font-size:18px}.hub-joined-info__wellcome-card-bottom{padding:0}.hub-joined-info__wellcome-card__group{width:100%;align-items:center}}@media screen and (max-width:390px){.hub-joined-info__tier-card__hint{font-size:clamp(14px,4.1025641026vw,16px)}}
/*# sourceMappingURL=/cdn/shop/t/542/assets/section-hub-joined-info.css.map */