:root{--theme-text-color:#000;--theme-top-color:#fff;--theme-bottom-color:#7f02f9}.media-container{flex-direction:column;justify-content:center;align-items:center;width:171px;display:flex}.media-container__image-container{background-color:#f1ecfb;border-radius:12px;flex-shrink:0;width:173px;height:308px;position:relative;overflow:hidden}.media-container__image-container__media-icon{z-index:10;width:11px;height:auto;position:absolute;top:10px;right:10px}.media-container__image-container-skeleton{background-color:#f1ecfb;border:1px solid #1c0f2f;border-radius:12px;flex-shrink:0;width:171px;height:292px;position:relative;overflow:hidden}.media-container__image-container-skeleton__content{background-image:linear-gradient(90deg,#e4e4e7,#f4f4f5,#e4e4e7);width:402px;height:874px;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse;position:absolute;inset:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.media-container__image-container-preview{background-color:#f1ecfb;border-radius:12px;flex-shrink:0;width:171px;height:292px;position:relative;overflow:hidden}.media-container__image-container-preview__content{transform-origin:0 0;width:402px;height:874px;position:absolute;transform:scale(.425373)}.media-container__page-container{background-color:#f1ecfb;border:1px solid #1c0f2f;border-radius:12px;flex-shrink:0;width:171px;height:292px;position:relative;overflow:hidden}.media-container__page-container__skeleton{z-index:1;background:linear-gradient(110deg,#f1ecfb 30%,#e8e0f5 50%,#f1ecfb 70%) 0 0/200% 100%;animation:1.5s ease-in-out infinite shimmer-slide;position:absolute;inset:0}.media-container__page-container__content{transform-origin:0 0;opacity:0;width:402px;height:874px;transition:opacity .3s;position:absolute;transform:scale(.425373)}.media-container__page-container__content--loaded{opacity:1}@keyframes shimmer-slide{0%{background-position:200% 0}to{background-position:-200% 0}}.media-container__details-preview{flex-direction:row;justify-content:space-between;width:100%;padding-top:12px;display:flex}.media-container__details-preview h2{color:#1c0f2f;letter-spacing:-.15px;font-family:Inter,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:16px}.media-container__details{flex-direction:column;justify-content:start;align-items:start;width:100%;height:38px;margin-top:8px;display:flex}.media-container__details h2{color:#1c0f2f;letter-spacing:-.15px;font-family:Inter,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:16px}.media-container__details span{color:#1c0f2f;font-family:Inter,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:14px}