.announcement-modal{box-sizing:border-box;opacity:0;position:fixed;visibility:hidden;z-index:-1;margin:0 auto;top:0;left:0;overflow:auto;width:100%;background:rgba(var(--color-foreground),.5);height:100%;display:flex;align-items:center;justify-content:center;padding:2rem}.announcement-modal[open]{opacity:1;visibility:visible;z-index:101}.announcement-modal__content{border-radius:var(--popup-corner-radius);background-color:rgb(var(--color-background));overflow:auto;max-height:90vh;position:relative;padding:3rem;border-color:rgba(var(--color-foreground),var(--popup-border-opacity));border-style:solid;border-width:var(--popup-border-width);box-shadow:var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity))}.announcement-modal--small .announcement-modal__content{max-width:400px;width:100%}.announcement-modal--medium .announcement-modal__content{max-width:600px;width:100%}.announcement-modal--large .announcement-modal__content{max-width:800px;width:100%}.announcement-modal__close{position:absolute;top:1.5rem;right:1.5rem;background:transparent;border:none;cursor:pointer;padding:.5rem;color:rgb(var(--color-foreground));z-index:2}.announcement-modal__close:hover{opacity:.7}.announcement-modal__close svg{width:2rem;height:2rem}.announcement-modal__inner{display:flex;flex-direction:column;gap:2rem}.announcement-modal__image{width:100%}.announcement-modal__image img{width:100%;height:auto;border-radius:calc(var(--popup-corner-radius) / 2)}.announcement-modal__title{margin:0 0 1rem}.announcement-modal__body{margin:0 0 1.5rem}.announcement-modal__body:last-child{margin-bottom:0}.announcement-modal__button-wrapper{display:flex;width:100%}.announcement-modal__button-wrapper--left{justify-content:flex-start}.announcement-modal__button-wrapper--center{justify-content:center}.announcement-modal__button-wrapper--right{justify-content:flex-end}.announcement-bar__modal-trigger{background:none;border:none;padding:0;cursor:pointer;display:inline-flex;align-items:center;font-family:inherit;font-size:inherit;color:inherit;text-decoration:none}.announcement-bar__modal-trigger:hover{opacity:.8}.announcement-bar__modal-trigger .icon-arrow{margin-left:.5rem}@media screen and (max-width: 749px){.announcement-modal{padding:1rem}.announcement-modal__content{padding:2rem 1.5rem}.announcement-modal__close{top:1rem;right:1rem}.announcement-modal__title{padding-right:2rem}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/component-announcement-modal.css.map */