.fp-size-rec__trigger{display:inline-flex;align-items:center;gap:6px;background:none;border:1px solid #e6e6e6;border-radius:8px;padding:10px 16px;font-family:var(--font-heading-family);font-size:13px;letter-spacing:.4px;text-transform:uppercase;color:#0d0d0d;cursor:pointer;transition:background .2s ease,border-color .2s ease;margin-top:4px}.fp-size-rec__trigger:hover{background:#f5f5f5;border-color:#0d0d0d}.fp-size-rec__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:2147483647;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.fp-size-rec__overlay.is-open{opacity:1;visibility:visible}.fp-size-rec__modal{width:400px;max-width:100%;max-height:100%;background:#fff;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 48px #0003;transform:scale(.95);transition:transform .3s cubic-bezier(.22,1,.36,1)}.fp-size-rec__overlay.is-open .fp-size-rec__modal{transform:scale(1)}.fp-size-rec__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e6e6e6;flex-shrink:0}.fp-size-rec__title{font-family:var(--font-heading-family);font-size:18px;letter-spacing:.3px;color:#0d0d0d}.fp-size-rec__close{background:none;border:none;font-size:28px;line-height:1;color:#0d0d0d;cursor:pointer;padding:0 4px}.fp-size-rec__body{padding:20px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;flex:1}.fp-size-rec__gender{display:flex;gap:0;border:1px solid #e6e6e6;border-radius:8px;overflow:hidden}.fp-size-rec__gender-btn{flex:1;padding:12px;border:none;background:#fff;font-family:var(--font-heading-family);font-size:14px;color:#6a7282;cursor:pointer;transition:background .2s ease,color .2s ease}.fp-size-rec__gender-btn.is-active{background:#0d0d0d;color:#fff}.fp-size-rec__field{display:flex;flex-direction:column;gap:6px}.fp-size-rec__field label{font-family:var(--font-heading-family);font-size:13px;color:#0d0d0d;letter-spacing:.2px}.fp-size-rec__field input{border:1px solid #e6e6e6;border-radius:8px;padding:12px 14px;font-family:var(--font-body-family);font-size:16px;color:#0d0d0d;outline:none;transition:border-color .2s ease;-moz-appearance:textfield}.fp-size-rec__field input::-webkit-inner-spin-button,.fp-size-rec__field input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.fp-size-rec__field input:focus{border-color:#0d0d0d}.fp-size-rec__submit{background:#0d0d0d;color:#fff;border:none;border-radius:8px;padding:14px;font-family:var(--font-heading-family);font-size:14px;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:opacity .2s ease}.fp-size-rec__submit:hover{opacity:.85}.fp-size-rec__result{text-align:center;padding:16px;border:2px solid #0d0d0d;border-radius:12px;display:flex;flex-direction:column;gap:8px}.fp-size-rec__result-label{font-family:var(--font-body-family);font-size:14px;color:#6a7282}.fp-size-rec__result-size{font-family:var(--font-heading-family);font-size:40px;line-height:1;color:#0d0d0d}.fp-size-rec__result--pop{animation:fpSizePop .4s cubic-bezier(.22,1,.36,1)}@keyframes fpSizePop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-size-recommender-fp.css.map */
