.pass{border-radius:7px;width:320px;max-width:320px;min-height:480px;transition:box-shadow .5s;position:relative;box-shadow:0 0 0 1px #ffffff26,0 20px 40px -10px #0009}.pass .card{width:100%;height:100%;min-height:inherit;border-radius:inherit;transform-origin:50%;transform-style:preserve-3d;transition:transform 1s;display:flex}.pass .card.show-back{transform:rotateY(180deg)}.pass .card.show-back>.content{z-index:-1}.pass .card.show-back>.back-fields{z-index:99}.pass .card .decorations{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.pass .card>.content{width:100%;height:100%;min-height:inherit;box-sizing:border-box;border-radius:inherit;backface-visibility:hidden;flex-direction:column;align-items:center;padding:0;display:flex;position:absolute;overflow:hidden}.pass .card>.content:after{content:"";z-index:-1;background:var(--pass-background,#fff);background-position:bottom;background-size:cover;position:absolute;inset:0}.pass .card>.content.bg-image:after{filter:blur(6px)}.pass[data-kind=boardingPass] .decorations:before,.pass[data-kind=boardingPass] .decorations:after{content:"";z-index:999;border-radius:50%;width:10px;height:10px;transition:opacity .5s;position:absolute;top:112px}.pass[data-kind=boardingPass] .decorations:before{background:linear-gradient(270deg,#333 0% 70%);left:-6px}.pass[data-kind=boardingPass] .decorations:after{background:linear-gradient(90deg,#333 0% 70%);right:-6px}.pass[data-kind=eventTicket] .card .content{padding-top:15px}.pass[data-kind=eventTicket] .decorations:before{content:"";z-index:999;background:linear-gradient(#000 0%,#333 75%);border-radius:50%;width:40px;height:28px;position:absolute;top:-19px;left:calc(50% - 20px)}.pass[data-kind=coupon]{border-radius:0}.pass[data-kind=coupon] .card .content{border-radius:unset}.pass[data-kind=coupon] .decorations:before,.pass[data-kind=coupon] .decorations:after{content:"";background-repeat:repeat-x;background-size:7px 5px;background-color:var(--pass-background,#fff);z-index:10;width:100%;height:6px;position:absolute}.pass[data-kind=coupon] .decorations:before{background-image:linear-gradient(140deg,#333 50%,#0000 50%),linear-gradient(220deg,#333 50%,#0000 50%);background-position:0 0,0 0;top:-3px}.pass[data-kind=coupon] .decorations:after{background-image:linear-gradient(40deg,#222 50%,#0000 50%),linear-gradient(-40deg,#222 50%,#0000 50%);background-position:0 100%,0 100%;bottom:-3px}#selector-app{flex-grow:1;width:100%;height:100%}#selector-app.enter-active,#selector-app.exit-active{transition:opacity .5s}#selector-app.enter{opacity:0}#selector-app.enter-active,#selector-app.exit{opacity:1}#selector-app.exit-active{opacity:0}#selector-app header{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:auto;min-height:80px;padding:20px 0;display:flex}#selector-app header>h2{color:var(--foreground);text-align:center;font-family:Helvetica,sans-serif;font-size:1.5em;font-weight:300}#selector-app .selection-window{scroll-behavior:smooth;scrollbar-width:none;max-width:1500px;height:100%;margin:0 auto;overflow-y:scroll}#selector-app .selection-window::-webkit-scrollbar{display:none}#selector-app .selection-window .pass-list{box-sizing:border-box;width:100%;height:fit-content;padding:10px 1%;transition:opacity .5s ease-in-out;display:flex}#selector-app .selection-window .pass-list #slidable{scrollbar-width:none;width:100%;margin:0 15px;display:inline-flex;overflow-x:scroll}#selector-app .selection-window .pass-list #slidable::-webkit-scrollbar{display:none}@media only screen and (max-width:500px){#selector-app .selection-window .pass-list #slidable{justify-content:flex-start!important}}#selector-app .selection-window .pass-list #slidable.space-first{justify-content:space-between}#selector-app .selection-window .pass-list #slidable.element-first{justify-content:space-evenly}#selector-app .selection-window .pass-list #slidable div.select{opacity:0;cursor:pointer;flex-direction:column;width:230px;animation:.2s ease-in forwards PassFade;display:flex;position:relative}#selector-app .selection-window .pass-list #slidable div.select:nth-child(2){animation-delay:.1s}#selector-app .selection-window .pass-list #slidable div.select:nth-child(3){animation-delay:.2s}#selector-app .selection-window .pass-list #slidable div.select:nth-child(4){animation-delay:.3s}#selector-app .selection-window .pass-list #slidable div.select:nth-child(5){animation-delay:.4s}#selector-app .selection-window .pass-list #slidable div.select:not(:last-child){margin-right:3%}#selector-app .selection-window .pass-list #slidable div.select>.darkness-realm{width:inherit;pointer-events:none;position:relative}#selector-app .selection-window .pass-list #slidable div.select>.darkness-realm>.pass{width:inherit;flex-grow:1;flex-shrink:0;padding-bottom:0}#selector-app .selection-window .pass-list #slidable div.select .name{text-align:center;color:var(--foreground);margin-top:10px;transition:opacity .5s ease-in-out}#selector-app .selection-window .pass-list #slidable.selection-active div.select:not(.highlighted) .darkness-realm:after{content:"";z-index:2;background-color:#00000080;border-radius:7px;transition:background-color .3s ease-in-out;position:absolute;inset:0}#selector-app .selection-window .pass-list #slidable.selection-active div.select:not(.highlighted)[data-pass-kind=coupon] .darkness-realm:after{border-radius:unset}#selector-app .selection-window .pass-list #slidable.selection-active div.select:not(.highlighted)>.name{opacity:.5}#selector-app .selection-window .pass-list #slidable.selection-active div.select.highlighted>.darkness-realm>.pass{box-shadow:0 3px 10px #000}@keyframes PassFade{0%{opacity:0}to{opacity:1}}.pass .skeleton-box{background-color:#fff3;border-radius:4px}