.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%;width:100%;overflow:auto;display:flex;align-items:center;justify-content:center}.promotional-widget{padding:15px;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{background-color:#fff!important;max-width:470px;margin:auto;border-bottom-left-radius:6px;border-bottom-right-radius:6px;position:relative}.progress-bar-wrapper{display:flex;flex-wrap:nowrap;gap:25px;align-items:flex-start}.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:75px;position:relative;display:flex;justify-content:space-between;align-items:center;margin:-20px auto 20px;padding:10px 0;width:96%}.promotional-widget.open .progress-bar{margin-right:30px}.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 4px #fff}.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;padding-top:30px;transform:translate(-50%);z-index:2;align-items:center}.step .icon{padding:5px;border:2px 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){filter:opacity(.4)}.gift-card{position:relative;display:flex;align-items:center;gap:25px;padding:10px 20px;border-radius:3px;margin-bottom:10px}.gift-card .icon--gift-locked,.gift-card .icon--gift-completed{width:35px}.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;object-fit:contain}.gift-info{flex:1;text-align:left;font-family:Inter,sans-serif}.gift-info .gift-info__title{color:#2d2d2d;margin:0;font-size:25px;font-weight:700;line-height:1.3}.gift-info .gift-info__text{color:#2d2d2d;margin:0;font-size:14px;font-weight:700;line-height:1.3}.gift-info .gift-info__remaining{margin:0;font-size:14px;font-weight:700;line-height:1.3}.gift-info button{width:100%;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:Inter,sans-serif;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}.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,.vault-promotions__init-content-text{font-size:28px;font-family:Inter,sans-serif;line-height:1;font-weight:900;margin:0 0 10px}.vault-promotions__init-content-img{width:100%}.vault-promotions__init-content-btn{width:100%;padding:14px 10px;font-family:Inter,sans-serif;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;background-color:#fcd6cc}@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{padding-top:20px}.step span{font-size:12px}.progress-bar{margin-bottom:15px}}@media only screen and (max-width: 480px){.promotional-widget.open{max-width:320px}.promotional-widget .progress-bar{margin-bottom:10px}.gift-card{gap:10px;padding:10px}.gift-card .icon--gift-locked,.gift-card .icon--gift-completed{width:25px}.gift-info .gift-info__title{font-size:18px}.gift-info .gift-info__text,.gift-info .gift-info__remaining{font-size:13px}.gift-card img{width:50px}.vault-promotions__init-content-title,.vault-promotions__init-content-text{font-size:16px}.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:115px!important}}
/*# sourceMappingURL=/cdn/shop/t/195/assets/component-vault-promotions.css.map */