#arlity-viewer-container>section{position:absolute;max-width:min(90vw, 360px);height:100vh;max-height:576px;top:50%;left:calc(50% + min(45vw, 250px) - 180px);opacity:0;width:100vw;overflow:hidden;border-radius:1rem;padding:1.5rem;transform:translateY(-50%) translateX(-50%);transform-origin:-25% -25%}#arlity-viewer-container>section.left{max-width:min(90vw, 500px);max-height:584px;background-color:var(--main-bg)}#arlity-viewer-container>section.left.opening{pointer-events:none;animation:open-left-side 1.2s ease-in-out 1 both}#arlity-viewer-container>section.left.open{opacity:1;z-index:3;transform:translateY(-50%) translateX(calc(-100% + 0.5rem));box-shadow:-4px 12px 16px 4px #0003, 12px 0 20px #0002}#arlity-viewer-container>section.right{background-color:var(--alternative-bg);border-radius:0 1rem 1rem 0;padding-left:2.5rem}#arlity-viewer-container>section.right.gradient{background:linear-gradient(15deg, var(--primary-bg), var(--secondary-bg));color:var(--primary-font)}#arlity-viewer-container>section.right.opening{pointer-events:none;animation:open-right-side 1s ease-in-out 1}#arlity-viewer-container>section.right.open{opacity:1;transform:translateY(-50%) translateX(-0.5rem);box-shadow:4px 8px 12px 2px #0003;z-index:2}#arlity-viewer-container>section.right.closing{z-index:2;pointer-events:none;animation:close-right-side 0.5s ease-in-out 1}#arlity-viewer-container.fullscreen-enter>section.left{animation:enter-fullscreen-left-side 0.5s ease-in-out 1}#arlity-viewer-container.fullscreen-enter>section.right{animation:enter-fullscreen-right-side 0.5s ease-in-out 1;z-index:4}#arlity-viewer-container.fullscreen>section.left{top:0;left:0;max-width:100vw;max-width:100dvw;max-height:100vh;max-height:100dvh;border-radius:0;transform:translate(0)}#arlity-viewer-container.fullscreen>section.right{top:1rem;left:calc(100% - 1rem);padding:1.5rem;border-radius:1rem;transform:translateY(0%) translateX(-100%);scale:1;box-shadow:4px 8px 12px 2px #0003}#arlity-viewer-container.fullscreen>section.right.open,#arlity-viewer-container.fullscreen>section.right.opening,#arlity-viewer-container.fullscreen>section.right.closing{z-index:4}#arlity-viewer-container.fullscreen>section.right.opening{pointer-events:none;animation:fullscreen-open-right-side 0.5s ease-in-out 1}#arlity-viewer-container.fullscreen>section.right.closing{pointer-events:none;animation:fullscreen-close-right-side 0.5s ease-in-out 1}#arlity-viewer-container.fullscreen-exit>section.left{animation:exit-fullscreen-left-side 1s ease-in-out 1}#arlity-viewer-container.fullscreen-exit>section.right{animation:exit-fullscreen-right-side 1s ease-in-out 1}@keyframes open-left-side{0%{pointer-events:none;scale:0.95}30%{pointer-events:none;opacity:1;transform:translateY(-50%) translateX(-50%);box-shadow:0 0 0 #0000, 12px 0 20px #0000;scale:0.95}60%{pointer-events:none;opacity:1;transform:translateY(-50%) translateX(-50%);box-shadow:-4px 12px 16px 4px #0003, 12px 0 20px #0002;scale:1.0}100%{pointer-events:initial;opacity:1;transform:translateY(-50%) translateX(calc( -100% + 0.5rem ));box-shadow:-4px 12px 16px 4px #0003, 12px 0 20px #0002;scale:1.0}}@keyframes open-right-side{0%{pointer-events:none;opacity:0;transform:translateY(-50%) translateX(-100%);box-shadow:4px 8px 12px 2px #0000;scale:0 1}50%{pointer-events:none;opacity:1;transform:translateY(-50%) translateX(-100%);box-shadow:4px 8px 12px 2px #0003;scale:1}100%{pointer-events:initial;opacity:1;transform:translateY(-50%) translateX(-0.5rem);box-shadow:4px 8px 12px 2px #0003;scale:1}}@keyframes close-right-side{0%{pointer-events:none;opacity:1;transform:translateY(-50%) translateX(-0.5rem);box-shadow:4px 8px 12px 2px #0003;scale:1}100%{pointer-events:initial;opacity:0;transform:translateY(-50%) translateX(-150%);box-shadow:4px 8px 12px 2px #0000;scale:0 1}}@keyframes enter-fullscreen-left-side{40%{top:50%;left:50%;border-radius:0;transform:translateY(-50%) translateX(-50%)}70%{top:0;left:50%;max-height:100vh;max-height:100dvh;border-radius:0;transform:translateY(0) translateX(-50%)}100%{top:0;left:0;max-width:100vw;max-width:100dvw;max-height:100vh;max-height:100dvh;border-radius:0;transform:translate(0)}}@keyframes exit-fullscreen-left-side{0%{top:0;left:0;max-width:100vw;max-width:100dvw;max-height:100vh;max-height:100dvh;border-radius:0;transform:translate(0)}15%{top:0;left:50%;max-height:100vh;max-height:100dvh;border-radius:0;transform:translateY(0) translateX(-50%)}30%{top:50%;left:50%;border-radius:0;transform:translateY(-50%) translateX(-50%)}}@keyframes enter-fullscreen-right-side{0%{z-index:4;scale:1}20%{scale:1.05}80%{scale:1.05}100%{top:1rem;left:calc(100% - 1rem);padding:1.5rem;border-radius:1rem;transform:translateY(0%) translateX(-100%);z-index:4;scale:1}}@keyframes exit-fullscreen-right-side{0%{top:1rem;left:calc(100% - 1rem);padding:1.5rem;border-radius:1rem;transform:translateY(0%) translateX(-100%);z-index:4;scale:1}50%{top:1rem;left:calc(100% - 1rem);padding:1.5rem;border-radius:1rem;transform:translateY(0%) translateX(-100%);z-index:4;scale:1}100%{top:50%;left:calc(50% + min(45vw, 250px) - 180px);padding-left:2.5rem;border-radius:0 1rem 1rem 0;transform:translateY(-50%) translateX(-0.5rem);z-index:2}}@keyframes fullscreen-open-right-side{0%{transform:translateY(0%) translateX(120%);opacity:0}100%{transform:translateY(0%) translateX(-100%);opacity:1}}@keyframes fullscreen-close-right-side{0%{transform:translateY(0%) translateX(-100%);opacity:1}100%{transform:translateY(0%) translateX(120%);opacity:0}}
/*# sourceMappingURL=card-lg.min.css.map */