.af-col-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.af-col-modal[aria-hidden=false]{opacity:1;visibility:visible}.af-col-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.af-col-modal__card{position:relative;z-index:1;width:min(480px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow-y:auto;background:#fffffff5;backdrop-filter:blur(16px) saturate(1.1);-webkit-backdrop-filter:blur(16px) saturate(1.1);border:1px solid rgba(0,0,0,.06);border-radius:12px;box-shadow:0 32px 80px #00000038,0 0 0 1px #ffffff4d inset;transform:translateY(12px) scale(.97);transition:transform .3s cubic-bezier(.2,.8,.2,1)}.af-col-modal[aria-hidden=false] .af-col-modal__card{transform:translateY(0) scale(1)}.af-col-modal__close{position:absolute;top:14px;right:14px;z-index:2;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#ffffffd9;box-shadow:0 4px 14px #0000001a;cursor:pointer;color:#111111b3;transition:background .15s,transform .15s}.af-col-modal__close:hover{background:#fff;transform:scale(1.08)}.af-col-modal__media{width:100%;overflow:hidden;border-radius:12px 12px 0 0;aspect-ratio:1 / 1}.af-col-modal__media img{width:100%;height:100%;display:block;object-fit:cover}.af-col-modal__body{padding:20px 24px 24px;display:flex;flex-direction:column;gap:6px}.af-col-modal__kicker{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#11111173;font-weight:700}.af-col-modal__title{margin:0;font-size:clamp(20px,3vw,28px);font-weight:700;letter-spacing:-.02em;line-height:1.1;color:#111111f5}.af-col-modal__meta{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#11111173;font-weight:700}.af-col-modal__desc{margin-top:4px;font-size:13px;line-height:1.6;color:#111111ad;max-width:52ch}@media(max-width:749px){.af-col-modal__body{padding:16px 18px 22px}.af-col-modal__card{width:min(400px,calc(100vw - 32px))}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/af-col-modal.css.map */