@import"https://fonts.googleapis.com/css2?family=Open+Sans&display=swap";:root{--color-100: #004200;--color-95: #296d25;--color-90: #296d25;--color-85: #53974b;--color-80: #53974b;--color-75: #7cc270;--color-70: #7cc270;--color-65: #eaca5e;--color-60: #eaca5e;--color-55: #e09152;--color-50: #e09152;--color-45: #d55845;--color-40: #d55845;--color-35: #ba3b2e;--color-30: #ba3b2e;--color-25: #9f1d17;--color-20: #9f1d17;--color-15: #840000;--color-10: #840000;--color-5: #840000;--column-width: 320px;--content-width: 1200px;--popup-width: 300px;--min-wrap-width: 240px;--segment-height: 28px;--bar-height: 28px;--disclose-duration: 1s;--disclose-easing: ease;--radius-small: 4px;--radius-medium: 8px;--radius-large: 16px;--page-radius: var(--radius-large);--entry-image-radius: var(--radius-large);--surfboard-image-radius: var(--radius-large);--button-radius: var(--radius-large);--entry-radius: var(--radius-medium);--radiobutton-radius: 50%;--checkbox-radius: var(--radius-small);--popup-radius: var(--radius-small);--primary-color: hsl(0, 100%, 20%);--secondary-color: hsl(0, 100%, 40%);--tertiary-color: hsl(0, 100%, 60%);--accent-color: var(--secondary-color);--light-color: white;--gradient-from-color: transparent;--gradient-to-color: transparent;--page-background-color: var(--light-color);--page-shadow-color: rgba(0, 0, 0, .2);--step-shadow-color: var(--page-shadow-color);--popup-shadow-color: var(--page-shadow-color);--selected-color: var(--accent-color);--logo-color: var(--accent-color);--input-border-color: var(--secondary-color);--input-border-linewidth: 1px;--input-focus-border-color: var(--input-border-color);--input-focus-border-shadow: var(--input-border-linewidth);--page-border-top: none;--page-border-bottom: none;--page-border-left: none;--page-border-right: none;--font-family: "Open Sans", Arial, sans-serif;--font-color: var(--primary-color);--inversed-font-color: var(--light-color);--footer-font-color: var(--font-color);--muted-font-color: rgba(68, 68, 68, .5);--page-title-color: var(--font-color);--page-subtitle-color: var(--font-color);--title-color: var(--font-color);--footnote-indicator-color: var(--accent-color);--step-pending-color: transparant;--step-pending-border-color: var(--secondary-color);--step-active-color: var(--primary-color);--step-active-border-color: var(--step-active-color);--step-executed-color: var(--tertiary-color);--step-executed-border-color: var(--step-executed-color);--step-pending-font-color: var(--secondary-color);--step-active-font-color: var(--inversed-font-color);--step-executed-font-color: var(--inversed-font-color);--step-linewidth: 2px;--button-color: var(--secondary-color);--button-hover-color: var(--button-color);--button-border-color: transparent;--button-font-color: var(--inversed-font-color);--button-hover-font-color: var(--button-font-color);--button-border-linewidth: 0px;--info-color: transparent;--info-border-color: var(--accent-color);--info-font-color: var(--accent-color);--info-linewidth: 2px;--info-content: "i";--font-size-x-large: 1.6rem;--font-size-large: 1.2rem;--font-size-regular: 1rem;--font-size-small: .8rem;--font-size-x-small: .6rem;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 700;--font-weight-dark: 900;--title-transform: none;--page-title-transform: var(--title-transform);--page-subtitle-transform: var(--title-transform);--title-transform: var(--title-transform);--button-transform: none;--content-gap: 1rem;--feature-radius: 14px;--segment-radius: var(--feature-radius);--bar-radius: var(--feature-radius);--feature-background-color: #f0f0f0;--feature-box-background-color: var(--feature-background-color);--feature-bar-background-color: var(--feature-background-color);--feature-selected-color: #444;--feature-value-color: #444}html.embedded,html.embedded body{overflow:hidden}body{font-family:var(--font-family);background:linear-gradient(to right,var(--gradient-from-color),var(--gradient-to-color));color:var(--font-color);font-size:var(--font-size-regular);font-weight:var(--font-weight-light);margin:0;padding:0}#content{visibility:hidden}#content.ready{visibility:visible}#content{display:flex;flex-direction:column;gap:var(--content-gap);width:100%;max-width:var(--content-width);margin:auto;box-sizing:border-box;padding:1rem}.muted{color:var(--muted-font-color)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::placeholder{color:var(--muted-font-color)}.radio,.checkbox{display:flex;flex-direction:column;align-items:flex-start;gap:0rem}.radio input,.checkbox input{position:absolute;opacity:0;pointer-events:none}.radio input:checked+.fake-box:after,.checkbox input:checked+.fake-box:after{content:"";width:100%;height:100%;flex-shrink:0;border:var(--input-border-linewidth) solid var(--input-border-color);background:var(--selected-color);border-radius:inherit}.radio input:checked+.fake-box:after{border-radius:var(--radiobutton-radius)}.checkbox input:checked+.fake-box:after{border-radius:var(--checkbox-radius)}.radio .fake-box,.checkbox .fake-box{width:1.2rem;height:1.2rem;flex-shrink:0;border:var(--input-border-linewidth) solid var(--input-border-color);background-color:#fff;display:flex;align-items:center;justify-content:center}.radio .fake-box{border-radius:var(--radiobutton-radius)}.checkbox .fake-box{border-radius:var(--checkbox-radius)}.radio label,.checkbox label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.radio label.title,.checkbox label.title{display:inline-block;align-items:initial}.entry{display:flex;flex-direction:column;align-items:flex-start;min-width:var(--min-wrap-width);flex:1 1;gap:0rem}.entry input{width:120px;border:var(--input-border-linewidth) solid var(--input-border-color);padding:6px 8px;border-radius:var(--entry-radius);box-sizing:border-box;font-size:var(--font-size-regular);margin-left:.2rem;outline:none}.entry input:focus{border-color:var(--input-focus-border-color);box-shadow:0 0 0 var(--input-focus-border-shadow) var(--input-focus-border-color)}.entry input+.unit{margin:.5rem}.option{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;width:100%}.option label{display:flex;flex-direction:row;align-items:center;flex:1 1;min-width:var(--min-wrap-width)}.options{display:flex;flex-direction:column;align-items:flex-start;gap:1.2rem;flex:1 1;min-width:calc(var(--min-wrap-width) + .5rem)}.question{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;width:100%;padding-bottom:1.5rem}.measurement-imperial{display:flex;flex-wrap:wrap;align-items:flex-start}.question-img{border-radius:var(--entry-image-radius);height:auto}.surfboard-img{border-radius:var(--surfboard-image-radius);height:400px;margin:1rem}.stepper,.page,.nav-bar{background:var(--page-background-color);border-radius:var(--page-radius);box-shadow:0 6px 10px var(--page-shadow-color);padding:1rem;border-top:var(--page-border-top);border-bottom:var(--page-border-bottom);border-left:var(--page-border-left);border-right:var(--page-border-right)}.page.results{background:#fff}.page.results .page-title,.page.results .page-description{text-align:center}.nav-bar{text-align:center;display:flex;gap:1rem;justify-content:center}.step{display:inline-flex;align-items:center;margin:.5rem}.step-label{text-transform:uppercase;font-size:var(--font-size-small);letter-spacing:.5px;color:var(--secondary-color)}.step-number{display:inline-flex;justify-content:center;align-items:center;width:1.8rem;height:1.8rem;border-radius:50%;margin-right:.5rem;font-size:var(--font-size-small);font-weight:var(--font-weight-medium);box-shadow:0 2px 6px var(--step-shadow-color)}.step-pending .step-number{background:var(--step-pending-color);border:var(--step-linewidth) solid var(--step-pending-border-color);color:var(--step-pending-font-color)}.step-active .step-number{background:var(--step-active-color);border:var(--step-linewidth) solid var(--step-active-border-color);color:var(--step-active-font-color)}.step-executed .step-number{background:var(--step-executed-color);border:var(--step-linewidth) solid var(--step-executed-border-color);color:transparent;font-size:var(--font-size-small);position:relative}.step-executed .step-number:after{content:"✓";font-size:var(--font-size-regular);font-weight:var(--font-weight-medium);color:var(--step-executed-font-color);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.footer{display:flex;align-items:center;justify-content:left;gap:0rem 1rem;flex-wrap:wrap;color:var(--footer-font-color)}.powered-by{display:flex;align-items:center;font-size:var(--font-size-small);gap:.5rem}.logo{color:var(--logo-color);width:160px;padding-top:6px}.intellectual-property{font-style:italic;font-size:var(--font-size-small);flex-wrap:wrap}.disclosing-group{overflow:hidden;max-height:0;opacity:0;transition:max-height var(--disclose-duration) var(--disclose-easing),opacity var(--disclose-duration) var(--disclose-easing)}.disclosing-group.visible{max-height:1200px;opacity:1}.preset{overflow:hidden;max-height:0;opacity:0;pointer-events:none}.page-title{font-size:var(--font-size-x-large);font-weight:var(--font-weight-medium);color:var(--page-title-color);text-transform:var(--page-title-transform);line-height:1.5;margin-bottom:1rem;white-space:normal;overflow-wrap:anywhere}.page-subtitle{font-size:var(--font-size-large);font-weight:var(--font-weight-medium);color:var(--page-subtitle-color);text-transform:var(--page-subtitle-transform);line-height:1.5;margin-bottom:.5rem}.page-description{font-size:var(--font-size-regular);font-weight:var(--font-weight-regular);line-height:1.5;margin-bottom:.5rem}.page-spacer{height:.5rem}.title{font-size:var(--font-size-large);font-weight:var(--font-weight-regular);color:var(--title-color);line-height:1.4;margin-bottom:.5rem;text-transform:var(--title-transform)}.description{line-height:1.4;margin-bottom:.25rem}.instruction{font-size:var(--font-size-small);line-height:1.4}.message{text-align:center}.optional{margin-left:4px;text-transform:lowercase}.info{display:inline-flex;position:relative;margin-left:.4rem;vertical-align:super;width:.75rem;height:.75rem;border:var(--info-linewidth) solid var(--info-border-color);background:var(--info-color);color:var(--info-font-color);border-radius:50%;align-items:center;justify-content:center;font-weight:var(--font-weight-medium);cursor:pointer}.info:before{content:var(--info-content);display:inline-block;font-size:var(--font-size-x-small);font-weight:var(--font-weight-medium);text-transform:lowercase;color:var(--info-font-color)}.info-popup,.validation-popup{background-color:var(--accent-color);color:var(--inversed-font-color);text-align:left;padding:.5rem;border-radius:var(--popup-radius);position:absolute;font-size:var(--font-size-small);font-weight:var(--font-weight-regular);box-shadow:0 4px 8px var(--popup-shadow-color);line-height:1.3;pointer-events:none;opacity:0;transition:opacity .5s}.info-popup{visibility:hidden;top:150%;text-transform:none;z-index:10}.info:hover .info-popup,.info.open .info-popup{visibility:visible;opacity:1}.validation-anchor{position:relative}.validation-popup{left:0;bottom:100%;transform:translate(.1rem,-.6rem);width:max-content;max-width:min(var(--popup-width),calc(100vw - 3rem));z-index:10}.validation-popup.visible{opacity:1}.validation-popup:after{content:"";position:absolute;left:.2rem;top:100%;border-width:.4rem;border-style:solid;border-color:var(--accent-color) transparent transparent transparent}.footnotes{font-size:var(--font-size-small);font-style:italic;margin-top:1rem}.footnotes p{margin-top:.25em;margin-bottom:.25em}.footnote-indicator{vertical-align:super;margin-left:.1rem;color:var(--footnote-indicator-color);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);font-style:italic}button[disabled]{opacity:.6;cursor:not-allowed}.nav-button,.link-button{font-family:inherit;display:inline-flex;align-items:center;background:var(--button-color);border:var(--button-border-linewidth) solid var(--button-border-color);color:var(--button-font-color);padding:.8rem;border-radius:var(--button-radius);font-size:var(--font-size-regular);cursor:pointer;text-decoration:none;overflow:hidden;position:relative;text-transform:var(--button-transform)}.nav-button:hover,.link-button:hover{background:var(--button-hover-color)}#test-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}#test-buttons button{flex:0 0 auto}#result-container{display:flex;flex-wrap:wrap;justify-content:space-evenly;gap:2rem}.result-column{display:flex;flex-direction:column;width:var(--column-width);align-items:center}.feature-box-section,.feature-bar-section,.feature-bar-group{display:flex;flex-direction:column;align-items:stretch;width:100%;margin:0 auto;box-sizing:border-box}.feature-bar-section,.feature-box-section{gap:.2rem}.feature-bar-group{gap:.8rem}.feature-bar-section{padding-bottom:1rem}.feature-box-section{padding-bottom:.4rem}.feature-group-title{font-size:var(--font-size-large);font-weight:var(--font-weight-dark);padding-top:1.2rem;padding-bottom:.5rem;margin:0 auto}.feature-group-subtitle{font-size:var(--font-size-regular);font-weight:var(--font-weight-regular);padding-bottom:.2rem;margin:0 auto}.board-name{font-size:var(--font-size-x-large);font-weight:var(--font-weight-medium);margin:0 auto;padding:.3rem;text-align:center}.board-size{font-weight:var(--font-weight-dark)}.measurements{font-size:var(--font-size-large);margin:0 auto;padding:.3rem;text-align:center}.feature-box-segment{display:flex;flex:1 1;width:100%;border-radius:var(--segment-radius);overflow:hidden;border:1px solid gray;container-type:inline-size}.feature-box-segment .feature-box{flex:1 1;text-align:center;height:var(--segment-height);line-height:var(--segment-height);font-size:3.8cqw;border-right:1px solid gray;background:var(--feature-box-background-color)}.feature-box:last-child{border-right:none}.feature-box.selected{background:var(--feature-selected-color);color:var(--inversed-font-color)}.feature-bar{position:relative;height:var(--bar-height);border-radius:var(--bar-radius);background:var(--feature-bar-background-color);overflow:hidden}.feature-text{position:absolute;top:0;left:0;width:100%;height:var(--bar-height);display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-small);font-weight:var(--font-weight-medium);pointer-events:none}.feature-bar-progress{width:100%;height:100%;border-radius:var(--bar-radius)}.feature-label{width:85%;text-align:left;padding-left:.7rem;color:var(--inversed-font-color)}.feature-value{width:15%;padding-right:.6rem;text-align:right;color:var(--feature-value-color)}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100vh}.loading-text{font-size:var(--font-size-x-large);margin-bottom:20px}#loader{display:flex;justify-content:center;align-items:center;margin:20px 0;width:100%}#loader.fade-out{opacity:0;transition:opacity .3s ease}.dot{width:12px;height:12px;margin:0 5px;background:var(--accent-color);border-radius:50%;animation:bounce 1s infinite}.dot:nth-child(1){animation-delay:0s}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes dots{0%,20%{color:#0000;text-shadow:.25em 0 0 rgba(0,0,0,0),.5em 0 0 rgba(0,0,0,0)}40%{color:var(--secondary-color);text-shadow:.25em 0 0 rgba(0,0,0,0),.5em 0 0 rgba(0,0,0,0)}60%{text-shadow:.25em 0 0 var(--secondary-color),.5em 0 0 rgba(0,0,0,0)}80%,to{text-shadow:.25em 0 0 var(--secondary-color),.5em 0 0 var(--secondary-color)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}