<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">html {
    box-sizing: border-box;
}

*, *:before, *:after {
    box-sizing: inherit;
}

main {
    display: flex;
    min-height: calc(100vh - 120px);
    flex-direction: column;
    align-items: center;
    /*margin: 0 auto;*/
}

.screener {
    margin: 1em;
    position: relative;
    top: 0;
    left: 0;
}

.screener .body {
    max-width: 100%;
    position: relative;
    top: 0;
    left: 0;
}

.screener .ticket {
    position: absolute;
    top: calc(0.856 * 100%);
    right: calc(0.133 * 100%);
    width: calc(0.34 * 100%);
}

.ticket {
    animation: shake 0.82s infinite cubic-bezier(.36,.07,.19,.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}

@keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }
    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }
    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }
    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}

@media (max-width: 1024px) {
    main {
        width: 100%;
    }

    .screener .ticket {
        right: calc(0.123 * 100%);
    }
}
</pre></body></html>