#dopple-canvas{display:none;position:relative;z-index:2;aspect-ratio:1 / 1.1;width:100%;background:#fff}@media screen and (min-width:750px){#dopple-canvas{aspect-ratio:1 / 2;height:calc(100vh - 30px);width:90%;margin:0 auto}}@media screen and (min-width:1150px){#dopple-canvas{aspect-ratio:1 / 1.1;height:calc(100vh - 30px)}}.builder-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--size-4)}.builder-header h3{font-size:var(--size-5);margin:0;padding:0}.builder-header a{font-size:var(--size-3);text-decoration:none}.builder-header a:hover{text-decoration:underline}.builder-pricing{background:var(--color-background-secondary, #f5f5f5);border-radius:8px;padding:var(--size-4);margin-bottom:var(--size-6);border:1px solid var(--color-rule-light)}.builder-price-row,.builder-weight-row{display:flex;justify-content:space-between;align-items:center}.builder-price-row{margin-bottom:var(--size-2)}.builder-price-label,.builder-weight-label{font-family:archivo-regular;font-size:var(--size-3);color:var(--color-foreground-secondary, #606060)}.builder-price-value{font-family:archivo-bold;font-size:var(--size-6);color:var(--color-foreground, #000)}.builder-weight-value{font-family:archivo-bold;font-size:var(--size-4);color:var(--color-foreground-secondary, #606060)}.builder-options{display:block;width:100%;padding:0;text-align:left}#mock-variant-options{width:100%}.mock-variant-option{padding-bottom:var(--size-6);margin-bottom:var(--size-4);border-bottom:1px solid var(--color-rule-light)}.mock-variant-option:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.mock-option-header h4{font-family:archivo-bold;font-size:var(--size-4);line-height:var(--size-6);margin:0 0 var(--size-4) 0}.mock-swatch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--size-3)}.mock-swatch-item{position:relative}.mock-swatch-item input[type=radio]{position:absolute;opacity:0;pointer-events:none}.mock-swatch-item label{display:flex;flex-direction:column;align-items:center;gap:var(--size-2);padding:var(--size-3);border:2px solid var(--color-rule-light);border-radius:8px;cursor:pointer;transition:all .2s ease}.mock-swatch-item:not(.unavailable) label:hover{border-color:var(--color-hoyt-red)}.mock-swatch-item input:checked+label{border-color:var(--color-hoyt-red);background-color:rgba(var(--color-hoyt-red-rgb, 218, 41, 28),.05)}.mock-swatch-item.unavailable label{opacity:.4;cursor:not-allowed}.swatch-color{width:40px;height:40px;border-radius:50%;border:2px solid var(--color-rule-light);box-shadow:0 2px 4px #0000001a}.swatch-image{width:50px;height:50px;object-fit:cover;border-radius:8px;border:2px solid var(--color-rule-light)}.mock-swatch-item.unavailable .swatch-color,.mock-swatch-item.unavailable .swatch-image{position:relative}.mock-swatch-item.unavailable .swatch-color:after,.mock-swatch-item.unavailable .swatch-image:after{content:"";position:absolute;top:50%;left:-2px;right:-2px;height:2px;background-color:red;transform:translateY(-50%) rotate(-45deg)}.swatch-label{font-size:var(--size-2);text-align:center;font-family:archivo-regular}.swatch-price{font-size:var(--size-1);color:var(--color-hoyt-red);font-family:archivo-bold;margin-top:2px}.mock-variant-select{width:100%;padding:var(--size-3) var(--size-4);font-size:var(--size-3);border:2px solid var(--color-rule-light);border-radius:8px;background-color:#fff;cursor:pointer;transition:border-color .2s ease}.mock-variant-select:hover{border-color:var(--color-hoyt-red)}.mock-variant-select:focus{outline:none;border-color:var(--color-hoyt-red)}.mock-variant-select option:disabled{color:#999}.builder-options .mock-swatch-grid{grid-template-columns:1fr 1fr}.builder-options .swatch-image{width:40px;height:40px;border:1px solid var(--color-rule-light);border-radius:100%}.builder-options .swatch-label{font-size:14px;line-height:16px;font-family:var(--font-body-family);text-align:left;color:var(--color-gray-500)}.builder-options .mock-swatch-item label{flex-direction:row;padding:var(--margin-3xs) var(--margin-2xs);border:1px solid var(--color-gray-500)}
/*# sourceMappingURL=/cdn/shop/t/137/assets/bow-builder.css.map */