.ty-popup{position:fixed;inset:0;z-index:1300;display:grid;place-items:center;padding:32px;opacity:0;pointer-events:none;transition:opacity .28s ease}
.ty-popup[hidden]{display:none!important}.ty-popup.is-visible{opacity:1;pointer-events:auto}
.ty-popup__backdrop{position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,rgba(35,60,101,.14),rgba(2,10,27,.38)),rgba(4,15,36,var(--popup-backdrop,.68));backdrop-filter:blur(9px) saturate(.82);-webkit-backdrop-filter:blur(9px) saturate(.82)}
.ty-popup__dialog{position:relative;width:min(var(--popup-desktop-width,760px),calc(100vw - 64px));max-height:calc(100dvh - 64px);padding:7px;overflow:visible;border:1px solid rgba(255,255,255,.78);border-radius:calc(var(--popup-radius,20px) + 7px);background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(226,235,247,.95));box-shadow:0 35px 100px rgba(2,13,36,.48),0 12px 32px rgba(2,13,36,.2),inset 0 1px 0 #fff;transform-origin:center;outline:none}
.ty-popup__dialog:before{position:absolute;inset:-1px;z-index:-1;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,255,255,.08) 42%,rgba(107,145,194,.26));content:"";filter:blur(.2px)}
.ty-popup[data-animation="zoom"] .ty-popup__dialog{transform:scale(.9);opacity:0;transition:transform .34s cubic-bezier(.22,.8,.25,1),opacity .25s ease}.ty-popup[data-animation="zoom"].is-visible .ty-popup__dialog{transform:scale(1);opacity:1}
.ty-popup[data-animation="fade"] .ty-popup__dialog{opacity:0;transition:opacity .3s ease}.ty-popup[data-animation="fade"].is-visible .ty-popup__dialog{opacity:1}
.ty-popup[data-animation="slide_up"] .ty-popup__dialog{transform:translateY(38px);opacity:0;transition:transform .34s cubic-bezier(.22,.8,.25,1),opacity .25s ease}.ty-popup[data-animation="slide_up"].is-visible .ty-popup__dialog{transform:translateY(0);opacity:1}
.ty-popup__art,.ty-popup__art picture{display:block;width:100%;height:100%;max-height:calc(100dvh - 78px);overflow:hidden;border-radius:var(--popup-radius,20px);background:#fff}.ty-popup__art{position:relative;box-shadow:inset 0 0 0 1px rgba(17,43,79,.06)}.ty-popup__art img{display:block;width:100%;height:auto;max-height:calc(100dvh - 78px);aspect-ratio:3/2;object-fit:var(--popup-fit,contain);border-radius:var(--popup-radius,20px);background:#fff}
.ty-popup__close{position:absolute;z-index:4;top:17px;right:17px;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid rgba(255,255,255,.72);border-radius:13px;color:#fff;background:rgba(7,26,65,.9);box-shadow:0 8px 24px rgba(5,20,50,.3),inset 0 1px 0 rgba(255,255,255,.22);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.ty-popup__close:before{position:absolute;inset:-5px;z-index:-1;border:1px solid rgba(255,255,255,.46);border-radius:17px;background:rgba(255,255,255,.16);content:""}.ty-popup__close span,.ty-popup__close span:before,.ty-popup__close span:after{display:block}.ty-popup__close span{position:relative;width:18px;height:18px}.ty-popup__close span:before,.ty-popup__close span:after{position:absolute;top:8px;left:1px;width:16px;height:2px;border-radius:3px;background:currentColor;content:""}.ty-popup__close span:before{transform:rotate(45deg)}.ty-popup__close span:after{transform:rotate(-45deg)}.ty-popup__close:hover{background:#e83758;box-shadow:0 10px 28px rgba(232,55,88,.34);transform:translateY(-2px)}.ty-popup__close:active{transform:translateY(0) scale(.96)}.ty-popup__close:focus-visible{outline:3px solid rgba(255,255,255,.95);outline-offset:3px}
.ty-popup__timer{position:absolute;right:calc(var(--popup-radius,20px) + 7px);bottom:7px;left:calc(var(--popup-radius,20px) + 7px);z-index:3;height:4px;overflow:hidden;border-radius:99px;background:rgba(10,34,68,.12)}.ty-popup__timer:after{content:"";display:block;width:100%;height:100%;background:linear-gradient(90deg,#ee315d,#ff7a4d);box-shadow:0 0 10px rgba(238,49,93,.3);transform-origin:left;animation:ty-popup-timer var(--popup-timer,8000ms) linear forwards}@keyframes ty-popup-timer{to{transform:scaleX(0)}}
body.ty-popup-open{overflow:hidden}
@media(max-width:640px){.ty-popup{padding:14px}.ty-popup__dialog{width:min(var(--popup-mobile-width,92vw),calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:5px;border-radius:calc(var(--popup-radius,20px) + 5px)}.ty-popup__art,.ty-popup__art picture{max-height:calc(100dvh - 38px)}.ty-popup__art img{max-height:calc(100dvh - 38px);aspect-ratio:4/5}.ty-popup__close{top:13px;right:13px;width:38px;height:38px;border-radius:11px}.ty-popup__close:before{inset:-4px;border-radius:14px}.ty-popup__close span{width:16px;height:16px}.ty-popup__close span:before,.ty-popup__close span:after{top:7px;width:14px}.ty-popup__timer{right:calc(var(--popup-radius,20px) + 5px);bottom:5px;left:calc(var(--popup-radius,20px) + 5px)}}
@media(prefers-reduced-motion:reduce){.ty-popup,.ty-popup__dialog{transition:none!important;animation:none!important}.ty-popup__timer:after{animation:none}}