vault-banner{display:block}.vault-banner{position:relative;width:100%;overflow:hidden}main:has(.vault-banner.vault-banner--opening) .shopify-app-block:not(:has(.social-login-container)){display:none!important}.vault-banner--opening,.vault-banner--closed{height:100dvh;min-height:100dvh}.vault-banner--closing{min-height:440px;display:flex;align-items:flex-end}@media(min-width:990px){.vault-banner--closing{min-height:520px}}.vault-banner__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden}.vault-banner__bg-image{width:100%;height:100%;object-fit:cover}.vault-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:var(--vault-overlay-color, rgba(0, 0, 0, .3));-webkit-backdrop-filter:blur(var(--vault-blur-value, 10px));backdrop-filter:blur(var(--vault-blur-value, 10px))}.vault-banner__overlay--closing{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(90deg,#0003 0% 100%),linear-gradient(#0003,#0000)}.vault-banner__content{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:100%;width:100%;margin:0 auto;padding:108px 20px 78px;text-align:center}.vault-banner__content--closing{justify-content:flex-end;align-items:center;gap:14px;padding:40px;max-width:100%}@media(max-width:990px){.vault-banner__content{padding:76px 12px 69px}.vault-banner__content--closing{gap:12px;padding:40px 10px}}.vault-banner__title{font-weight:700;font-size:28px;line-height:28px;letter-spacing:.6px;text-transform:uppercase;color:#fff;margin:0}@media(max-width:990px){.vault-banner__title{font-size:20px;line-height:24px}}.vault-banner__timer-wrapper{width:100%;display:flex;justify-content:center;align-items:center}.vault-banner__info{display:flex;flex-direction:column;align-items:center;width:100%;max-width:720px}.vault-banner__discount{display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:12px;line-height:14px;letter-spacing:.4px;text-transform:uppercase;color:#fff;margin:0 0 24px}.vault-banner__discount:before{content:"";width:16px;height:16px;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="16" viewBox="0 0 17 16" fill="none"><path d="M11.4022 5.10163L11.398 5.10161M13.5146 1.9009L9.64772 1.60345C9.30489 1.57708 8.96765 1.70183 8.72451 1.94497L2.4446 8.22488C1.98461 8.68486 1.98461 9.43064 2.4446 9.89063L6.60896 14.055C7.06894 14.515 7.81472 14.515 8.2747 14.055L14.5546 7.77507C14.7978 7.53194 14.9225 7.1947 14.8961 6.85186L14.5987 2.98496C14.5541 2.40571 14.0939 1.94546 13.5146 1.9009Z" stroke="white" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>');background-size:contain;background-repeat:no-repeat;flex-shrink:0}.vault-banner__subtitle{font-weight:500;font-size:12px;line-height:14px;letter-spacing:.4px;text-transform:uppercase;color:#fff;margin:0 0 16px}.vault-banner__text{font-weight:400;font-size:13px;line-height:13px;letter-spacing:.2px;color:#fff;margin:0 0 36px}.vault-banner__content--closing .vault-banner__text{margin-bottom:4px}.vault-banner__content--closing .vault-banner__text p,.vault-banner__content--closing .vault-banner__text a{font-size:12px;line-height:20px}.vault-banner__content--closing .vault-banner__text a{text-wrap:nowrap;transition:color .3s ease}.vault-banner__content--closing .vault-banner__text a:hover{color:rgba(var(--color-gray-200))}@media(max-width:990px){.vault-banner__text{font-size:12px;line-height:14px}.vault-banner__content--closing .vault-banner__text{margin-bottom:12px;padding:0 4px}}.vault-banner__description,.vault-banner__description p{font-weight:400;font-size:13px;line-height:24px;letter-spacing:.2px;color:#fff;margin:0}.vault-banner__description p{margin:0}.vault-banner__button{display:flex;align-items:center;justify-content:center;min-width:187px;height:52px;padding:10px 12px;background:#fff;color:#000;border:none;font-weight:500;font-size:12px;line-height:16px;letter-spacing:.4px;text-transform:uppercase;cursor:pointer;transition:background .3s ease;margin-top:36px}.vault-banner__button:hover{background:#ffffffe6}.vault-banner__closed-message{font-weight:700;font-size:28px;line-height:28px;letter-spacing:.6px;text-transform:uppercase;color:#fff;text-align:center;margin:0}@media(max-width:990px){.vault-banner__closed-message{font-size:20px;line-height:24px}}.vault-banner--closed .vault-banner__timer-wrapper,.vault-banner .countdown-timer__message{display:none}.vault-banner__video-wrapper{position:relative;width:100%;height:100%}.vault-banner__bg-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.vault-banner__mobile-video{display:block}@media(min-width:990px){.vault-banner__mobile-video{display:none}}.vault-banner__desktop-video{display:none}@media(min-width:990px){.vault-banner__desktop-video{display:block}}@media(min-width:480px){.template-collection:has(.vault-banner) .klaviyo-form{width:428px!important}}.vault-banner__content--closing .countdown-timer__wrapper{gap:10px}.vault-banner__content--closing .countdown-timer__separator{gap:4px}.vault-banner__content--closing .countdown-timer__value,.vault-banner__content--closing .countdown-timer__label{font-size:clamp(25px,7vw,38px)}.vault-info__content{padding:32px 20px}@media(min-width:990px){.vault-info__content{padding:40px 32px}}.vault-info__title{font-size:20px;font-weight:400;line-height:24px;letter-spacing:-.5px;margin-bottom:28px}@media(min-width:990px){.vault-info__title{font-size:24px;line-height:28px;margin-bottom:40px}}.vault-info__subtitle{font-size:12px;font-weight:500;line-height:16px;letter-spacing:.4px;text-transform:uppercase;margin-bottom:20px}@media(min-width:990px){.vault-info__subtitle{font-size:13px}}.vault-info__description{margin:20px 0}.vault-info__description,.vault-info__description p,.vault-info__description a,.vault-info__description ul,.vault-info__description ol,.vault-info__description li{color:#5d5f69;font-size:13px;font-weight:400;line-height:24px;letter-spacing:.2px}.vault-info__description p,.vault-info__description h1,.vault-info__description h2,.vault-info__description h3,.vault-info__description h4,.vault-info__description h5,.vault-info__description h6{margin:14px 0}
/*# sourceMappingURL=/cdn/shop/t/466/assets/vault-banner.css.map */
