.dropdown-arrow{transform-origin:center;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.dropdown-arrow.close{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dropdown-with-info{position:relative}.dropdown-with-info .options-overlay{z-index:30;display:none}@media(max-width:768px){.dropdown-with-info .options-overlay{position:fixed;inset:0;display:block;background-color:#0000004d}}.dropdown-with-info .options{position:absolute;top:75px;z-index:40;max-height:264px;width:100%;border-radius:24px;--tw-bg-opacity: 1;background-color:rgb(252 247 245 / var(--tw-bg-opacity, 1));padding-top:1rem;padding-bottom:1rem}@media(max-width:768px){.dropdown-with-info .options{position:fixed;inset:auto 0 0;height:-moz-fit-content;height:fit-content;max-height:90vh;max-height:100%;border-radius:0;--tw-bg-opacity: 1;background-color:rgb(248 239 235 / var(--tw-bg-opacity, 1));padding-bottom:136px;padding-top:2rem;text-align:center}}.dropdown-with-info .options-list{margin-right:.75rem;max-height:240px;overflow-y:auto;font-size:.875rem;line-height:1.25rem}@media(max-width:768px){.dropdown-with-info .options-list{margin-right:0;max-height:75vh;padding-bottom:50px;text-align:start}}.dropdown-with-info .options-list{scrollbar-width:thin;scrollbar-color:#000 transparent}.dropdown-with-info .options-list::-webkit-scrollbar{width:3px}.dropdown-with-info .options-list::-webkit-scrollbar-track{background:transparent}.dropdown-with-info .options-list::-webkit-scrollbar-button{display:none;background:transparent;width:0;height:0}@media(max-width:768px){.dropdown-with-info .dropdown-option{justify-content:center;padding-left:0}}.dropdown-with-info .mobile-title{display:none;text-transform:uppercase}@media(max-width:768px){.dropdown-with-info .mobile-title{margin-bottom:1.75rem;display:block;font-family:Syncopate,serif;font-size:.875rem;line-height:1.25rem}}.dropdown-with-info .dropdown-btn.base-btn{height:64px;width:100%;gap:10px;border-radius:24px;padding-left:1rem;padding-right:1rem;font-size:11px}.dropdown-with-info .dropdown-btn.base-btn.error-btn{--tw-border-opacity: 1;border-color:rgb(235 51 51 / var(--tw-border-opacity, 1))}.dropdown-with-info .dropdown-btn.base-btn.error-btn:hover{border-color:#eb333366}.dropdown-with-info .dropdown-btn.base-btn.error-btn:disabled{--tw-border-opacity: 1;border-color:rgb(235 51 51 / var(--tw-border-opacity, 1))}.dropdown-with-info .dropdown-btn.base-btn:hover .info-icon{stroke:none}.dropdown-with-info .close-btn{margin:0;display:none}@media(max-width:768px){.dropdown-with-info .close-btn{position:absolute;left:50%;bottom:1.5rem;display:block;--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dropdown-with-info .close-btn svg{width:14px}}.profile-options{margin-left:auto;margin-right:auto;display:flex;flex-grow:1;flex-direction:row;justify-content:space-between}@media(max-width:768px){.profile-options{width:100%}}.profile-options .units{height:5rem;width:12rem;cursor:pointer;border-radius:9999px;border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(226 212 206 / var(--tw-border-opacity, 1));position:relative;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;justify-content:space-between}@media(max-width:768px){.profile-options .units{display:none}}.profile-options .units span{padding-left:2.5rem;padding-right:2.5rem;font-size:.75rem;line-height:1rem;text-transform:uppercase}.profile-options .units .frame{position:absolute;left:0;box-sizing:border-box;height:100%;width:50%;border-radius:9999px;border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(0 0 0 / var(--tw-border-opacity, 1));transition-property:transform;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.profile-options .units.in .frame{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.profile-options .units.cm .frame{--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.profile-options .dropdown-with-info .base-btn{height:5rem;width:138px;justify-content:center;gap:10px;border-radius:53px}@media(max-width:768px){.profile-options .dropdown-with-info .base-btn{height:64px;width:126px}}.profile-options .dropdown-with-info .options{max-height:100%;overflow-y:hidden;padding-left:.5rem;padding-right:.5rem;width:221px}@media(max-width:768px){.profile-options .dropdown-with-info .options{width:100%}}.measurement-field{position:relative;display:block}.measurement-field:has(.tooltip){z-index:11}.measurement-field:focus-within .min-max-label{opacity:1}.measurement-field .info-icon,.measurement-field .tick-icon{position:absolute;left:0;top:1.25rem;z-index:10;cursor:pointer}.measurement-field .label-text{position:absolute;left:0;top:1.25rem;right:.5rem;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:2rem;padding-left:3.5rem;font-size:.75rem;line-height:1rem;line-height:1;color:#0006}.measurement-field.errored input{--tw-border-opacity: 1;border-color:rgb(235 51 51 / var(--tw-border-opacity, 1))}.measurement-field.errored .min-max-label{--tw-text-opacity: 1;color:rgb(235 51 51 / var(--tw-text-opacity, 1));opacity:1}.measurement-field input{width:100%;--tw-bg-opacity: 1;background-color:rgb(248 239 235 / var(--tw-bg-opacity, 1));padding-top:2.25rem;padding-bottom:1rem;padding-left:3.5rem;font-size:13px;line-height:1;--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.measurement-field input::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(0 0 0 / var(--tw-placeholder-opacity, 1))}.measurement-field input::placeholder{--tw-placeholder-opacity: 1;color:rgb(0 0 0 / var(--tw-placeholder-opacity, 1))}.measurement-field input{outline:2px solid transparent;outline-offset:2px;border-bottom-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(226 212 206 / var(--tw-border-opacity, 1))}.measurement-field input:focus{--tw-border-opacity: 1;border-color:rgb(0 0 0 / var(--tw-border-opacity, 1))}@media(max-width:768px){.measurement-field input{padding-top:2.25rem;padding-bottom:1rem;font-size:.875rem;line-height:1.25rem}}.measurement-field .unit{position:absolute;right:0;bottom:2.5rem;font-family:Syncopate,serif;font-size:.875rem;line-height:1.25rem;line-height:1}.measurement-field .info-label{margin-top:.5rem;display:block;display:flex;min-height:.75rem;justify-content:space-between;line-height:1}.measurement-field .min-max-label{text-align:right;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(149 143 141 / var(--tw-text-opacity, 1));opacity:0}.measurement-field .reset-label{pointer-events:auto;display:flex;cursor:pointer;gap:6px;font-size:11px;line-height:15px;text-decoration-line:underline;opacity:0}.measurement-field .reset-label.with-reset{opacity:1}.measurement-field .tooltip-wrapper{position:relative}.measurement-field .tooltip{width:100%;position:absolute;top:100%;left:50%;transform:translate(-50%);background:#111;color:#fff;padding:6px 10px;border-radius:6px;font-size:12px;opacity:0;animation:fadeIn .15s ease forwards;pointer-events:none;z-index:10}.measurement-field .tooltip:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-bottom-color:#111}.measurement-dropdown{position:relative;display:block}.measurement-dropdown.mp-field:has(.options-overlay){position:relative;z-index:21}.measurement-dropdown .options-overlay{z-index:10;display:none}@media(max-width:768px){.measurement-dropdown .options-overlay{position:fixed;inset:0;display:block;background-color:#0000004d}}.measurement-dropdown .info-icon,.measurement-dropdown .tick-icon{position:absolute;top:23px;left:0;z-index:10;height:2.25rem;width:2.25rem;cursor:pointer}.measurement-dropdown .trigger{position:absolute;left:0;top:0;bottom:1rem;width:100%;cursor:pointer;background-color:transparent}.measurement-dropdown .reset-label{pointer-events:auto;display:flex;cursor:pointer;gap:6px;font-size:11px;line-height:15px;text-decoration-line:underline;opacity:0}.measurement-dropdown .reset-label.with-reset{opacity:1}.measurement-dropdown .drop-tick{position:absolute;right:0;top:2.5rem}.measurement-dropdown .drop-tick.unfolded{--tw-scale-y: -1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.measurement-dropdown .label-text{position:absolute;left:0;top:1.25rem;padding-left:3.5rem;font-size:.75rem;line-height:1rem;line-height:1;color:#0006}.measurement-dropdown.errored input{--tw-border-opacity: 1;border-color:rgb(235 51 51 / var(--tw-border-opacity, 1))}.measurement-dropdown.errored .min-max-label{--tw-text-opacity: 1;color:rgb(235 51 51 / var(--tw-text-opacity, 1))}.measurement-dropdown input{width:100%;--tw-bg-opacity: 1;background-color:rgb(248 239 235 / var(--tw-bg-opacity, 1));padding-top:35px;padding-bottom:1rem;padding-left:3.5rem;font-size:13px;line-height:1;--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.measurement-dropdown input::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(0 0 0 / var(--tw-placeholder-opacity, 1))}.measurement-dropdown input::placeholder{--tw-placeholder-opacity: 1;color:rgb(0 0 0 / var(--tw-placeholder-opacity, 1))}.measurement-dropdown input{outline:2px solid transparent;outline-offset:2px;border-bottom-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(226 212 206 / var(--tw-border-opacity, 1))}.measurement-dropdown input:focus{--tw-border-opacity: 1;border-color:rgb(0 0 0 / var(--tw-border-opacity, 1))}@media(max-width:768px){.measurement-dropdown input{padding-top:3rem;padding-bottom:1rem;font-size:.875rem;line-height:1.25rem}}.measurement-dropdown .min-max-label{margin-top:.5rem;display:block;min-height:.75rem;font-size:.75rem;line-height:1rem;line-height:1}.measurement-dropdown .options{position:absolute;bottom:1.25rem;left:0;z-index:10;--tw-translate-y: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));overflow:hidden;height:auto;max-height:16rem;width:100%;cursor:pointer;border-bottom-right-radius:1.5rem;border-bottom-left-radius:1.5rem;--tw-bg-opacity: 1;background-color:rgb(252 247 245 / var(--tw-bg-opacity, 1));display:flex;flex-direction:row;align-items:stretch;justify-content:stretch;padding:1rem 1rem .5rem 1.5rem}@media(max-width:768px){.measurement-dropdown .options{position:fixed;inset:auto 0 0;height:-moz-min-content;height:min-content;max-height:100%;--tw-translate-y: 18px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));flex-direction:column;border-radius:0;--tw-bg-opacity: 1;background-color:rgb(248 239 235 / var(--tw-bg-opacity, 1));padding-bottom:136px;padding-top:2rem;text-align:center}}.measurement-dropdown .options .mobile-title{display:none}@media(max-width:768px){.measurement-dropdown .options .mobile-title{margin-bottom:1.75rem;display:block;font-family:Syncopate,serif;font-size:.875rem;line-height:1.25rem}}.measurement-dropdown .options ul{height:auto;width:100%;overflow-y:scroll}.measurement-dropdown .options li{padding:1rem 1.5rem;font-size:.875rem;line-height:1.25rem;text-transform:capitalize}.measurement-dropdown .options li.selected{font-weight:700}.measurement-dropdown .options .close-btn{margin:0;display:none}@media(max-width:768px){.measurement-dropdown .options .close-btn{position:absolute;left:50%;bottom:1.5rem;display:block;--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.measurement-dropdown .options .close-btn svg{width:14px}}.measurement-dropdown .tooltip{width:100%;position:absolute;top:100%;left:50%;transform:translate(-50%);background:#111;color:#fff;padding:6px 10px;border-radius:6px;font-size:12px;opacity:0;animation:fadeIn .15s ease forwards;pointer-events:none;z-index:10}.measurement-dropdown .tooltip:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-bottom-color:#111}@keyframes fadeIn{to{opacity:1}}.measurement-field-large{position:relative;display:block}.measurement-field-large:focus-within .min-max-label{opacity:1}.measurement-field-large.errored input{--tw-border-opacity: 1;border-color:rgb(235 51 51 / var(--tw-border-opacity, 1))}.measurement-field-large.errored .min-max-label{--tw-text-opacity: 1;color:rgb(235 51 51 / var(--tw-text-opacity, 1))}.measurement-field-large input{width:100%;--tw-bg-opacity: 1;background-color:rgb(248 239 235 / var(--tw-bg-opacity, 1));padding-top:0;padding-bottom:.5rem;text-align:center;font-family:Syncopate,serif;font-size:3rem;line-height:1;--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.measurement-field-large input::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(198 191 188 / var(--tw-placeholder-opacity, 1))}.measurement-field-large input::placeholder{--tw-placeholder-opacity: 1;color:rgb(198 191 188 / var(--tw-placeholder-opacity, 1))}.measurement-field-large input{outline:2px solid transparent;outline-offset:2px;border-bottom-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(226 212 206 / var(--tw-border-opacity, 1))}.measurement-field-large input:focus{--tw-border-opacity: 1;border-color:rgb(0 0 0 / var(--tw-border-opacity, 1))}@media(max-width:768px){.measurement-field-large input{padding-top:2.5rem;padding-bottom:1rem;font-size:32px}}.measurement-field-large input.filled{padding-top:3rem;padding-bottom:1rem}.measurement-field-large .unit{position:absolute;right:0;bottom:2.5rem;font-family:Syncopate,serif;font-size:.875rem;line-height:1.25rem;line-height:1}.measurement-field-large .min-max-label{margin-top:1.25rem;display:block;min-height:.75rem;text-align:center;font-size:.75rem;line-height:1rem;line-height:1;--tw-text-opacity: 1;color:rgb(149 143 141 / var(--tw-text-opacity, 1));opacity:0}
