.card-swap-container{perspective:1000px;width:100%;height:100%;position:relative;overflow:visible}.card{transform-style:preserve-3d;will-change:transform;backface-visibility:hidden;background:#fff;border:1px solid #e2e8f0e6;border-radius:24px;position:absolute;top:50%;left:50%;box-shadow:0 20px 40px -15px #003e5726,0 0 20px #0000000a}@media (max-width:768px){.card-swap-container{transform-origin:50%;transform:scale(.85)}}@media (max-width:480px){.card-swap-container{transform-origin:50%;transform:scale(.7)}}
.circular-gallery{cursor:grab;width:100%;height:100%;overflow:hidden}.circular-gallery:active{cursor:grabbing}.circular-gallery:focus-visible{outline-offset:4px;outline:2px solid #003e57}
#infinite-grid-menu-canvas{cursor:grab;outline:none;width:100%;height:100%;position:relative;overflow:hidden}#infinite-grid-menu-canvas:active{cursor:grabbing}.action-button{z-index:10;cursor:pointer;background:#003e57;border:4px solid #fff;border-radius:50%;place-items:center;width:60px;height:60px;transition:transform .2s,background-color .2s;display:grid;position:absolute;left:50%;box-shadow:0 10px 25px #003e5759}.action-button:hover{background:#002d40;transform:translate(-50%)scale(1.08)}.face-title{-webkit-user-select:none;user-select:none;color:#0f172a;text-shadow:0 2px 12px #ffffffe6;font-size:2.75rem;font-weight:900;position:absolute;top:50%;left:3rem}.action-button-icon{-webkit-user-select:none;user-select:none;color:#fff;font-size:24px;font-weight:700;position:relative;top:1px}.face-title.active{opacity:1;pointer-events:auto;transition:all .5s;transform:translateY(-50%)}.face-title.inactive{pointer-events:none;opacity:0;transition:all .1s;transform:translate(-20px,-50%)}.face-description{-webkit-user-select:none;user-select:none;color:#334155;text-shadow:0 2px 12px #ffffffe6;max-width:22ch;font-size:1.15rem;font-weight:500;line-height:1.5;position:absolute;top:50%;right:3rem}.face-description.active{opacity:1;pointer-events:auto;transition:all .5s;transform:translateY(-50%)}.face-description.inactive{pointer-events:none;opacity:0;transition:all .1s;transform:translate(20px,-50%)}.action-button.active{opacity:1;pointer-events:auto;transition:all .5s;bottom:3.8em;transform:translate(-50%)scale(1)}.action-button.inactive{opacity:0;pointer-events:none;transition:all .1s;bottom:-80px;transform:translate(-50%)scale(0)}@media (max-width:1024px){.face-title,.face-description{display:none}}
.lanyard-wrapper{z-index:10;transform-origin:50%;justify-content:center;align-items:center;width:100%;height:100%;min-height:480px;display:flex;position:relative;transform:scale(1)}