.grid-tutorial{position:fixed;background:#1d4062;border:2px solid #1a3e61;border-radius:8px;padding:1.5rem;max-width:500px;min-width:400px;box-shadow:0 10px 25px rgba(0,0,0,.2);z-index:1000;animation:fadeIn .3s ease-out}.grid-tutorial[hidden]{display:none}.grid-tutorial::before{content:"";position:absolute;top:-10px;left:2rem;width:0;height:0;border-left:10px solid rgba(0,0,0,0);border-right:10px solid rgba(0,0,0,0);border-bottom:10px solid #1a3e61}.grid-tutorial::after{content:"";position:absolute;top:-7px;left:calc(2rem + 2px);width:0;height:0;border-left:8px solid rgba(0,0,0,0);border-right:8px solid rgba(0,0,0,0);border-bottom:8px solid #1a3e61}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.grid-tutorial .tutorial-content{position:relative}.grid-tutorial h3{margin:0 0 1rem 0;font-size:1.125rem;font-weight:600;color:#e5e7eb}.grid-tutorial p{margin:0;line-height:1.6;color:#e5e7eb}.arrow-keys-visual{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin:1rem 0;padding:1rem;color:#e5e7eb;border-radius:4px}.arrow-keys-visual .arrow-row{display:flex;gap:.25rem}.arrow-key{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:#1f2937;color:#e5e7eb;border-radius:4px;font-size:1.25rem;font-weight:bold;box-shadow:0 2px 4px rgba(0,0,0,.1)}.grid-tutorial button{color:#e5e7eb;border:none;padding:.5rem 1rem;border-radius:4px;font-size:.875rem;font-weight:500;cursor:pointer;margin-bottom:0;background:rgba(0,0,0,0);position:absolute;right:-0.9rem;top:-0.9rem}.grid-tutorial button::before{font-family:"Stacks Icons";content:""}.grid-tutorial button:hover,.grid-tutorial button:focus{background:#10355a}@media(max-width: 768px){.grid-tutorial{left:.5rem;right:.5rem;max-width:none;bottom:1rem}}/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22../scss/availability-grid-tutorial.scss%22,%22../../../../themes/base_theme/scss/abstracts/_icon-variables.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22CAUA,eACE,eACA,mBACA,yBACA,kBACA,eACA,gBACA,gBACA,sCACA,aACA,8BAGF,uBACE,aAIF,uBACE,WACA,kBACA,UACA,UACA,QACA,SACA,qCACA,sCACA,iCAGF,sBACE,WACA,kBACA,SACA,sBACA,QACA,SACA,oCACA,qCACA,gCAGF,kBACE,KACE,UAEF,GACE,WAIJ,iCACE,kBAGF,kBACE,kBACA,mBACA,gBACA,cAGF,iBACE,SACA,gBACA,cAIF,mBACE,aACA,sBACA,mBACA,WACA,cACA,aACA,cACA,kBAGF,8BACE,aACA,WAGF,WACE,oBACA,mBACA,uBACA,aACA,cACA,mBACA,cACA,kBACA,kBACA,iBACA,oCAGF,sBACE,cACA,YACA,mBACA,kBACA,kBACA,gBACA,eACA,gBACA,yBACA,kBACA,cACA,YAEA,8BC/GA,2BDiHE,YAGF,wDAEE,mBAKJ,yBACE,eACE,WACA,YACA,eACA%22,%22file%22:%22availability-grid-tutorial.css%22%7D */