.selfhoot-size-finder,.selfhoot-size-finder__overlay{--sh-green: #3d4a36;--sh-yellow: #e8ab53;--sh-cream: #fffaf0;--sh-white: #ffffff;--sh-border: rgba(61, 74, 54, .35);--sh-shadow: rgba(20, 29, 17, .24);font-family:var(--font-body-family, Nunito, sans-serif);color:var(--sh-green)}.product-form__input--with-size-finder{position:relative}.selfhoot-size-finder__trigger{-webkit-appearance:none;appearance:none;position:absolute;top:-.7rem;right:0;z-index:1;display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:0;padding:.5rem 0;border:0;border-radius:0;background:transparent;color:var(--sh-green);font:inherit;font-size:1.2rem;font-weight:700;letter-spacing:.04em;line-height:1;text-decoration:underline;text-underline-offset:.3em;cursor:pointer}.selfhoot-size-finder__overlay[hidden],.selfhoot-size-finder__panel[hidden],.selfhoot-size-finder__fields[hidden],.selfhoot-size-finder__result[hidden],.selfhoot-size-finder__error[hidden]{display:none!important}.selfhoot-size-finder__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:grid;place-items:center;padding:1.6rem;overflow-y:auto;overscroll-behavior:contain;background:#2e545eb3}body.selfhoot-size-finder-open{overflow:hidden}.selfhoot-size-finder__modal{position:relative;width:min(500px,calc(100vw - 2rem));max-height:min(760px,calc(100dvh - 2rem));overflow-y:auto;padding:2.2rem;border:1px solid var(--sh-green);border-radius:12px;background:var(--sh-white);color:var(--sh-green);box-shadow:0 18px 52px var(--sh-shadow);outline:none}.selfhoot-size-finder__close{position:absolute;top:.7rem;right:.7rem;display:grid;width:40px;height:40px;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--sh-green);font:inherit;font-size:3rem;line-height:1;cursor:pointer}.selfhoot-size-finder__close:hover,.selfhoot-size-finder__close:focus-visible{background:#3d4a3617}.selfhoot-size-finder__eyebrow,.selfhoot-size-finder__result-label{margin:0 4rem .45rem 0;color:var(--sh-green);font-size:1rem;font-weight:800;letter-spacing:.12em}.selfhoot-size-finder__title{margin:0 4rem .8rem 0;color:var(--sh-green);font-family:var(--font-heading-family, Nunito, sans-serif);font-size:clamp(2.5rem,6vw,3.2rem);font-weight:800;letter-spacing:-.03em;line-height:1;white-space:nowrap}.selfhoot-size-finder__intro{margin:0 0 1.4rem;font-size:1.3rem;line-height:1.45}.selfhoot-size-finder__tabs,.selfhoot-size-finder__measure-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-bottom:1.4rem}.selfhoot-size-finder__unit-switch{display:inline-grid;width:14rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-bottom:1.2rem}.selfhoot-size-finder__tab,.selfhoot-size-finder__unit-switch button,.selfhoot-size-finder__measure-switch button{min-height:42px;padding:.75rem .9rem;border:1px solid var(--sh-green);border-radius:6px;background:var(--sh-white);color:var(--sh-green);font:inherit;font-size:1.2rem;font-weight:700;cursor:pointer}.selfhoot-size-finder__tab.is-active,.selfhoot-size-finder__unit-switch button.is-active,.selfhoot-size-finder__measure-switch button.is-active{background:var(--sh-green);color:var(--sh-white)}.selfhoot-size-finder__fields{display:grid;grid-template-columns:1.35fr 1fr;gap:.8rem;margin-bottom:1.2rem}.selfhoot-size-finder__field-group{display:grid;gap:.45rem}.selfhoot-size-finder__field-label,.selfhoot-size-finder__fit-fieldset legend{font-size:1.2rem;font-weight:700}.selfhoot-size-finder__height-row{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.selfhoot-size-finder__height-row label{position:relative}.selfhoot-size-finder__height-row label>span:last-child{position:absolute;top:50%;right:1rem;transform:translateY(-50%);pointer-events:none}.selfhoot-size-finder input[type=number],.selfhoot-size-finder select{width:100%;min-height:44px;padding:.8rem 1rem;border:1px solid var(--sh-green);border-radius:5px;background:var(--sh-white);color:var(--sh-green);font:inherit}.selfhoot-size-finder input[type=number]:focus,.selfhoot-size-finder select:focus{border-color:var(--sh-green);background:var(--sh-white);color:var(--sh-green);box-shadow:0 0 0 1px var(--sh-green);outline:0}.selfhoot-size-finder__height-row input{padding-right:3rem}.selfhoot-size-finder button:focus-visible,.selfhoot-size-finder summary:focus-visible{outline:2px solid var(--sh-yellow);outline-offset:2px}.selfhoot-size-finder__fit-fieldset{margin:0 0 1.2rem;padding:0;border:0}.selfhoot-size-finder__fit-fieldset legend{margin-bottom:.6rem}.selfhoot-size-finder__choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.selfhoot-size-finder__choices label{cursor:pointer}.selfhoot-size-finder__choices input{position:absolute;opacity:0;pointer-events:none}.selfhoot-size-finder__choices span{display:grid;min-height:42px;place-items:center;padding:.6rem;border:1px solid var(--sh-green);border-radius:5px;background:var(--sh-white);font-size:1.2rem;font-weight:700}.selfhoot-size-finder__choices input:checked+span{border-color:var(--sh-green);background:var(--sh-green);color:var(--sh-white)}.selfhoot-size-finder__choices input:focus-visible+span{outline:2px solid var(--sh-green);outline-offset:1px}.selfhoot-size-finder__primary{width:100%;min-height:48px;padding:.9rem 1.6rem;border:0;border-radius:999px;background:var(--sh-yellow);color:var(--sh-white);font:inherit;font-weight:800;letter-spacing:.04em;cursor:pointer}.selfhoot-size-finder__primary:hover,.selfhoot-size-finder__primary:active{background:var(--sh-yellow);color:var(--sh-white)}.selfhoot-size-finder__primary:disabled{cursor:not-allowed;opacity:.55}.selfhoot-size-finder__back{margin-top:1.6rem}.selfhoot-size-finder__text-button{min-height:44px;margin-top:.8rem;padding:.7rem 0;border:0;background:transparent;color:var(--sh-green);font:inherit;font-weight:700;text-decoration:underline;text-underline-offset:.25em;cursor:pointer}.selfhoot-size-finder__error{margin:0 0 1.2rem;padding:1rem 1.2rem;border-left:4px solid #a13725;background:#fff0ec;color:#6d2115}.selfhoot-size-finder__result{margin-top:1.2rem;padding:1.4rem;border:0;border-radius:6px;background:#3d4a3614;text-align:left}.selfhoot-size-finder__result-label{margin-right:0}.selfhoot-size-finder__result-size{margin:.25rem 0 .7rem;color:var(--sh-green);font-family:var(--font-heading-family, Nunito, sans-serif);font-size:3.4rem;font-weight:800;line-height:1}.selfhoot-size-finder__result p:not(.selfhoot-size-finder__result-label):not(.selfhoot-size-finder__result-size){margin:0 0 1.2rem;font-size:1.2rem;line-height:1.4}.selfhoot-size-finder__details{margin-top:1.2rem;border-top:1px solid var(--sh-green);border-bottom:1px solid var(--sh-green)}.selfhoot-size-finder__details summary{position:relative;display:flex;min-height:46px;align-items:center;padding:.9rem 3rem .9rem 0;cursor:pointer;list-style:none;font-size:1.1rem;font-weight:700;letter-spacing:.14em}.selfhoot-size-finder__details summary::-webkit-details-marker{display:none}.selfhoot-size-finder__details summary:after{position:absolute;right:.5rem;width:.7rem;height:.7rem;border-right:1px solid var(--sh-green);border-bottom:1px solid var(--sh-green);content:"";transform:rotate(45deg) translateY(-2px);transition:transform .16s ease}.selfhoot-size-finder__details[open] summary:after{transform:rotate(225deg) translate(-2px,-2px)}.selfhoot-size-finder__details-content{padding:0 0 1rem}.selfhoot-size-finder__details p{margin:.6rem 0;font-size:1.2rem;line-height:1.45}.selfhoot-size-finder__measure-diagram{display:grid;place-items:center;margin:0 auto .8rem}.selfhoot-size-finder__measure-diagram img{display:block;width:min(220px,62vw);height:auto;object-fit:contain}.selfhoot-size-finder__measure-key{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem 2rem;margin-bottom:1rem;font-size:1.2rem}.selfhoot-size-finder__measure-key span{white-space:nowrap}.selfhoot-size-finder__measure-key strong{margin-right:.35rem}.selfhoot-size-finder__measure-intro{margin:0 0 1.2rem;font-size:1.2rem;line-height:1.45}.selfhoot-size-finder__table-wrap{width:100%;overflow-x:auto}.selfhoot-size-finder table{width:100%;border-collapse:collapse;background:var(--sh-white)}.selfhoot-size-finder th,.selfhoot-size-finder td{padding:1rem;border:1px solid var(--sh-border);text-align:left;white-space:nowrap}.selfhoot-size-finder th{background:var(--sh-yellow)}.selfhoot-size-finder__measure-help{margin-top:2rem}.selfhoot-size-finder__measure-help h3{margin-bottom:.8rem}.selfhoot-size-finder__measure-help p{margin:.5rem 0}@media(max-width:520px){.selfhoot-size-finder__overlay{place-items:center;padding:.8rem}.selfhoot-size-finder__modal{width:calc(100vw - 1.6rem);max-height:calc(100dvh - 1.6rem);padding:2rem 1.5rem max(2rem,env(safe-area-inset-bottom));border-width:1px;border-radius:12px}.selfhoot-size-finder__title{margin-right:3.2rem;font-size:clamp(2.3rem,8vw,2.8rem)}.selfhoot-size-finder__fields{grid-template-columns:1.35fr 1fr;gap:.6rem}.selfhoot-size-finder__height-row,.selfhoot-size-finder__choices{gap:.4rem}.selfhoot-size-finder__choices span{padding-inline:.35rem;font-size:1.1rem}.selfhoot-size-finder__tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.selfhoot-size-finder__tab{padding-inline:.5rem;font-size:1.1rem}.selfhoot-size-finder__close{top:.4rem;right:.4rem}}@media(prefers-reduced-motion:reduce){.selfhoot-size-finder *,.selfhoot-size-finder *:before,.selfhoot-size-finder *:after{scroll-behavior:auto!important;transition:none!important}}.product-form__input--with-size-finder{min-width:100%}.product-form__input--with-size-finder>.form__label{width:auto;max-width:calc(100% - 12rem);padding-right:1rem}.product-form__input--with-size-finder>.selfhoot-size-finder{position:static;height:0}.product-form__input--with-size-finder .selfhoot-size-finder__trigger{top:-.25rem;right:0;min-height:32px;padding:.4rem 0;font-size:1.05rem;letter-spacing:.05em;white-space:nowrap}@media screen and (max-width:374px){.product-form__input--with-size-finder>.form__label{max-width:calc(100% - 10.5rem)}.product-form__input--with-size-finder .selfhoot-size-finder__trigger{font-size:.95rem}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/selfhoot-size-finder.css.map */