.fonzie-companion{position:fixed;bottom:80px;left:16px;right:auto;z-index:9998;display:none;opacity:0;transform:translateY(20px);transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1)}.fonzie-companion.fonzie-visible{display:block;opacity:1;transform:translateY(0)}@media (min-width: 750px){.fonzie-companion{bottom:20px;left:auto;right:20px}}.fonzie-avatar{position:relative;width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#6dc3f7,#0d1120);padding:4px;border:none;cursor:pointer;transition:transform .3s cubic-bezier(.68,-.55,.265,1.55),box-shadow .3s ease;box-shadow:0 4px 12px #00000026,0 0 #6dc3f766;overflow:hidden}.fonzie-avatar:hover{transform:scale(1.05) translateY(-2px);box-shadow:0 6px 16px #0003,0 0 0 8px #6dc3f733}.fonzie-avatar:active{transform:scale(.98)}.fonzie-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}@media (max-width: 749px){.fonzie-avatar{width:70px;height:70px}}.fonzie-pulse-ring{position:absolute;top:50%;left:50%;width:100%;height:100%;border:3px solid #6DC3F7;border-radius:50%;transform:translate(-50%,-50%);animation:fonzie-pulse 2s cubic-bezier(.4,0,.6,1) infinite;pointer-events:none}@keyframes fonzie-pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.fonzie-status-indicator{position:absolute;bottom:6px;right:6px;width:18px;height:18px;background:#10b981;border:3px solid white;border-radius:50%;animation:fonzie-status-pulse 3s ease-in-out infinite;z-index:1}@keyframes fonzie-status-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.95)}}.fonzie-avatar[data-state=idle]{animation:fonzie-breathe 4s ease-in-out infinite}@keyframes fonzie-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.fonzie-video-drawer{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:none;align-items:flex-end;justify-content:center;pointer-events:none}.fonzie-video-drawer[data-state=open]{display:flex;pointer-events:auto}.fonzie-drawer-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0d1120f2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;transition:opacity .3s ease}.fonzie-video-drawer[data-state=open] .fonzie-drawer-overlay{opacity:1}.fonzie-drawer-content{position:relative;width:100%;max-width:600px;max-height:95vh;background:#fff;border-radius:20px 20px 0 0;padding:20px;transform:translateY(100%);transition:transform .4s cubic-bezier(.4,0,.2,1);overflow-y:auto;overflow-x:hidden;box-shadow:0 -4px 20px #00000026}.fonzie-video-drawer[data-state=open] .fonzie-drawer-content{transform:translateY(0)}@media (min-width: 750px){.fonzie-video-drawer{align-items:center}.fonzie-drawer-content{border-radius:16px;max-height:85vh;padding:32px;transform:scale(.9);opacity:0}.fonzie-video-drawer[data-state=open] .fonzie-drawer-content{transform:scale(1);opacity:1}}.fonzie-drawer-header{display:flex;justify-content:flex-end;margin-bottom:16px}.fonzie-drawer-close{width:36px;height:36px;background:#0000000d;border:none;border-radius:50%;color:#6b7280;font-size:24px;font-weight:300;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-family:Arial,sans-serif}.fonzie-drawer-close:hover{background:#0000001a;color:#374151;transform:scale(1.1)}.fonzie-drawer-close:active{transform:scale(.95)}.fonzie-video-wrapper{border-radius:12px;overflow:hidden;background:#000;position:relative;width:100%;padding-top:177.78%;max-height:80vh}.fonzie-video-player{position:absolute;top:0;left:0;width:100%;height:100%;display:block}@media (min-width: 750px){.fonzie-video-wrapper{padding-top:56.25%;max-height:none}}.fonzie-drawer-actions{margin-top:20px;display:flex;justify-content:center;gap:12px}.fonzie-skip-video,.fonzie-next-step{padding:12px 24px;background:transparent;border:2px solid #e5e7eb;color:#6b7280;border-radius:8px;font-weight:600;font-size:14px;font-family:Karla,sans-serif;cursor:pointer;transition:all .2s ease;min-height:48px}.fonzie-skip-video:hover,.fonzie-next-step:hover{border-color:#6dc3f7;color:#6dc3f7;transform:translateY(-1px)}.fonzie-next-step{background:#6dc3f7;border-color:#6dc3f7;color:#fff}.fonzie-next-step:hover{background:#5ab3e7;border-color:#5ab3e7;color:#fff}.fonzie-loading{display:flex;align-items:center;justify-content:center;padding:40px;font-family:Karla,sans-serif;color:#6b7280}.fonzie-loading:after{content:"";width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#6dc3f7;border-radius:50%;animation:fonzie-spin .8s linear infinite;margin-left:12px}@keyframes fonzie-spin{to{transform:rotate(360deg)}}.fonzie-avatar:focus-visible,.fonzie-drawer-close:focus-visible,.fonzie-skip-video:focus-visible,.fonzie-next-step:focus-visible{outline:3px solid #6DC3F7;outline-offset:2px}@media (prefers-reduced-motion: reduce){.fonzie-companion,.fonzie-avatar,.fonzie-pulse-ring,.fonzie-status-indicator,.fonzie-drawer-content,.fonzie-drawer-overlay{animation:none!important;transition-duration:.01ms!important}}.fonzie-companion.fonzie-hidden{display:none!important}@media (prefers-contrast: high){.fonzie-avatar{border:2px solid currentColor}.fonzie-drawer-close,.fonzie-skip-video,.fonzie-next-step{border-width:3px}}
/*# sourceMappingURL=/cdn/shop/t/258/assets/fonzie-companion.css.map */