.lanyard-wrapper{z-index:0;-webkit-user-select:none;user-select:none;justify-content:center;align-items:flex-start;width:100%;height:100vh;padding-top:0;display:flex;position:relative;overflow:hidden}.lanyard-fade-overlay{z-index:10;pointer-events:none;background:linear-gradient(#000000e6 0%,#0009 40%,#0000 100%);height:200px;position:absolute;top:0;left:0;right:0}.cards-container{flex-wrap:nowrap;justify-content:center;align-items:flex-start;gap:0;max-width:100%;padding-top:0;padding-left:1rem;padding-right:1rem;display:flex;overflow:auto hidden}.id-card-wrapper{transform-origin:top;will-change:transform;touch-action:none;flex-direction:column;flex-shrink:0;align-items:center;display:flex;position:relative}.id-card-wrapper:first-child{z-index:1}.id-card-wrapper:nth-child(2){z-index:2}.id-card-wrapper:nth-child(3){z-index:3}.id-card-wrapper:nth-child(4){z-index:4}.id-card-wrapper:hover,.id-card-wrapper:active{z-index:20!important}.id-card-wrapper:first-child{margin-left:0}.id-card-wrapper:last-child{margin-right:0}.id-card-image{z-index:1;pointer-events:auto;position:relative}.id-card-content{z-index:2;pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:30%;display:flex;position:absolute;top:58%;left:50%;transform:translate(-50%,-50%)}.id-avatar{background:linear-gradient(145deg,#1a1a1a 0%,#333 100%);border:2px solid #e50914;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:55px;height:55px;display:flex}.id-avatar-initials{color:#fff;text-transform:uppercase;letter-spacing:.05em;font-size:1.1rem;font-weight:700}.id-name{color:#1a1a1a;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin:2px 0 0;font-size:.75rem;font-weight:600;overflow:hidden}.id-badge{letter-spacing:.1em;text-transform:uppercase;border:1px solid;border-radius:3px;margin-top:2px;padding:2px 8px;font-size:.4rem;font-weight:700}.id-swipe-hint{color:#888;letter-spacing:.03em;margin:4px 0 0;font-size:.4rem}@media (max-width:768px){.lanyard-fade-overlay{height:150px}.cards-container{gap:.5rem}.id-card-content{gap:6px;width:35%;top:62%}.id-avatar{border-width:2px;width:40px;height:40px}.id-avatar-initials{font-size:.85rem}.id-name{font-size:.6rem}.id-badge{padding:2px 6px;font-size:.35rem}.id-swipe-hint{font-size:.35rem}}