.hat-branding{display:block;width:100%;max-width:44rem;margin:1.2rem 0;box-sizing:border-box}.hat-branding__note{margin-bottom:1rem}.hat-branding__note-heading{margin:0 0 .4rem;font-size:1.4rem;font-weight:700;letter-spacing:.04em}.hat-branding__note-body{margin:0;font-size:1.3rem;line-height:1.45;color:rgba(var(--color-foreground),.8)}.hat-branding__note-body p{margin:0}.hat-branding__open.button{display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;box-sizing:border-box;min-height:calc(4.2rem + var(--buttons-border-width, 1px) * 2);margin:0}.hat-branding__open.button.is-added{background-color:transparent!important;color:var(--rm-leather, #312110)!important;border:1px solid var(--rm-leather, #312110)!important}.hat-branding__status{margin:.8rem 0 0;color:rgba(var(--color-foreground),.75)}@media screen and (max-width:749px){.hat-branding{max-width:100%}}.hat-branding-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1001;display:flex;align-items:center;justify-content:center;padding:1.2rem}.hat-branding-modal[hidden]{display:none}.hat-branding-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#1f1d2473}.hat-branding-modal__dialog{position:relative;z-index:1;width:min(400px,100%);max-height:min(94vh,880px);overflow:auto;background:#fff;color:#1f1d24;border-radius:0;box-shadow:0 1.6rem 4rem #1f1d2440;padding:2.4rem 1.3rem 1.3rem;animation:hat-branding-in .18s ease-out}@keyframes hat-branding-in{0%{opacity:0;transform:translateY(.8rem)}to{opacity:1;transform:translateY(0)}}.hat-branding-modal__close{position:absolute;top:.8rem;right:.8rem;width:3.6rem;height:3.6rem;display:inline-flex;align-items:center;justify-content:center;border:.1rem solid rgba(31,29,36,.15);border-radius:50%;background:#fff;color:#1f1d24b3;cursor:pointer}.hat-branding-modal__close .icon{width:1.8rem;height:1.8rem}.hat-branding-modal__layout{display:flex;flex-direction:column;gap:1rem}.hat-branding-modal__preview{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:13rem;padding:.2rem 0 .4rem;color:#1f1d24}.hat-branding-modal__preview-frame{position:relative;display:block;width:min(100%,240px);aspect-ratio:1 / 1;padding:0;margin:0;border:.1rem solid rgba(31,29,36,.12);background:#f3f1ee;overflow:hidden;cursor:zoom-in}.hat-branding-modal__preview-frame.is-zoomed{cursor:zoom-out}.hat-branding-modal__preview-image{width:min(100%,240px);height:auto}.hat-branding-modal__preview-image{display:block;width:100%;height:100%;max-height:none;object-fit:cover;object-position:48% 24%;border-radius:0;transform:scale(1.35);transform-origin:48% 24%;pointer-events:none}.hat-branding-modal__preview-image--side-left{object-position:42% 22%;transform-origin:42% 22%}.hat-branding-modal__preview-image--back-right{object-position:54% 18%;transform-origin:54% 18%}.hat-branding-modal__preview-image--under-right,.hat-branding-modal__preview-image--under-left{object-position:50% 36%;transform-origin:50% 36%}.hat-branding-modal__preview-zoom-lens{position:absolute;top:0;right:0;bottom:0;left:0;background-repeat:no-repeat;background-color:#f3f1ee;cursor:zoom-out;z-index:2}.hat-branding-modal__preview-zoom-hint{position:absolute;left:50%;bottom:.7rem;transform:translate(-50%);padding:.25rem .55rem;background:#1f1d24b8;color:#fff;font-size:1.05rem;letter-spacing:.02em;line-height:1.2;white-space:nowrap;pointer-events:none;z-index:1;opacity:0;transition:opacity .14s ease}.hat-branding-modal__preview-frame:not(.is-zoomed):hover .hat-branding-modal__preview-zoom-hint,.hat-branding-modal__preview-frame:not(.is-zoomed):focus-visible .hat-branding-modal__preview-zoom-hint{opacity:1}@media(hover:none){.hat-branding-modal__preview-frame:not(.is-zoomed) .hat-branding-modal__preview-zoom-hint{opacity:1}}.hat-branding-modal__panel{border:.1rem solid rgba(31,29,36,.15);padding:1.3rem 1.1rem 1.1rem;background:#fff}.hat-branding-modal__heading{margin:0 0 .35rem;font-size:1.75rem;line-height:1.2}.hat-branding-modal__price{margin:0 0 1.1rem;font-size:1.45rem;font-weight:600}.hat-branding-modal__fieldset{margin:0 0 1.1rem;padding:0;border:0}.hat-branding-modal__label{display:block;margin:0 0 .75rem;font-size:1.35rem;font-weight:600}.hat-branding-modal__locations{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:.85rem .7rem}.hat-branding-modal__location{cursor:pointer;width:calc(50% - .35rem);max-width:11rem}.hat-branding-modal__location input{position:absolute;opacity:0;pointer-events:none}.hat-branding-modal__location-chip{display:flex;flex-direction:column;align-items:center;gap:.45rem;width:100%;color:#1f1d24;font-size:.95rem;line-height:1.15;text-align:center}.hat-branding-modal__location:not(.hat-branding-modal__location--photo) .hat-branding-modal__location-caption{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:7.2rem;height:7.2rem;padding:.45rem;border:.2rem solid rgba(31,29,36,.2);border-radius:50%;background:#fff;transition:border-color .12s ease,background-color .12s ease,color .12s ease}.hat-branding-modal__location-photo{position:relative;display:block;width:7.2rem;height:7.2rem;border:.2rem solid rgba(31,29,36,.2);border-radius:50%;overflow:hidden;background:#f3f1ee;transition:border-color .12s ease,box-shadow .12s ease}.hat-branding-modal__location-img{display:block;width:100%;height:100%;object-fit:cover;object-position:48% 24%;transform:scale(2.05);transform-origin:48% 24%}.hat-branding-modal__location-img--side-left{object-position:40% 20%;transform-origin:40% 20%;transform:scale(2.2)}.hat-branding-modal__location-img--back-right{object-position:55% 16%;transform-origin:55% 16%;transform:scale(2.15)}.hat-branding-modal__location-img--under-right,.hat-branding-modal__location-img--under-left{object-position:50% 38%;transform-origin:50% 38%;transform:scale(2)}.hat-branding-modal__location-caption{display:block;max-width:10.5rem;font-size:1.05rem;line-height:1.2;color:#1f1d24c7}.hat-branding-modal__location-line{display:block}.hat-branding-modal__location input:focus-visible+.hat-branding-modal__location-chip .hat-branding-modal__location-photo,.hat-branding-modal__location:not(.hat-branding-modal__location--photo) input:focus-visible+.hat-branding-modal__location-chip .hat-branding-modal__location-caption{outline:.2rem solid rgba(49,33,16,.45);outline-offset:.2rem}.hat-branding-modal__location input:checked+.hat-branding-modal__location-chip .hat-branding-modal__location-photo{border-color:#1f1d24;box-shadow:0 0 0 .15rem #1f1d24}.hat-branding-modal__location input:checked+.hat-branding-modal__location-chip .hat-branding-modal__location-caption{color:#1f1d24;font-weight:600}.hat-branding-modal__location:not(.hat-branding-modal__location--photo) input:checked+.hat-branding-modal__location-chip .hat-branding-modal__location-caption{border-color:#1f1d24;background:#1f1d24;color:#fff}.hat-branding-modal__field{margin-bottom:1.1rem}.hat-branding-modal__letters{width:100%;min-height:4.6rem;padding:.8rem 1.2rem;border:.1rem solid rgba(31,29,36,.25);background:#fff;color:#1f1d24;font-size:1.8rem;letter-spacing:.18em;text-transform:uppercase;text-align:center}.hat-branding-modal__letters:focus{outline:.2rem solid rgba(49,33,16,.35);outline-offset:.1rem}.hat-branding-modal__help{margin:.55rem 0 0;font-size:1.15rem;color:#1f1d24a6}.hat-branding-modal__faqs{margin:0 0 1.1rem;border-top:.1rem solid rgba(31,29,36,.12)}.hat-branding-modal__faq{border-bottom:.1rem solid rgba(31,29,36,.12)}.hat-branding-modal__faq-question{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.95rem 0;list-style:none;cursor:pointer;font-size:1.3rem;font-weight:600;line-height:1.35;color:#1f1d24}.hat-branding-modal__faq-question::-webkit-details-marker{display:none}.hat-branding-modal__faq-icon{position:relative;flex-shrink:0;width:1.2rem;height:1.2rem}.hat-branding-modal__faq-icon:before,.hat-branding-modal__faq-icon:after{content:"";position:absolute;top:50%;left:50%;background:currentColor;transform:translate(-50%,-50%)}.hat-branding-modal__faq-icon:before{width:1.2rem;height:.15rem}.hat-branding-modal__faq-icon:after{width:.15rem;height:1.2rem;transition:transform .16s ease,opacity .16s ease}.hat-branding-modal__faq[open] .hat-branding-modal__faq-icon:after{transform:translate(-50%,-50%) scaleY(0);opacity:0}.hat-branding-modal__faq-answer{padding:0 0 1rem}.hat-branding-modal__faq-answer p{margin:0;font-size:1.2rem;line-height:1.5;color:#1f1d24c7}.hat-branding-modal__policy{margin:0 0 .9rem;font-size:1.15rem;line-height:1.45;color:#1f1d24bf}.hat-branding-modal__policy a{color:inherit;text-decoration:underline;text-underline-offset:.15em}.hat-branding-modal__policy a:hover{color:#1f1d24}.hat-branding-modal__agree{display:flex;align-items:center;gap:.8rem;margin-bottom:1.1rem;font-size:1.3rem;font-weight:600;cursor:pointer}.hat-branding-modal__agree input{width:1.6rem;height:1.6rem}.hat-branding-modal__error{margin:0 0 1rem;color:#b42318;font-size:1.25rem}.hat-branding-modal__submit{width:100%;min-height:calc(4.2rem + var(--buttons-border-width, 1px) * 2);text-transform:uppercase}.hat-branding-modal__submit .loading__spinner{display:none}.hat-branding-modal__submit.loading .loading__spinner{display:inline-block}body.hat-branding-open{overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/47/assets/hat-branding.css.map */