@keyframes animateActiveCardSideOutliner{0%{opacity:0;display:flex}50%{opacity:1}to{opacity:.2;display:none}}@keyframes zoomIAndnOut{25%{scale:.98}75%{scale:1.01}}@keyframes pulseBig{0%{scale:1}50%{scale:1.08}to{scale:1}}@keyframes popIn{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes errorShakeIcononInputField{0%{transform:translate(40%,-100%)}20%{transform:translate(50%,-100%)}40%{transform:translate(30%,-100%)}60%{transform:translate(45%,-100%)}80%{transform:translate(35%,-100%)}to{transform:translate(40%,-100%)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes slideExpand{0%{width:20px;transform:translate(0)}30%{width:28px;transform:translate(6px)}70%{width:24px;transform:translate(14px)}to{width:20px;transform:translate(20px)}}@keyframes slideShrink{0%{width:20px;transform:translate(20px)}30%{width:28px;transform:translate(14px)}70%{width:24px;transform:translate(6px)}to{width:20px;transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.front-flipside,.back-flipside{background-color:#ccc;outline:.01px solid #ccc;box-shadow:0 0 0 1px #ccc}.front-flipside{transform:translateZ(-2.5px)}.back-flipside{transform:translateZ(2.5px)}.card-side-bardures{backface-visibility:hidden;background-color:#ccc;position:absolute}.card-side-bardures.top{width:calc(100% - 24px);height:6px;top:-3px;left:12px;transform:rotateX(90deg)translateZ(0)}.card-side-bardures.bottom{width:calc(100% - 24px);height:6px;bottom:-3px;left:12px;transform:rotateX(-90deg)translateZ(0)}.card-side-bardures.left{width:6px;height:calc(100% - 24px);top:12px;left:-3px;transform:rotateY(-90deg)translateZ(0)}.card-side-bardures.right{width:6px;height:calc(100% - 24px);top:12px;right:-3px;transform:rotateY(90deg)translateZ(0)}.corner-segment{transform-origin:50%;background:linear-gradient(#0000 0% 0%,#ccc 0% 98%,#0000 98% 100%);width:20px;height:5.94px;position:absolute}.corner-segment.corner-1{top:4px;left:-3px;transform:rotate(-45deg)rotateX(270deg)translateY(0)translateZ(0)}.corner-segment.corner-2{top:4px;right:-3px;transform:rotate(45deg)rotateX(270deg)translateY(0)translateZ(0)}.corner-segment.corner-3{bottom:4px;right:-3px;transform:rotate(-45deg)rotateX(270deg)translateY(0)translateZ(0)}.corner-segment.corner-4{bottom:4px;left:-3px;transform:rotate(45deg)rotateX(270deg)translateY(0)translateZ(0)}.i-frame .super-container{margin-top:0!important;padding:0!important}.super-container{flex-direction:column;gap:20px;width:100%;max-width:788px;display:flex}@media (width>=0){.super-container{margin-top:30px;padding:0 10px 10px}}@media (width>=760px){.super-container{padding:0 60px 10px 30px}}.super-container.empty{justify-content:center;align-items:center;max-width:100%}.card-container{aspect-ratio:1.75;width:100%;max-width:788px;transform-style:preserve-3d;perspective:1800px;touch-action:none;z-index:1;cursor:grab;transition:all .35s ease-out;animation:.7s ease-in-out forwards zoomIAndnOut;display:flex;position:relative}.card-container:active{user-select:none;cursor:grabbing}.card-container .zoom-box{transform-origin:0 0;transform-style:preserve-3d;aspect-ratio:1.75;width:100%;max-width:788px;scale:var(--f7e8d1e2);flex-shrink:0;transition:transform}.card-container .card-3d{aspect-ratio:1.75;width:788px;transform-style:preserve-3d;transform-origin:50%;border-radius:12px;transition:all 1s cubic-bezier(.15,.5,.15,1);position:absolute}.card-container .card-3d .card-face{border-radius:11px;position:absolute;inset:0;overflow:hidden}.card-container .card-3d .card-face.front{transform:translateZ(2.95px)}.card-container .card-3d .card-face.back{transform:rotateY(180deg)translateZ(3px)}.card-container .card-3d .card-face .card-field{white-space:nowrap;pointer-events:all;-webkit-tap-highlight-color:transparent;cursor:pointer;position:absolute}.card-container .card-3d .card-face .card-field:has(a){pointer-events:auto}.card-container .card-3d .card-face .card-field:has(a) a{color:inherit;padding:2px 4px;text-decoration:none;transition:all .35s ease-out}.card-container .card-3d .card-face .card-field:has(a) a:hover{background-color:#007bff1a}.card-container .card-3d .card-face .card-field .image-field{cursor:auto}.card-container .card-3d .card-face .card-field .image-field.active{cursor:pointer}.card-container .card-3d .card-face .card-field .gif-field .gif-image{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.card-container .card-3d .card-face .container-3d{opacity:1;background:0 0;width:fit-content;min-height:20px;display:none;position:absolute;inset:20px 20px auto auto}.card-container .card-3d .card-face .container-3d .gui.enabled,.card-container .card-3d .card-face .container-3d a.enabled,.card-container .card-3d .card-face .container-3d .controls.enabled{display:none!important}.card-container .card-3d .card-background,.card-container .card-3d .card-overlay{border-radius:12px;position:absolute;inset:0}.text-content{word-break:break-word;user-select:none}.text-content:hover{background-color:#ff000080}.empty-state{text-align:center;color:#666;flex-direction:column;justify-content:center;align-items:center;max-width:400px;margin:0 auto;padding:60px 20px;display:flex}.empty-state .error-message{flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state .auth-icon{fill:#111;width:64px;height:64px;margin-bottom:20px;display:inline-block}.empty-state .auth-icon.pulsing{animation:1s ease-in-out infinite pulseBig}
