@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes menuEnter{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInItem{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.magazine-items-menu{position:fixed;left:0;width:auto;z-index:9999;margin-top:16px;.magazine-menu-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.25);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease;z-index:999;&.open{opacity:1;visibility:visible}}.magazine-redirecting{position:fixed;inset:0;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;color:white;font-weight:500;font-size:1rem;z-index:10000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .2s ease}.magazine-items-menu-compact{display:flex;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:-moz-fit-content;width:fit-content;.magazine-items-menu-toggle{display:flex;align-items:center;justify-content:flex-start;width:auto;min-width:44px;height:44px;padding:0 12px;background:#ec7000;border:none;border-radius:0 12px 12px 0;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;z-index:9998;svg{font-size:20px;flex-shrink:0;transition:transform .3s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.magazine-items-menu-label{white-space:nowrap;font-size:14px;font-weight:500;opacity:0;max-width:0;transform:translateX(-10px);transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),max-width .3s cubic-bezier(.4,0,.2,1);overflow:hidden}@media (hover:hover) and (pointer:fine){&:hover{gap:12px;.magazine-items-menu-label{opacity:1;max-width:150px;transform:translateX(0)}svg{transform:rotate(-5deg) scale(1.1)}}}&:active{transform:scale(.98) translateX(2px)}&.open{gap:12px;width:max(320px,min(80vw,480px));border-radius:0 12px 0 0;.magazine-items-menu-label{opacity:1;max-width:150px;transform:translateX(0)}svg{transform:rotate(90deg)}}}}.magazine-items-menu-full{position:absolute;top:100%;width:max(320px,min(80vw,480px));background:white;border-radius:0 0 12px 0;max-height:min(480px,80vh);overflow:hidden;animation:slideDown .4s ease;border:1px solid rgba(0,0,0,.1);z-index:1001;max-height:calc(100vh - 80px);opacity:0;transform-origin:top left;pointer-events:none;&.open{animation:menuEnter .4s ease forwards;pointer-events:auto}.magazine-items-menu-content{flex:1 1;min-height:0;max-height:clamp(200px,calc(100vh - 160px),400px);overflow-y:auto;.magazine-items-menu-list{list-style:none;padding:8px;margin:0;li{width:100%;margin-bottom:8px;opacity:0;transform:translateX(-15px);animation:slideInItem .8s cubic-bezier(.4,0,.2,1) forwards;animation-fill-mode:forwards;.magazine-items-menu-list-item{all:unset;width:100%;display:flex;align-items:center;gap:14px;padding:12px;text-decoration:none;color:#333;border-radius:16px;transition:all .8s cubic-bezier(.4,0,.2,1);background:transparent;box-sizing:border-box;cursor:pointer;position:relative;overflow:hidden;&:hover{background:#f5f5f5;transform:translateX(4px);.magazine-items-menu-item-thumb{transform:scale(1.05)}}&:active{transform:scale(.98) translateX(4px)}&:disabled{cursor:default;pointer-events:none}.magazine-items-menu-item-thumb{width:160px;height:100px;border-radius:12px;overflow:hidden;background:#f0f0f0;flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1);img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1)}&:hover img{transform:scale(1.1)}}.magazine-items-menu-item-info{flex:1 1;min-width:0;.magazine-items-menu-item-title{font-size:.9rem;font-weight:500;line-height:1.4;text-overflow:ellipsis;word-wrap:break-word;word-break:break-word}}}&.active{.magazine-items-menu-list-item{background:#f5f5f5}}}}}.magazine-items-menu-footer{margin-top:auto;padding:12px;border-top:1px solid rgba(0,0,0,.08);background:#fff;flex-shrink:0}}}@media (min-width:992px) and (orientation:landscape){.magazine-items-menu{.magazine-items-menu-full{.magazine-items-menu-content{max-height:clamp(140px,calc(70vh - 160px),400px)}}}}@media (max-width:992px){.magazine-items-menu{.magazine-items-menu-compact{.magazine-items-menu-toggle.open{width:95vw}}.magazine-items-menu-full{width:95vw;.magazine-items-menu-content{max-height:clamp(140px,calc(70vh - 160px),400px)}}}}@media (max-width:992px) and (orientation:landscape){.magazine-items-menu{margin-top:8px;.magazine-items-menu-full{.magazine-items-menu-content{max-height:clamp(140px,calc(70vh - 160px),400px)}}}}.embed-item{.data-iframe{min-height:calc(100lvh - 100px)}}