ho-style-finder{display:block;margin:0 0 24px;color:#293326;font:inherit}ho-style-finder details{border:1px solid #d8dfd0;border-top:3px solid var(--sf-colour,#72a62f);border-radius:7px;background:#fff}ho-style-finder summary{display:flex;align-items:center;gap:14px;padding:14px 18px;list-style:none;cursor:pointer}ho-style-finder summary::-webkit-details-marker{display:none}ho-style-finder .sf__heading-icon{width:40px;height:40px;flex:0 0 40px}ho-style-finder .sf__heading{flex:1;min-width:0}ho-style-finder .sf__title{display:block;margin:0 0 3px;color:inherit;font:inherit;font-size:18px}ho-style-finder .sf__subtitle{display:block;margin:0;font-size:13px}ho-style-finder .sf__toggle{color:#476d25;font-size:13px}ho-style-finder .sf__chevron{width:9px;height:9px;border-right:2px solid #476d25;border-bottom:2px solid #476d25;transform:rotate(45deg);margin:0 3px 4px}ho-style-finder details[open] .sf__chevron{transform:rotate(225deg);margin-bottom:-4px}ho-style-finder [data-sf-body]{padding:0 18px 18px;border-top:1px solid #e4e9de}ho-style-finder .sf__top,ho-style-finder .sf__controls{display:flex;align-items:center;justify-content:space-between;gap:14px}ho-style-finder .sf__top{margin-top:12px}ho-style-finder .sf__top--choose{justify-content:flex-end}ho-style-finder .sf__position{font-size:12px;color:#596453}ho-style-finder .sf__text-button{padding:3px 0;border:0;background:none;color:#476d25;font:inherit;font-size:13px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}ho-style-finder .sf__question{margin:10px 0 12px;color:inherit;font:inherit;font-size:19px;line-height:1.35}ho-style-finder .sf__question:focus{outline:0}ho-style-finder .sf__choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px}ho-style-finder .sf__choice{display:flex;align-items:center;gap:10px;margin:0;padding:10px;min-height:78px;border:1px solid #d8dfd0;border-radius:5px;background:#fff;color:inherit;font:inherit;text-align:left;cursor:pointer}ho-style-finder .sf__choice:hover,ho-style-finder .sf__choice[aria-pressed=true]{border-color:#72a62f;background:#f4f7ee}ho-style-finder .sf__choice .sf__icon{width:40px;height:40px;flex:0 0 40px}ho-style-finder .sf__choice-label{display:block;font-size:14px;line-height:1.3}ho-style-finder .sf__choice small{display:block;margin-top:4px;color:#596453;font-size:12px;line-height:1.35}ho-style-finder .sf__notice{color:#765532}ho-style-finder .sf__view{display:inline-block;padding:8px 12px;margin-top:5px;border-radius:3px;background:#72a62f;color:#fff;font:inherit;font-size:13px;text-decoration:none}ho-style-finder .sf__footnote{margin:12px 0;color:#596453;font-size:12px;line-height:1.4}ho-style-finder .sf__status{margin:15px 0;font-size:14px}ho-style-finder summary:focus-visible,ho-style-finder button:focus-visible,ho-style-finder a:focus-visible{outline:2px solid #3d6e1f;outline-offset:3px}ho-style-finder .sf__applied{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:12px 0}ho-style-finder .sf__applied li{margin:0;padding:5px 10px;border:1px solid #d8dfd0;border-radius:4px;background:#61a72e;color:#fff;border-color:#61a72e;font-size:13px}ho-style-finder .sf__separator{margin:0 9px;color:#78856f}@media(max-width:699px){ho-style-finder summary{padding:12px;gap:9px}ho-style-finder .sf__title{font-size:16px}ho-style-finder .sf__toggle{display:none}ho-style-finder [data-sf-body]{padding:0 12px 12px}ho-style-finder .sf__choices{grid-template-columns:repeat(2,minmax(0,1fr))}ho-style-finder .sf__choice{flex-direction:column;align-items:flex-start;min-height:0}}.ho-results-focus{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}ho-style-finder .sf__icon{display:block;width:40px;height:40px;object-fit:contain;flex:0 0 40px}ho-style-finder .sf__hint{margin:0 0 14px;color:#596453;font-size:13px;line-height:1.5}ho-style-finder .sf__choices--routes{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}ho-style-finder .sf__choices--routes .sf__choice{align-items:flex-start;min-height:94px}ho-style-finder .sf__choice{transition:background-color .12s,border-color .12s}@media(max-width:699px){ho-style-finder .sf__choices--routes{grid-template-columns:repeat(2,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/ho-style-finder.css.map */