*{margin:0;padding:0;box-sizing:border-box}#app,html,body{height:100%;margin:0;padding:0}#app{height:auto!important}button{cursor:pointer;transition:transform .05s}button:active{transform:scale(.95)}.hma-header{top:0;width:100%;background:#fff;padding-left:20px;padding-right:20px;padding-top:20px;box-shadow:#e0e0e0 0 0 10px}.hma-header .step-description{font-size:14px;text-align:center;margin-bottom:0}.button-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:1em;padding:20px}@media (width >= 900px){.button-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.final-result{padding:20px;display:flex;flex-direction:column;gap:1em}.final-result .result-image{background-size:contain;background-repeat:no-repeat;background-position:center;width:100%;height:200px;background-color:#888057}button.action-button{width:100%;aspect-ratio:1/1;background-size:contain;background-repeat:no-repeat;background-position:center;border:none;background-color:#315955;margin:auto;border-radius:10px;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:rgba(0,0,0,0)}button.action-button.selected{background-color:#888057;color:#fff;font-weight:700}.letter-button{font-size:3em;text-transform:uppercase;color:#fff;aspect-ratio:1/1}.hma-action-panel{margin-left:20px;margin-right:20px;bottom:0;padding:2em 20px;background:var(--color--headings);border-top:.7em solid #888057}.hma-action-panel button{font-size:16px;padding:10px 20px;border:none;font-family:inherit;font-size:19.2px;color:#fff;background-color:#888057;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:rgba(0,0,0,0)}.hma-action-panel button:disabled{pointer-events:none;opacity:.5}.hma-action-panel .action-row{display:flex;height:100%;justify-content:space-between;align-items:center}.hma-action-panel .sub-action-row{display:flex;height:100%;justify-content:center;gap:1em;align-items:center;margin-top:1em}.hma-action-panel .sub-action-row button{color:#111;background-color:#f0f0f0}.step-indicator{width:100%;max-width:100%;margin:0 auto;padding:0;position:relative}.progress-line{position:relative;width:100%;height:2px;background-color:#e0e0e0;margin:40px 0 20px}.progress-line-active{position:absolute;height:100%;background-color:#888057;transition:width .4s ease}.steps{display:flex;justify-content:space-between;position:absolute;width:100%;bottom:0;transform:translateY(50%)}.step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.step-circle{width:24px;height:24px;border-radius:50%;background-color:#fff;border:2px solid #e0e0e0;display:flex;justify-content:center;align-items:center;transition:all .3s ease}.step-label{color:#757575;font-size:14px;text-align:center;position:absolute;bottom:32px;white-space:nowrap;transition:all .3s ease;transform:translate(-50%);left:50%}.step.current .step-circle{border-color:#888057;background-color:#888057}.blue-theme .step.current .step-circle{border-color:#1976d2;background-color:#1976d2}.step.current .step-label{color:#888057;font-weight:500}.blue-theme .step.current .step-label{color:#1976d2;font-weight:500}.step.completed .step-circle{border-color:#888057;background-color:#888057}.blue-theme .step.completed .step-circle{border-color:#1976d2;background-color:#1976d2}.step.completed .step-circle:after{content:"";display:block;width:8px;height:8px;border-radius:50%;background-color:#fff}.step.completed .step-label{color:#888057}.blue-theme .step.completed .step-label{color:#1976d2}.step:first-child .step-label{transform:translate(0);left:0}.step:last-child .step-label{transform:translate(0);left:auto;right:0}#app{margin-left:0;margin-right:0}@media (width >= 900px){#app{margin-left:-5em;margin-right:-5em}}@media (max-width: 768px){.step-label{display:none}.step.current .step-label{display:block;font-size:12px}.step-circle{width:20px;height:20px}.step.completed .step-circle:after{width:6px;height:6px}}@media (max-width: 480px){.progress-line{margin:30px 0 16px}.step-circle{width:16px;height:16px}.step.completed .step-circle:after{width:4px;height:4px}}.shopify-section-header{position:static!important}
/*# sourceMappingURL=/cdn/shop/t/57/assets/hallmark-finder.css.map */