.media-detail{box-sizing:border-box;color:#464646;font-family:Poppins,Roboto,sans-serif;margin:24px auto;width:min(353px,100% - 12px)}.media-detail *,.media-detail *::before,.media-detail *::after{box-sizing:border-box}.media-detail__header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:12px}.media-detail__title{color:#464646;font-size:16px;font-weight:600;min-width:0;line-height:1.25;margin:0}.media-detail__favorite{align-items:center;background:rgba(0,0,0,0);border:1px solid #969fa6;border-radius:50%;color:#646464;cursor:pointer;display:inline-flex;flex:0 0 28px;height:28px;justify-content:center;padding:0;transition:background-color 160ms ease,border-color 160ms ease,color 160ms ease,transform 160ms ease;width:28px}.media-detail__favorite[aria-pressed=true]{background:#548cc9;border-color:#548cc9;color:#fff;transform:scale(1.04)}.media-detail__favorite:focus-visible,.media-detail__zoom:focus-visible{outline:3px solid rgba(84,140,201,.35);outline-offset:2px}.media-detail__favorite-icon{background:currentcolor;height:20px;-webkit-mask-image:url("../../../assets/icons/media-favorite.svg");mask-image:url("../../../assets/icons/media-favorite.svg");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;width:20px}.media-detail__favorite-label{display:none}.media-detail__figure{background-color:#e8edf1;clip-path:inset(0 round 20px);height:auto;margin:0;position:relative;width:100%}.media-detail__figure::before{background-image:var(--lqip, none);background-position:center;background-size:cover;content:"";filter:blur(20px);inset:-20px;opacity:1;position:absolute;transition:opacity 400ms ease;z-index:0}.media-detail__figure.is-image-loaded::before{opacity:0}.media-detail__figure.is-zoomed{cursor:grab;touch-action:none}.media-detail__figure.is-dragging{cursor:grabbing}.media-detail--horizontal .media-detail__figure{aspect-ratio:353/217.2308}.media-detail--vertical .media-detail__figure{aspect-ratio:353/509.8889}.media-detail__image{display:block;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;position:relative;transform:translate(var(--media-pan-x, 0), var(--media-pan-y, 0)) scale(var(--media-zoom, 1));transition:opacity 300ms ease,transform 180ms ease;width:100%;z-index:1}.media-detail__image.is-loaded{opacity:1}.media-detail__figure.is-dragging .media-detail__image{transition:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.media-detail__video{display:block;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.media-detail__figure:has(.media-detail__video) .media-detail__zoom{display:none}.media-detail__audio{display:block;margin-top:12px;width:100%}.media-detail__zoom{align-items:center;background:rgba(242,246,249,.3);border:0;border-radius:20px;color:#fff;cursor:pointer;display:inline-flex;height:42px;justify-content:center;padding:0;position:absolute;right:8px;top:8px;width:42px}.media-detail__zoom svg{height:24px;width:24px}.media-detail__metadata{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.media-detail__tag{align-items:center;background:#f2f6f9;border-radius:32px;color:#273848;display:inline-flex;font-size:14px;font-weight:400;gap:6px;min-height:41px;padding:6px 12px;width:auto}.media-detail__tag img{display:block;flex:0 0 14px;height:14px;-o-object-fit:contain;object-fit:contain;width:14px}.media-detail__status{align-items:center;background:rgba(226,255,237,.5);border-radius:20px;color:#007000;display:inline-flex;flex:0 0 142px;font-size:12px;font-weight:400;gap:6px;justify-content:center;margin-right:calc(100% - 142px);min-height:30px;order:-1;padding:6px 12px}.media-detail__status-dot{background:#1ae21a;border-radius:50%;flex:0 0 16px;height:16px;width:16px}@media(min-width: 780px){.media-detail{margin-block:48px;width:min(var(--media-detail-width),100% - 40px)}.media-detail--horizontal{--media-detail-width: 975px}.media-detail--vertical{--media-detail-width: 420px}.media-detail__header{gap:32px;margin-bottom:20px}.media-detail__title{font-size:24px}.media-detail__favorite{background:#f2f6f9;border:0;border-radius:5px;color:#548cc9;flex-shrink:0;font-size:10px;font-weight:300;gap:6px;height:28px;min-width:141px;padding:0 12px;white-space:nowrap;width:-moz-fit-content;width:fit-content}.media-detail__favorite[aria-pressed=true]{background:#548cc9;color:#fff}.media-detail__favorite-icon{display:block;height:16px;width:20px}.media-detail__favorite-label{display:inline}.media-detail__zoom{display:none}.media-detail--horizontal .media-detail__figure{aspect-ratio:975/600}.media-detail--vertical .media-detail__figure{aspect-ratio:420/600}.media-detail__metadata{justify-content:space-between;margin-top:12px}.media-detail__tag{font-size:16px;min-height:41px}.media-detail__tag img{flex-basis:16px;height:16px;width:16px}.media-detail__status{flex-basis:auto;margin-right:0;order:initial}}