.popup-banner{position:fixed;z-index:35;pointer-events:none;transition:bottom .25s ease}.popup-banner.invisible{visibility:hidden;opacity:0;pointer-events:none}.popup-banner:not(.invisible){opacity:1;transition:opacity .2s ease}@media(max-width:768.98px){.popup-banner--mobile-bottom-left,.popup-banner--mobile-bottom-right{left:8px;right:8px;bottom:calc(8px + var(--sticky-atc-offset, 0px));width:auto}.popup-banner--mobile-top-left,.popup-banner--mobile-top-right{left:8px;right:8px;top:8px;width:auto}.popup-banner--mobile-center{left:8px;right:8px;top:50%;transform:translateY(-50%);width:auto}}@media(min-width:769px){.popup-banner{width:720px;max-width:calc(100vw - 64px)}.popup-banner--pc-bottom-right{right:32px;bottom:calc(32px + var(--sticky-atc-offset, 0px))}.popup-banner--pc-bottom-left{left:32px;bottom:calc(32px + var(--sticky-atc-offset, 0px))}.popup-banner--pc-top-right{right:32px;top:32px}.popup-banner--pc-top-left{left:32px;top:32px}.popup-banner--pc-center{left:50%;top:50%;transform:translate(-50%,-50%)}}.popup-banner__box{pointer-events:auto;position:relative;width:100%;min-height:70px;border-radius:12px;box-shadow:0 4px 16px #0000002e}@media(min-width:769px){.popup-banner__box{min-height:150px;border-radius:16px;box-shadow:0 8px 28px #0003}.popup-banner__box.md\:flex-row,.popup-banner__box.md\:flex-row-reverse{max-height:440px;align-items:center;overflow:hidden}}.popup-banner__link{z-index:1;cursor:pointer}.popup-banner__close-btn{z-index:2;top:4px;right:4px;background-color:#ffffffbf;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.popup-banner__close-btn svg{width:12px;height:12px}@media(min-width:769px){.popup-banner__close-btn{top:8px;right:8px;width:32px;height:32px}.popup-banner__close-btn svg{width:16px;height:16px}}.popup-banner__image{flex:0 0 auto;overflow:hidden;width:100%;aspect-ratio:16 / 9}.popup-banner__image img,.popup-banner__image svg{width:100%;height:100%;object-fit:cover;display:block}@media(min-width:769px){.popup-banner__box.md\:flex-row .popup-banner__image,.popup-banner__box.md\:flex-row-reverse .popup-banner__image{width:220px;aspect-ratio:16 / 9;align-self:center}}.popup-banner__content{min-width:0}.popup-banner__content--p-small{padding:10px 14px}.popup-banner__content--p-medium{padding:14px 18px}@media(min-width:769px){.popup-banner__content--p-small{padding:20px 28px}.popup-banner__content--p-medium{padding:28px 36px}}.popup-banner__heading{font-size:14px;font-weight:700;line-height:1.3;margin:0 0 2px;color:var(--heading-color, #070707)}@media(min-width:769px){.popup-banner__heading{font-size:26px;margin:0 0 6px}}.popup-banner__text{font-size:12px;line-height:1.4;color:var(--text-color, #070707)}.popup-banner__text p{margin:0}@media(min-width:769px){.popup-banner__text{font-size:19px}.popup-banner__box.md\:flex-row .popup-banner__text,.popup-banner__box.md\:flex-row-reverse .popup-banner__text{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/popup-banner.css.map */