fixit-board-options{display:block;container-type:inline-size;border-block:1px solid #ddd;padding:24px 0;margin:24px 0;color:inherit;font:inherit}fixit-board-options *{box-sizing:border-box}fixit-board-options h2{font-size:20px;line-height:1.3;margin:0 0 5px;font-weight:700}fixit-board-options p{font-size:14px;line-height:1.5;margin:0 0 18px}fixit-board-options fieldset{border:0;padding:0;margin:20px 0}fixit-board-options legend,fixit-board-options label{font-size:14px;font-weight:600}.fbo-choices{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.fbo-choices label{position:relative;cursor:pointer}.fbo-choices input{position:absolute;opacity:0;width:1px;height:1px}.fbo-choices span{display:block;padding:12px;border:1px solid #ccc;border-radius:4px;font-weight:500}.fbo-choices input:checked+span{background:#1b1d21;color:#fff;border-color:#1b1d21}.fbo-choices input:focus-visible+span{outline:3px solid #1866d1;outline-offset:3px}.fbo-content{display:grid;gap:18px;grid-template-columns:minmax(0,1fr)}.fbo-controls{min-width:0}fixit-board-options select,fixit-board-options input[data-dimension]{display:block;width:100%;min-height:44px;border:1px solid #bbb;border-radius:4px;padding:10px;background:#fff;color:#222;font:inherit;margin-top:8px}.fbo-dimensions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}fixit-board-options .fbo-warning{font-size:13px;font-weight:600;margin-top:18px}.fbo-preview{max-width:300px;margin:0 auto;width:100%}.fbo-preview svg{display:block;width:100%;height:auto}.fbo-preview figcaption{font-size:12px;line-height:1.5;color:#5b6169;margin-top:8px}fixit-board-options [hidden]{display:none!important}fixit-board-options .fbo-error{color:#b42318;margin-top:12px}@container (min-width:650px){.fbo-content{grid-template-columns:minmax(0,1fr) 260px}}@media(prefers-reduced-motion:reduce){fixit-board-options *{scroll-behavior:auto}}fixit-board-options .fbo-kicker{display:inline-block;margin:0 0 10px;padding:4px 9px;border-radius:4px;background:#eaf2ec;color:#315b40;font-size:11px;font-weight:750;letter-spacing:.035em;text-transform:uppercase}fixit-board-options h2{font-size:22px;line-height:1.25}fixit-board-options h3{font-size:17px;line-height:1.3;margin:0 0 12px;font-weight:700}fixit-board-options .fbo-intro{margin-bottom:16px;color:#555}.fbo-routes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.fbo-choice{position:relative;cursor:pointer;display:block;min-width:0}.fbo-choice input{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;cursor:pointer}.fbo-choice-face{display:flex!important;flex-direction:column;height:100%;border:1px solid #cbd0d1;border-radius:8px;padding:12px!important;background:#fff;transition:border-color .12s,background .12s}.fbo-choice-face strong{font-size:14px;line-height:1.35;color:#202629}.fbo-choice-face small{font-size:12px;line-height:1.45;font-weight:400;margin-top:6px;color:#596166}.fbo-choice input:checked+.fbo-choice-face{border:2px solid #28583e;background:#f0f6f2!important;color:#202629;padding:11px!important}.fbo-choice input:focus-visible+.fbo-choice-face{outline:3px solid #126be0;outline-offset:3px}.fbo-mount-art{width:100%;height:80px;display:block;margin:0 0 10px}.fbo-brands{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.fbo-brands .fbo-choice-face{align-items:center;justify-content:center;min-height:48px}fixit-board-options .fbo-check{font-size:12px;line-height:1.5;color:#596166;margin:12px 0 0}fixit-board-options .fbo-confirmation{background:#f0f6f2;border-left:3px solid #28583e;border-radius:4px;padding:16px}fixit-board-options .fbo-confirmation strong{font-size:15px}fixit-board-options .fbo-confirmation p{font-size:13px;margin:6px 0 0}fixit-board-options .fbo-summary{font-size:13px;font-weight:650;border-top:1px solid #e3e6e4;padding-top:14px;margin:18px 0 0}.fbo-help{border-top:1px solid #e3e6e4;margin-top:20px;padding-top:4px}.fbo-help details{border-bottom:1px solid #e3e6e4;padding:12px 0}.fbo-help summary{font-size:13px;font-weight:600;cursor:pointer;list-style-position:outside;margin-left:15px}fixit-board-options .fbo-help p{font-size:13px;margin:10px 0 2px}.fbo-help>a{display:inline-block;font-size:12px;margin-top:14px;text-decoration:underline;text-underline-offset:3px}.fbo-sr{position:absolute!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;width:1px!important;height:1px!important;padding:0!important;border:0!important}@container (max-width:340px){.fbo-choice-face{padding:9px!important}.fbo-choice input:checked+.fbo-choice-face{padding:8px!important}.fbo-choice-face strong{font-size:13px}.fbo-choice-face small{font-size:11px}.fbo-mount-art{height:66px}.fbo-routes{gap:8px}}@container (min-width:650px){.fbo-content:has(.fbo-confirmation){grid-template-columns:1fr}}fixit-board-options{padding:18px 0;margin:18px 0}fixit-board-options h2{font-size:18px}fixit-board-options fieldset{margin:12px 0}.fbo-routes .fbo-choice-face{flex-direction:row;align-items:center;gap:8px;min-height:64px}.fbo-mount-art{width:56px;height:34px;flex-shrink:0;margin:0}.fbo-choice-face strong{font-size:13px}.fbo-content{display:block!important}fixit-board-options .fbo-compatibility{font-size:13px;margin:0 0 12px;color:#385342}.fbo-choices{margin-top:6px}.fbo-choices .fbo-choice-face{min-height:44px;justify-content:center}.fbo-brand-shortcut,.fbo-measure-help{margin-top:12px;font-size:13px}.fbo-brand-shortcut summary,.fbo-measure-help summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px}.fbo-measure-help .fbo-preview{margin:14px auto 0}.fbo-summary{border:0!important;padding-top:0!important;margin-top:12px!important}.fbo-confirmation{padding:10px 12px!important}.fbo-confirmation p{margin:0!important}.fbo-example{font-size:12px!important;color:#596166}@container (max-width:340px){.fbo-routes .fbo-choice-face{gap:5px}.fbo-mount-art{width:42px}.fbo-choice-face strong{font-size:12px}}.fbo-routes .fbo-choice-face{flex-direction:column;justify-content:center;gap:6px;padding:10px!important;min-height:124px}.fbo-routes .fbo-choice input:checked+.fbo-choice-face{padding:9px!important}.fbo-routes .fbo-mount-art{width:140px;max-width:100%;height:76px;margin:0}.fbo-routes .fbo-choice-face strong{text-align:center;font-size:14px}.fbo-measure-guide{margin-top:18px;padding-top:14px;border-top:1px solid #e3e6e4}.fbo-measure-guide h3{font-size:14px;margin:0 0 10px}.fbo-measure-guide .fbo-preview{margin:0 auto}.fbo-measure-guide .fbo-example{margin-bottom:10px}@container (max-width:340px){.fbo-routes .fbo-mount-art{width:120px;height:66px}.fbo-routes .fbo-choice-face{min-height:116px}.fbo-routes .fbo-choice-face strong{font-size:13px}}.fbo-choices .fbo-choice-face{flex-direction:row;align-items:center;gap:10px;min-height:52px}.fbo-choices .fbo-hole-icon{display:block;flex:0 0 22px;width:22px;height:22px;padding:0;border:0;border-radius:1px;background:#252c30;box-shadow:inset 0 2px 2px #0004}.fbo-choices .fbo-hole-icon--round{border-radius:50%}.fbo-choices .fbo-choice input:checked+.fbo-choice-face .fbo-hole-icon{background:#183b29}@container (min-width:620px){.fbo-controls:has(.fbo-measure-guide){display:grid;grid-template-columns:minmax(0,1fr) 260px;column-gap:24px;align-items:start}.fbo-controls:has(.fbo-measure-guide)>:not(.fbo-measure-guide){grid-column:1}.fbo-controls .fbo-measure-guide{grid-column:2;grid-row:1 / span 8;margin:0;padding:0;border:0}.fbo-measure-guide .fbo-preview{max-width:260px}.fbo-controls:has(.fbo-measure-guide)>.fbo-compatibility{margin-bottom:0}.fbo-controls:has(.fbo-measure-guide)>fieldset{margin:10px 0 12px}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/board-options.css.map */