.sticky-promotion-section{position:sticky;bottom:0;z-index:11;width:100%;padding:0 20px}.sticky-promotion-section.open{position:fixed;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background-color:#0005}.vault-promotions{padding-top:10px;padding-bottom:0;height:100%;max-height:98svh;width:100%;display:flex;align-items:center;justify-content:center}.sticky-promotion-section.open .vault-promotions{padding-bottom:10px}.promotional-widget{padding:10px;border-top-left-radius:6px;border-top-right-radius:6px;color:#fff;box-shadow:0 4px 10px #0003;text-align:center;width:100%;max-width:800px;margin:auto}.promotional-widget.open{padding:43px 24.18px 30.45px;background-color:#fff!important;max-width:470px;margin:auto;border-bottom-left-radius:6px;border-bottom-right-radius:6px;position:relative;height:100%;max-height:fit-content;overflow:auto}.progress-bar-wrapper{display:flex;flex-wrap:nowrap;gap:25px;align-items:flex-start}.promotional-widget:not(.open) .progress-bar-wrapper{margin-left:30px}.promotional-widget.open .expand-btn{position:absolute;top:5px;right:10px}.expand-btn button{background:transparent;border:none;outline:none;margin-top:10px;cursor:pointer;position:relative;z-index:2}.expand-btn button svg{width:20px;fill:#fff}.expand-btn button svg.expand-btn--icon-close{fill:#000}.promotional-widget .expand-btn .expand-btn--icon-close{display:none}.promotional-widget .expand-btn .expand-btn--icon-open,.promotional-widget.open .expand-btn .expand-btn--icon-close{display:inline-block}.promotional-widget.open .expand-btn .expand-btn--icon-open{display:none}.progress-bar{min-height:40px;position:relative;display:flex;justify-content:space-between;align-items:center;margin-left:auto;margin-right:auto;padding:10px 0;width:96%}.promotional-widget.open .progress-bar{margin-left:20px;margin-right:20px;margin-bottom:30px}.promotional-widget .threshold-price{font-size:10.38px;font-weight:700;color:#5f5f5f}.promotional-widget:not(.open) .threshold-price{display:none}.progress-track{position:absolute;top:50%;left:0;width:100%;height:8px;border-radius:4px;z-index:0;transform:translateY(-50%);box-shadow:0 0 0 3px #fff}.promotional-widget.open .progress-track,.promotional-widget.open .progress-fill{height:5.01px}.progress-fill{position:absolute;top:50%;left:0;height:8px;border-radius:4px;z-index:1;transform:translateY(-50%);transition:width .2s ease-in-out}.step.progress-end{padding-right:15px}.step{position:absolute;display:flex;flex-direction:column;transform:translate(-50%);z-index:2;align-items:center}.promotional-widget.open .step{padding-top:20px}.step .icon{padding:4px;border:3px solid #FFF;border-radius:50%;color:#fff;display:flex;justify-content:center;align-items:center;width:32px;height:32px}.promotional-widget.open .step{color:#2d2d2d}.step .icon--unclaimed{display:inline-block}.step .icon--claimed,.step.claimed .icon--unclaimed{display:none}.step.claimed .icon--claimed{display:inline-block}.step span{font-weight:600}.gift-section--details.hidden{display:none}.gift-section--details summary{display:flex;align-items:center;justify-content:center;gap:5px;width:max-content;margin:auto;padding:2px 20px;background-color:#fff000;color:#000;font-weight:600;border:none;border-radius:50px;font-size:14px}.gift-section--details summary span{line-height:1}.gift-section--details summary svg{width:16px;fill:#000}.gift-section--details[open] summary svg{transform:rotateX(180deg)}.gift-section h3{text-align:left;color:#fff;font-weight:700;margin-bottom:10px}.gift-container{background-color:#f4f4f4;border-radius:8px;max-width:100%;margin:auto}.gift-container.completed:not(.gift-container--banner){background-color:#caffbf}.gift-card{position:relative;display:flex;align-items:center;gap:22.5px;padding:10.47px 16.45px;border-radius:3px;margin-bottom:18.93px}.gift-container:last-child .gift-card{margin-bottom:0}.gift-card .icon--gift-locked,.gift-card .icon--gift-completed{width:43px}.gift-container .gift-card .icon--gift-completed{display:none}.gift-container .gift-card .icon--gift-locked,.gift-container.completed .gift-card .icon--gift-completed{display:inline-block}.gift-container.completed .gift-card .icon--gift-locked{display:none}.gift-card img{width:125px;margin:-5px -10px -5px 0;object-fit:contain}.gift-info{flex:1;text-align:left;font-family:var(--font-body-family)}.gift-info .gift-info__title{font-family:var(--font-h1-family);color:#2d2d2d;margin:0 0 7.92px;font-size:27.06px;font-weight:800;letter-spacing:0;line-height:1;text-transform:uppercase}.gift-info .gift-info__text{color:#2d2d2d;margin:0 0 7.47px;font-size:12.38px;letter-spacing:0;font-weight:700;line-height:1}.gift-info .gift-info__remaining{margin:0;font-size:12.38px;letter-spacing:0;font-weight:700;line-height:1.3}.gift-info button{padding:8px;border:none;background:#fff;color:#000;border-radius:4px;font-weight:700;margin-top:15px}.gift-info button[disabled]{cursor:not-allowed}.claimed button{background:gray;color:#fff}.checkout{display:block;width:100%;padding:12px;border:none;font-size:18px;border-radius:8px;font-family:var(--font-body-family);font-weight:700;cursor:pointer;transition:all .2s ease;text-decoration:none}.checkout:hover{background-color:#000;color:#fff}.promotional-widget.open .checkout{display:none}.promotional-widget:not(.open) .vault-promotions__text-content{display:none}.promotion-add-to-cart-btn{cursor:pointer;width:0;height:0;visibility:hidden;opacity:0;position:absolute}.vault-promotions__init-content.hidden{display:none}.vault-promotions__init-content-title{font-size:37px;font-family:var(--font-h1-family);line-height:1;font-weight:900;margin:0 0 10px;letter-spacing:0}.vault-promotions__init-content-text{font-size:37px;color:#2d2d2d;font-family:var(--font-h1-family);letter-spacing:0;line-height:1;font-weight:900;margin:0 0 10px;text-wrap:balance}.vault-promotions__init-content-img{width:100%}.vault-promotions__init-content-btn{width:100%;padding:14px 10px;font-family:var(--font-body-family);font-weight:700;line-height:1;font-size:18px;margin-top:10px;cursor:pointer;outline:none;border:none;border-radius:4px}.gift-container.gift-container--banner{position:fixed;top:0;left:50%;transform:translate(-50%,10px);z-index:100;box-shadow:2px 1px 7px #0005}@media only screen and (max-width:768px){.gift-container.gift-container--banner{width:80vw}}.gift-container.gift-container--banner .gift-card{padding:5px 10px;margin:0}.gift-container.gift-container--banner .gift-card .icon--gift-completed{width:50px}.gift-container.gift-container--banner .gift-card img{width:85px}@media screen and (max-width:768px){.promotional-widget{margin:auto}.promotional-widget.open{max-width:420px}.gift-card img{width:75px}.gift-info h4{font-size:12px}.gift-section h3{font-size:14px}.step span{font-size:12px}}@media only screen and (max-width:480px){.promotional-widget.open{max-width:320px;height:100%;padding:43px 15px 30.45px}.promotional-widget:not(.open) .progress-bar-wrapper{margin-left:15px}.gift-card{gap:10px;padding:10px}.gift-card .icon--gift-locked,.gift-card .icon--gift-completed{width:25px}.gift-card img{width:50px}.vault-promotions__init-content-btn{padding:8px;font-size:14px;margin-top:5px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn 1s forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fade-out{animation:fadeOut 1.5s forwards}@media screen and (max-width:768px){#chat-button{bottom:60px!important}}
/*# sourceMappingURL=/cdn/shop/t/215/assets/component-vault-promotions.css.map */