.modal-container{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:400px;padding:20px}.glass-modal{width:100%;max-width:500px;padding:0;overflow:hidden;background:rgba(50,50,50,.5);backdrop-filter:blur(10px);border-radius:8px;transition:width,height,.3s ease;transform-origin:top center}.glass-modal[data-state=open]{animation:scale-in .2s ease}.glass-modal[data-state=closed]{animation:scale-out .2s ease}.modal-header{padding:20px 20px 0}.header-row{position:relative;gap:16px;margin-bottom:4px}.close-button,.header-row{display:flex;align-items:center}.close-button{position:absolute;left:0;z-index:1;justify-content:center;width:28px;height:28px;color:hsla(0,0%,100%,.7);cursor:pointer;border-radius:8px;transition:all .2s ease}.close-button:hover{color:hsla(0,0%,100%,.9);background:hsla(0,0%,100%,.1);transform:translateY(-1px)}.tab-buttons{display:flex;gap:8px;align-items:center;justify-content:center;width:100%;max-width:fit-content;margin:0 auto;border-radius:12px}.tab-button{padding:6px 14px;font-size:12px;cursor:pointer;border:none;border-radius:8px;outline:none;transition:all .2s ease}.tab-button:hover{color:hsla(0,0%,100%,.9);background:hsla(0,0%,100%,.1);transform:translateY(-1px)}.tab-button.active{background:hsla(0,0%,100%,.1);backdrop-filter:blur(1px)}.navigation-menu-content{position:relative;display:flex;padding:20px;text-align:center;animation-duration:.2s;animation-timing-function:ease}.navigation-menu-content[data-motion=from-start]{animation-name:enter-from-left}.navigation-menu-content[data-motion=from-end]{animation-name:enter-from-right}@keyframes enter-from-right{0%{opacity:0;transform:translateX(200px)}to{opacity:1;transform:translateX(0)}}@keyframes enter-from-left{0%{opacity:0;transform:translateX(-200px)}to{opacity:1;transform:translateX(0)}}@keyframes scale-in{0%{opacity:0;transform:rotateX(-30deg) scale(.9)}to{opacity:1;transform:rotateX(0deg) scale(1)}}@keyframes scale-out{0%{opacity:1;transform:rotateX(0deg) scale(1)}to{opacity:0;transform:rotateX(-10deg) scale(.95)}}.content-wrapper{display:flex;flex-direction:column;justify-content:space-between;height:112px}.content-title{flex-shrink:0;color:#fff}.content-description,.content-title{font-size:12px;text-align:start;transition:all .2s ease}.content-description{min-height:50px;margin:0;line-height:1.4;color:hsla(0,0%,100%,.75)}.content-link-container{position:relative;display:flex;flex-shrink:0;gap:8px;align-items:center;max-width:fit-content;padding-right:20px;margin-top:auto;overflow:visible;border-radius:8px;transition:all .3s ease}.content-link-text{margin-top:10px;color:hsla(0,0%,100%,.5);transition:all .3s ease}.content-link-arrow,.content-link-text:hover{color:hsla(0,0%,100%,.8);transition:all .3s ease}.content-link-arrow{position:absolute;left:-12px;margin-top:10px;font-size:10px;opacity:0}.content-link-container:hover .content-link-text{transform:translateX(18px)}.content-link-container:hover .content-link-arrow{left:2px;opacity:1}