.announcement-modal{background:rgba(var(--color-foreground),.14);box-sizing:border-box;height:100%;top:0;right:0;bottom:0;left:0;margin:0 auto;opacity:0;overflow-y:auto;position:fixed;visibility:hidden;width:100%;z-index:-1;transition:opacity var(--duration-medium) ease,visibility 0s linear var(--duration-medium)}.announcement-modal[open]{opacity:1;visibility:visible;z-index:101;transition:opacity var(--duration-medium) ease,visibility 0s linear 0s}.announcement-modal__content{border:2px solid #000;border-radius:6px;box-shadow:0 1.2rem 4rem rgba(var(--color-shadow),.12),0 .2rem 1.2rem rgba(var(--color-shadow),.08);margin:2rem auto;max-width:72rem;overflow:hidden;position:relative;transform:translateY(2.2rem) scale(.98);transition:transform var(--duration-extra-long) var(--ease-out-slow),opacity var(--duration-medium) ease;width:calc(100% - 3rem);max-height:calc(100dvh - 4rem)}.announcement-modal[open] .announcement-modal__content{transform:translateY(0) scale(1)}.announcement-modal[open].is-closing{opacity:0;visibility:visible;z-index:101}.announcement-modal[open].is-closing .announcement-modal__content{transform:translateY(1.6rem) scale(.985)}.announcement-modal__content--narrow{max-width:58rem}.announcement-modal__content--wide{max-width:94rem}.announcement-modal__inner{background:radial-gradient(circle at top right,rgba(var(--color-foreground),.045),transparent 28%),linear-gradient(180deg,rgba(var(--color-background),.98),rgb(var(--color-background)));display:flex;flex-direction:column;gap:1.6rem;min-width:0;overflow-x:hidden;overflow-y:auto;padding:2.4rem 2rem 2rem;width:100%}.announcement-modal__inner>*{margin:0;max-width:100%;min-width:0}.announcement-modal__toggle{align-items:center;-webkit-backdrop-filter:blur(1.2rem);backdrop-filter:blur(1.2rem);background:rgba(var(--color-background),.78);border:0;border-radius:999px;color:rgb(var(--color-foreground));cursor:pointer;display:inline-flex;height:4.2rem;justify-content:center;padding:0;position:absolute;right:1.2rem;top:1.2rem;width:4.2rem;z-index:2}.announcement-modal__toggle .icon{height:1.7rem;width:1.7rem}.announcement-modal__toggle:hover{transform:translateY(-.1rem) scale(1.03)}.announcement-modal__media{min-width:0;width:100%}.announcement-modal__image-wrapper{max-width:100%;overflow:hidden}.announcement-modal__image{display:block;height:auto;max-height:42rem;object-fit:cover;width:100%}.announcement-modal__caption{color:rgba(var(--color-foreground),.72);margin-top:.4rem;padding-right:5rem}.announcement-modal__heading{margin:0;max-width:18ch;padding-right:5rem}.announcement-modal__text{color:rgba(var(--color-foreground),.82);max-width:62ch;min-width:0}.announcement-modal__buttons{display:flex;flex-wrap:wrap;gap:1rem;padding-top:.4rem}.announcement-modal__buttons .button{min-width:16rem}.announcement-modal__feature{margin-top:.8rem;width:100%;min-width:0}.announcement-modal__feature .card-wrapper{margin:0;max-width:100%;min-width:0}.announcement-modal__feature--collection .card-wrapper,.announcement-modal__feature--collection .card,.announcement-modal__feature--collection .card__inner,.announcement-modal__feature--collection .card__content,.announcement-modal__feature--collection .card__information{max-width:100%;min-width:0}.announcement-modal-product-card{background:transparent;border:0;border-radius:0;display:grid;gap:1.2rem}.announcement-modal-product-card__media-link{display:block}.announcement-modal-product-card__media{border:0;border-radius:6px;max-width:100%;overflow:hidden}.announcement-modal-product-card__image{display:block;height:auto;max-height:28rem;object-fit:cover;width:100%}.announcement-modal-product-card__content{display:flex;flex-direction:column;gap:.8rem;min-width:0;padding:0}.announcement-modal-product-card__vendor{color:rgba(var(--color-foreground),.7);margin:0}.announcement-modal-product-card__title{margin:0;word-break:break-word}.announcement-modal-product-card__price .price{justify-content:flex-start}.announcement-modal-carousel{display:block}.announcement-modal-carousel__header{align-items:center;display:flex;gap:1.2rem;justify-content:space-between;margin-bottom:1.2rem}.announcement-modal-carousel__title{margin:0}.announcement-modal-carousel__controls{display:flex;gap:.8rem}.announcement-modal-carousel__button{align-items:center;background:rgb(var(--color-background));border:1px solid #000;border-radius:6px;color:rgb(var(--color-foreground));cursor:pointer;display:inline-flex;height:3.6rem;justify-content:center;padding:0;width:3.6rem}.announcement-modal-carousel__button--prev .svg-wrapper{transform:rotate(90deg)}.announcement-modal-carousel__button--next .svg-wrapper{transform:rotate(-90deg)}.announcement-modal-carousel__track{display:grid;gap:1.2rem;grid-auto-columns:minmax(22rem,78%);grid-auto-flow:column;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:.4rem;scroll-behavior:smooth;scroll-snap-type:x mandatory}.announcement-modal-carousel__track::-webkit-scrollbar{height:.6rem}.announcement-modal-carousel__track::-webkit-scrollbar-thumb{background:#000;border-radius:999px}.announcement-modal-carousel__slide{max-width:100%;min-width:0;scroll-snap-align:start}.announcement-modal-carousel__slide .card-wrapper,.announcement-modal-carousel__slide .card,.announcement-modal-carousel__slide .card__inner,.announcement-modal-carousel__slide .card__content{height:100%}@media screen and (min-width:750px){.announcement-modal{padding:3rem 0}.announcement-modal__content{margin:4rem auto;width:calc(100% - 8rem)}.announcement-modal__inner{gap:2rem;padding:3.6rem}.announcement-modal__inner--split{align-items:center;column-gap:3rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);min-width:0}.announcement-modal__inner--split .announcement-modal__media{grid-column:1;grid-row:1 / span 4}.announcement-modal__inner--split .announcement-modal__caption,.announcement-modal__inner--split .announcement-modal__heading,.announcement-modal__inner--split .announcement-modal__text,.announcement-modal__inner--split .announcement-modal__buttons,.announcement-modal__inner--split .announcement-modal__feature{grid-column:2}.announcement-modal__media--small{max-width:24rem}.announcement-modal__media--medium{max-width:32rem}.announcement-modal__media--large{max-width:none}.announcement-modal-carousel__track{grid-auto-columns:minmax(24rem,calc(50% - .6rem))}}@media screen and (max-width:749px){.announcement-modal{padding:1rem 0}.announcement-modal__buttons .button{width:100%}.announcement-modal__content{width:calc(100% - 2rem);max-height:calc(100dvh - 2rem)}.announcement-modal__inner{padding:1.6rem}.announcement-modal__caption,.announcement-modal__heading{padding-right:4.2rem}.announcement-modal__feature .card-information,.announcement-modal__feature .price{width:100%}.announcement-modal-carousel__header{align-items:flex-start;flex-direction:column}.announcement-modal-carousel__controls{width:100%}.announcement-modal-carousel__button{flex:1 1 0}.announcement-modal-carousel__track{grid-auto-columns:minmax(0,100%)}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-announcement-modal.css.map */