.ts-tier-reward{display:block}.ts-tier-reward.animate-prepare .ts-tier-reward__labels,.ts-tier-reward.animate-prepare .ts-tier-reward__steps,.ts-tier-reward.animate-prepare .ts-tier-reward__popup-open{display:none}.ts-tier-reward__block{position:fixed;bottom:24px;right:50%;transform:translate(50%,calc(100% + 24px));z-index:20;background-color:#e6e7e4;padding:20px 32px;width:750px;height:112px;border-radius:12px;transition:all .3s}.ts-tier-reward.initiated .ts-tier-reward__block{transform:translate(50%)}.ts-tier-reward.animate-prepare .ts-tier-reward__block{width:50px;height:50px;border-radius:50px;padding:0}.ts-tier-reward.animate .ts-tier-reward__block{right:20px;transform:translate(0)}.ts-tier-reward__header{display:none;align-items:center;padding:12px 20px;gap:12px;background-color:#ddd;cursor:pointer}.ts-tier-reward__toggle-icon{width:13px;height:13px;position:relative;display:block;pointer-events:none}.ts-tier-reward__toggle-icon:after,.ts-tier-reward__toggle-icon:before{content:"";background-color:#25377e;border-radius:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform .3s}.ts-tier-reward__toggle-icon:after{width:100%;height:1px}.ts-tier-reward__toggle-icon:before{width:1px;height:100%}.ts-tier-reward.open .ts-tier-reward__toggle-icon:after{transform:translate(-50%,-50%) rotate(180deg)}.ts-tier-reward.open .ts-tier-reward__toggle-icon:before{transform:translate(-50%,-50%) rotate(90deg)}.ts-tier-reward__inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:24px}.ts-tier-reward__popup-open{display:flex;cursor:pointer}.ts-tier-reward__popup-open svg{pointer-events:none}.ts-tier-reward__labels{width:30%}.ts-tier-reward__label-title{font-size:15px;font-weight:700;line-height:1.2}.ts-tier-reward__label-subtitle{font-size:12px;line-height:1.2;margin:6px 0 0}.ts-tier-reward__label-title:empty,.ts-tier-reward__label-subtitle:empty{display:none}.ts-tier-reward__steps{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;width:50%;padding-bottom:20px}.ts-tier-reward__step{display:flex;gap:4px;align-items:center}.ts-tier-reward__bar{flex:1;height:6px;position:relative;background-color:#f9f8ef}.ts-tier-reward__bar span{background-color:#25377e;position:absolute;display:block;height:6px;z-index:1;top:0;left:0;width:1%;transition:width .3s}.ts-tier-reward__bar span:after{content:attr(data-bar);position:absolute;background-color:#fff;color:#25377e;bottom:calc(100% + 4px);right:0;transform:translate(50%);width:fit-content;text-align:center;font-size:10px;line-height:1;padding:3px;border-radius:2px}.ts-tier-reward__bar span:before{content:"";width:6px;height:6px;display:block;background-color:#fff;transform:translate(2.5px) rotate(45deg);position:absolute;bottom:calc(100% + 2px);left:50%}.ts-tier-reward__bar span[data-bar=""]:after,.ts-tier-reward__bar span[data-bar=""]:before{display:none}.ts-tier-reward__step-info{display:flex;align-items:center;justify-content:center;width:40px;min-width:40px;height:40px;border-radius:40px;position:relative;background-color:#f9f8ef;transition:background-color .3s}.ts-tier-reward__step.completed .ts-tier-reward__step-info{background-color:#25377e}.ts-tier-reward__step-info img{width:20px;height:fit-content}.ts-tier-reward__step.completed .ts-tier-reward__step-info img{display:none}.ts-tier-reward__requirement{position:absolute;bottom:calc(100% + 4px);margin:0;left:50%;transform:translate(-50%);font-size:11px;text-align:center;width:90px}.ts-tier-reward__gift{position:absolute;top:calc(100% + 6px);margin:0;font-size:10px;text-align:center;left:50%;transform:translate(-50%);width:90px}.ts-tier-reward__complete{display:none;width:16px;height:16px}.ts-tier-reward__step.completed .ts-tier-reward__complete{display:block}.ts-tier-reward__toggle{display:flex;align-items:center;gap:4px;color:#25377e;cursor:pointer;font-size:11px}.ts-tier-reward__toggle *{pointer-events:none}.ts-tier-reward__toggle svg{width:16px;height:16px}.ts-tier-reward__toggle--open{font-weight:700;font-size:13px;text-align:center;line-height:1}.ts-tier-reward.animate-prepare .ts-tier-reward__toggle svg,.ts-tier-reward.animate-prepare .ts-tier-reward__toggle--hide,.ts-tier-reward:not(.animate-prepare) .ts-tier-reward__toggle--open{display:none}.ts-tier-reward__popup{position:fixed;top:0;left:0;width:100vw;height:100dvh;z-index:22;display:flex;align-items:center;justify-content:center;padding:20px;background-color:transparent;transition:background-color .3s;pointer-events:none}.ts-tier-reward__popup.open{pointer-events:all;background-color:#00000040;-webkit-backdrop-filter:blur(2.5px);backdrop-filter:blur(2.5px)}.ts-tier-reward__popup-inner{width:100%;max-width:800px;height:fit-content;max-height:100%;overflow:auto;position:relative;padding:60px 40px 40px;display:flex;align-items:center;transform:scale(.85);opacity:0;transition:transform .3s,opacity .3s;background-color:#25377e;border-radius:16px;gap:24px}.ts-tier-reward__popup.open .ts-tier-reward__popup-inner{transform:scale(1);opacity:1}.ts-tier-reward__popup-content{flex:1}.ts-tier-reward__popup-title{font-size:26px;margin:0 0 20px;color:#f9f8ef}.ts-tier-reward__popup-description *{color:#f9f8ef}.ts-tier-reward__popup-description>*{margin:0 0 1em}.ts-tier-reward__popup-description>*:last-child{margin:0}.ts-tier-reward__popup-description a{text-decoration:underline;text-underline-offset:3px}.ts-tier-reward__popup-close{display:flex;cursor:pointer;position:absolute;top:12px;right:12px;z-index:1;color:#fff;padding:8px}.ts-tier-reward__popup-close svg{pointer-events:none}.ts-tier-reward__popup-media{display:flex;width:300px}.ts-tier-reward__popup-media img{width:100%;height:fit-content;border-radius:16px}@media screen and (max-width: 749px){.ts-tier-reward__block{padding:0;width:calc(100% - 40px);height:fit-content;border-radius:12px;overflow:hidden}.ts-tier-reward__header{display:flex}.ts-tier-reward__inner{display:block;max-height:0;overflow:hidden;transition:max-height .3s}.ts-tier-reward__inner .ts-tier-reward__popup-open,.ts-tier-reward__labels{display:none}.ts-tier-reward__popup-open svg{width:20px;height:20px}.ts-tier-reward__label-subtitle{font-size:14px;margin:0;pointer-events:none;flex:1}.ts-tier-reward__steps{padding:32px 24px 48px;width:100%}.ts-tier-reward__toggle{display:none}.ts-tier-reward__popup-inner{padding:40px 20px 20px;flex-direction:column}.ts-tier-reward__popup.open .ts-tier-reward__popup-inner{transform:scale(1);opacity:1}.ts-tier-reward__popup-title{font-size:20px;text-align:center}.ts-tier-reward__popup-description *{text-align:center}.ts-tier-reward__popup-close{top:8px;right:8px;padding:4px}}
/*# sourceMappingURL=/cdn/shop/t/56/assets/ts-tier-rewards.css.map */