.planetary-calculator{max-width:900px;margin:0 auto}.planetary-calculator .sections{margin:0 20px}.planetary-calculator .header{text-align:center}.header h1{margin:0;font-size:2rem;color:#83a697}.controls{margin-top:1rem;display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.date-input,.button{padding:.5rem;border:1px solid #dadce0;border-radius:6px;font-size:1rem}.button{background-color:#83a697;color:#fff;border:none;cursor:pointer;transition:background-color .3s ease,transform .3s ease;display:inline-flex;align-items:center;gap:.5rem;padding:0 27px}.button:hover{background-color:#6c8e80;transform:translateY(-2px)}.icon-container{display:inline-flex;align-items:center;justify-content:center}.icon-container.loading{animation:spin 1s linear infinite}.material-icons-outlined{display:inline-block;transform-origin:center center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#location-display{font-size:.9rem;color:#718096;overflow:hidden;display:inline-block}@keyframes letterFadeOut{0%{opacity:1}to{opacity:0}}.fade-letter-out{animation:letterFadeOut .5s forwards}@keyframes letterFadeIn{0%{opacity:0}to{opacity:1}}.fade-letter-in{animation:letterFadeIn .5s forwards}.sections{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-around}.section{flex:1;min-width:350px}.section h2{font-size:1.5rem;margin-bottom:1rem;color:#6c8e80}.hour-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;margin-bottom:1rem;box-shadow:0 2px 5px #0000000d;display:flex;align-items:center;opacity:1}.hour-card.skeleton{background-color:#83a69728;border-color:#e0e0e0;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.hour-symbol{display:inline-flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:50%;background-color:#83a697;color:#fff;font-size:1.5rem;margin-right:1rem;transition:transform .3s ease;border:5px solid #ffffff8f}.hour-symbol.active{animation:pulseActive 5s infinite}@keyframes pulseActive{0%{border:scale(1)}50%{transform:scale(1.2)}to{border:scale(1)}}.hour-info{display:flex;flex-direction:column}.hour-name{font-size:1.125rem;font-weight:700;margin:0}.hour-slot{font-size:.9rem;color:#718096}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.fade-out-up{animation:fadeOutUp .5s forwards}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.fade-in-down{animation:fadeInDown .5s forwards}
/*# sourceMappingURL=/cdn/shop/t/21/assets/planetary-calculator.css.map */