.hanria-cfg{width:100%;background:#f1eefb66;padding:clamp(3rem,7vw,5rem) clamp(.75rem,2vw,1.5rem)}.hanria-cfg__inner{max-width:84rem;margin:0 auto;display:flex;flex-direction:column;gap:32px}.hanria-cfg__head{text-align:center;max-width:640px;margin:0 auto}.hanria-cfg__eyebrow{display:block;font-family:Space Mono,monospace;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#f2637a;margin-bottom:8px}.hanria-cfg__title{font-family:Fredoka,sans-serif;font-weight:700;font-size:clamp(26px,3.2vw,34px);color:#5b3a28;margin:0}.hanria-cfg__subheading{font-family:Quicksand,sans-serif;font-size:15px;color:#5b3a28b3;margin:8px 0 0}.hanria-cfg__panel{display:grid;grid-template-columns:1fr 1fr;gap:32px;background:#fffbf6;border-radius:1.5rem;padding:clamp(1.5rem,3vw,2.5rem);box-shadow:0 6px #5b3a281f}@media(max-width:1023px){.hanria-cfg__panel{grid-template-columns:1fr}}.hanria-cfg__stage-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:300px;width:100%;box-sizing:border-box;background:#fbd9c94d;border-radius:1rem;padding:clamp(1rem,2vw,1.5rem)}.hanria-cfg__stage-label{font-family:Space Mono,monospace;font-size:11px;text-transform:uppercase;color:#5b3a28b3}.hanria-cfg__stage{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:clamp(3px,1vw,8px);padding:12px;background:#5b3a280d;border-radius:2rem;min-height:64px;width:100%;box-sizing:border-box}.hanria-cfg__stage-empty{font-family:Space Mono,monospace;font-size:13px;color:#5b3a2880}.hanria-cfg__key{width:clamp(38px,13vw,60px);height:clamp(38px,13vw,60px);flex-shrink:0;border-radius:1rem;color:#fffbf6;font-family:Fredoka,sans-serif;font-weight:700;font-size:clamp(16px,5vw,26px);display:flex;align-items:center;justify-content:center;box-shadow:0 4px #432616;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .08s ease,box-shadow .08s ease}@media(min-width:640px){.hanria-cfg__key{width:clamp(44px,8vw,60px);height:clamp(44px,8vw,60px);font-size:clamp(18px,3.4vw,24px)}}.hanria-cfg__key--icon{font-size:clamp(16px,4vw,20px)}.hanria-cfg__key--pressed{transform:translateY(4px);box-shadow:0 1px #432616}.hanria-cfg__cord{display:flex;align-items:center;gap:10px;width:100%;max-width:360px}.hanria-cfg__cord-line{flex:1;height:8px;border-radius:999px;background:#7c4a2d;box-shadow:0 2px #5b3a2840}.hanria-cfg__cord-label{font-family:Space Mono,monospace;font-size:11px;color:#5b3a28bf;white-space:nowrap}.hanria-cfg__hint{display:flex;align-items:center;gap:6px;font-family:Space Mono,monospace;font-size:12px;color:#5b3a28}.hanria-cfg__controls{display:flex;flex-direction:column;gap:28px;justify-content:space-between}.hanria-cfg__step{display:flex;flex-direction:column;gap:16px}.hanria-cfg__step-head{font-family:Space Mono,monospace;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#f2637a;background:#f2637a14;padding:6px 14px;border-radius:999px;width:fit-content}.hanria-cfg__orientation{display:flex;gap:8px}.hanria-cfg__orientation-btn{flex:1;padding:10px 14px;border-radius:.75rem;background:#fffbf6;border:none;box-shadow:0 2px #5b3a2826;color:#5b3a28;font-family:Fredoka,sans-serif;font-size:14px;font-weight:600;cursor:pointer}.hanria-cfg__orientation-btn--active{box-shadow:0 2px #5b3a28;background:#fbd9c9}.hanria-cfg__orientation-btn:active{transform:translateY(2px)}.hanria-cfg__step-nav-btn{align-self:flex-start;padding:10px 20px;border-radius:999px;background:#f2637a;border:none;color:#fffbf6;font-family:Fredoka,sans-serif;font-weight:700;font-size:13px;cursor:pointer;box-shadow:0 3px #5b3a28}.hanria-cfg__step-nav-btn:active{transform:translateY(2px);box-shadow:0 1px #5b3a28}.hanria-cfg__step-nav-btn--back{background:#fffbf6;color:#5b3a28;box-shadow:0 2px #5b3a2833;margin-bottom:4px}.hanria-cfg__field{display:flex;flex-direction:column;gap:8px}.hanria-cfg__field-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.hanria-cfg__mode-toggle{padding:6px 14px;border-radius:999px;background:#f1eefb;border:none;color:#5b3a28;font-family:Space Mono,monospace;font-size:11px;font-weight:700;cursor:pointer}.hanria-cfg__mode-toggle:hover{background:#fbd9c9}.hanria-cfg__icons-only-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:10px 16px;border-radius:999px;background:#f1eefb80}.hanria-cfg__icons-only-hint{font-family:Quicksand,sans-serif;font-size:12px;color:#5b3a28bf}.hanria-cfg__clear-btn{padding:4px 12px;border-radius:999px;background:#fffbf6;border:none;color:#5b3a28;font-family:Space Mono,monospace;font-size:11px;font-weight:700;cursor:pointer;box-shadow:0 2px #5b3a2833}.hanria-cfg__label{font-family:Fredoka,sans-serif;font-weight:600;font-size:15px;color:#5b3a28}.hanria-cfg__input-wrap{position:relative}.hanria-cfg__input{width:100%;height:48px;padding:0 48px 0 20px;border-radius:999px;border:none;background:#fffbf6;color:#5b3a28;font-family:Space Mono,monospace;font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 2px #5b3a2840;box-sizing:border-box}.hanria-cfg__input:focus{outline:none;box-shadow:0 0 0 3px #fbd9c9}.hanria-cfg__counter{position:absolute;right:18px;top:50%;transform:translateY(-50%);font-family:Space Mono,monospace;font-size:12px;color:#5b3a2899}.hanria-cfg__colors{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}@media(min-width:480px){.hanria-cfg__colors{grid-template-columns:repeat(4,1fr)}}.hanria-cfg__color-btn{display:flex;align-items:center;gap:6px;padding:8px;border-radius:.75rem;background:#fffbf6;border:none;box-shadow:0 2px #5b3a2826;color:#5b3a28;font-family:Quicksand,sans-serif;font-size:13px;cursor:pointer;text-align:left}.hanria-cfg__color-btn--active{box-shadow:0 2px #5b3a28}.hanria-cfg__color-btn:active{transform:translateY(2px)}.hanria-cfg__swatch{width:16px;height:16px;border-radius:50%;flex-shrink:0;border:1px solid rgba(91,58,40,.2)}.hanria-cfg__icons{display:flex;gap:8px;flex-wrap:wrap}.hanria-cfg__icon-btn{padding:8px 16px;border-radius:999px;background:#fffbf6;border:none;box-shadow:0 2px #5b3a2833;color:#5b3a28;font-family:Space Mono,monospace;font-size:12px;font-weight:700;cursor:pointer}.hanria-cfg__icon-btn--active{background:#fbd9c9;box-shadow:0 2px #5b3a28}.hanria-cfg__icon-btn:active{transform:translateY(2px)}.hanria-cfg__checkout{margin-top:4px;padding:16px;background:#f1eefb66;border-radius:1rem;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.hanria-cfg__price-label{display:block;font-family:Space Mono,monospace;font-size:11px;color:#5b3a28b3}.hanria-cfg__price{font-family:Fredoka,sans-serif;font-weight:700;font-size:28px;color:#5b3a28}.hanria-cfg__submit{padding:12px 28px;border-radius:999px;background:#f2637a;color:#fffbf6;border:none;font-family:Fredoka,sans-serif;font-weight:700;font-size:15px;cursor:pointer;box-shadow:0 4px #5b3a28;white-space:nowrap}.hanria-cfg__submit:active{transform:translateY(2px);box-shadow:0 1px #5b3a28}.hanria-cfg__submit:disabled{background:#5b3a2840;cursor:not-allowed;box-shadow:none}.hanria-cfg__empty{font-family:Quicksand,sans-serif;color:#5b3a2899;text-align:center}
/*# sourceMappingURL=/cdn/shop/t/8/assets/hanria-configurator.css.map */