.options{grid-area:options;margin-bottom:1rem}.options>.header{display:flex;flex-wrap:wrap;gap:.5rem;align-items:baseline}.options>.header h2{flex-grow:1;margin-top:1.5em;margin-bottom:0}.options .configurator-options{min-height:80vh;margin-top:1rem}.purchase-panel h2{margin-block:.5rem;color:var(--xb-heading-color);font-family:var(--xb-heading-font-family);font-size:1rem;font-weight:bold}.purchase-panel>.pending-required>h2{display:grid;grid-auto-flow:column;gap:.5rem;justify-content:left;color:var(--xb-error-color)}.purchase-panel>.pending-required>h2::before{content:"!";display:flex;flex-shrink:0;justify-content:center;width:1.2rem;height:1.2rem;background-color:var(--xb-error-color);border-radius:50%;color:#fff;font-size:.9rem}.purchase-panel>.pending-required>.list{display:flex;flex-wrap:wrap;gap:.5rem;align-items:flex-end;font-size:.8rem}.purchase-panel>.pending-required>.list>*:first-child{margin-top:.5rem}.purchase-panel>.pending-required[data-total="0"]{display:none}.purchase-panel>.current-configuration{width:100%}.purchase-panel>.current-configuration>table{font-size:.8rem}.purchase-panel>.current-configuration>table tr td{padding:.25rem 0 0 0;vertical-align:top}.purchase-panel>.current-configuration>table tr td:first-of-type{padding-right:.25rem;text-align:right}.configurator-option{display:flex;flex-direction:column;margin-bottom:2rem;outline:1pt solid rgba(0,0,0,0);transition:box-shadow 1s .2s,outline-color 1s .2s}.configurator-option.invisible{display:none}.configurator-option.highlight-required{box-shadow:0 0 1rem 0 var(--xb-error-color);outline-color:var(--xb-red-2);transition:box-shadow 0s,outline-color 0s}.configurator-option .toggle-configurator-option{display:none}.configurator-option .header{display:block;padding:.75rem 1.5rem;background-color:var(--xb-blue-3);color:var(--xb-gray-0);font-family:var(--xb-heading-font-family);font-size:1.2rem;font-weight:bold}.configurator-option.required .header .name::after{content:" *";color:var(--xb-gray-2)}.configurator-option .break{padding:1rem .5rem .5rem .5rem;font-family:var(--xb-heading-font-family);font-size:1rem;font-weight:bold}.configurator-option .break.empty{display:none}.configurator-option .break .blue{color:var(--xb-primary-color)}.configurator-option .break .orange{color:var(--xb-orange-color)}.configurator-option .configurator-option-values{padding:.75rem;background-color:var(--xb-foreground-color);font-size:.8rem}.configurator-option .configurator-option-values .hidden-by-value-id{display:none}.configurator-option .configurator-option-value{display:flex;gap:.25rem .5rem;align-items:center;justify-content:flex-start;min-height:1.5rem;padding:.5rem;cursor:pointer}@media not all and (min-width: 55rem){.configurator-option .configurator-option-value{flex-wrap:wrap;border-bottom:1pt solid var(--xb-background-color)}}@media only all and (min-width: 55rem){.configurator-option .configurator-option-value{padding-block:0}}.configurator-option .configurator-option-value:hover{background-color:var(--xb-foreground-hover-color)}.configurator-option .configurator-option-value:hover .checkbox::before{background-color:var(--xb-foreground-accent-color)}.configurator-option .configurator-option-value.single-hidden{display:none}.configurator-option .configurator-option-value .checkbox{position:relative;display:grid;grid-template:"check content" auto/auto 1fr;align-items:center;cursor:pointer}.configurator-option .configurator-option-value .checkbox::before{content:"";display:block;grid-area:check;box-sizing:border-box;width:1.2rem;height:1.2rem;background-color:var(--xb-foreground-color);border:.1em solid var(--xb-foreground-accent-color);border-radius:50%}.configurator-option .configurator-option-value .checkbox::after{content:"";display:block;grid-area:check;width:1.2rem;height:1.2rem;background-color:var(--xb-foreground-color);mask-image:url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve"><polygon style="fill:white" points="23,9 13.2,18.8 9,14.5 6.4,17 10.7,21.3 13.2,23.8 15.8,21.3 25.6,11.5 "/></svg>');mask-repeat:no-repeat}.configurator-option .configurator-option-value .select-qty{width:min-content;background-color:var(--xb-foreground-color)}.configurator-option .configurator-option-value button.select-qty{all:unset}.configurator-option .configurator-option-value .name{max-width:calc(100% - 5rem);margin-block:.25rem}.configurator-option .configurator-option-value .line-break{width:100%}@media only all and (min-width: 55rem){.configurator-option .configurator-option-value .line-break{display:none}}.configurator-option .configurator-option-value .recommended{padding:.25rem .5rem;background-color:var(--xb-blue-3);border-radius:1rem;color:#fff;font-size:.7rem;line-height:1em}.configurator-option .configurator-option-value .best-value{padding:.25rem .5rem;background-color:var(--xb-orange-2);border-radius:1rem;color:#fff;font-size:.7rem;line-height:1em}.configurator-option .configurator-option-value[data-message=G]{opacity:.5}.configurator-option .configurator-option-value[data-message=V] .configurator-price{color:var(--xb-success-color);font-weight:bold}.configurator-option .configurator-option-value .may-delay-order{color:var(--xb-primary-color)}.configurator-option .configurator-option-value .spiff{padding:.25rem .5rem;background-color:#daa520;border-radius:1rem;color:#fff;font-size:.7rem;line-height:1em}.configurator-option .configurator-option-value .filler{flex-grow:1}.configurator-option .configurator-option-value .subtotal{display:none;padding:.25rem .5rem;background-color:var(--xb-blue-3);border-radius:1rem;color:#fff;font-size:.7rem;line-height:1em}.configurator-option .configurator-option-value .role-price,.configurator-option .configurator-option-value .margin-price{opacity:.5;text-align:right}.configurator-option .configurator-option-value[data-margin="0"] .role-price,.configurator-option .configurator-option-value[data-margin="0"] .margin-price{display:none}.configurator-option .configurator-option-value[aria-checked=true]{background-color:var(--xb-foreground-selected-color)}.configurator-option .configurator-option-value[aria-checked=true] .checkbox::before{background-color:var(--xb-primary-color);border-color:var(--xb-primary-color)}.configurator-option .configurator-option-value[aria-checked=true] .subtotal{display:initial}.configurator-option .configurator-option-value.show-only-hidden{display:none}.configurator-option .configurator-option-value .inventory{min-width:4ch;text-align:right}.configurator-option .configurator-option-value .configurator-price{min-width:8ch;text-align:right}.configurator-option:not([data-max-qty="1"]) .configurator-price{white-space:nowrap}.configurator-option:not([data-max-qty="1"]) .configurator-price:after{content:" /ea"}.configurator-option>.description:not(:empty){padding:1.25rem 1rem 0 1.25rem;background-color:var(--xb-foreground-color)}.configurator-option>.description:not(:empty)>*:first-child{margin-top:0}.configurator-option>.description:not(:empty)>*:last-child{margin-bottom:0}.configurator-option>.description:not(:empty) .tooltip,.configurator-option>.description:not(:empty) .raid-calc-trigger{display:block;cursor:pointer;color:var(--xb-orange-color);font-weight:bold}.configurator-option>.description:not(:empty) .tooltiptext{display:none}.configurator-option.hide-price-zero .configurator-option-value[data-configurator-price=".00"] .configurator-price{display:none}.configurator-option.hide-price-zero .configurator-option-value[data-configurator-price=".00"] .role-price{display:none}.configurator-option.hide-price-zero .configurator-option-value[data-configurator-price=".00"] .subtotal{display:none}.configurator-tooltip-popup{width:50rem}#configurator-raid-calculator>.container{width:22rem;padding:1rem}#configurator-raid-calculator h2{margin-top:0}#configurator-raid-calculator .field{display:flex;gap:1rem;align-items:center;margin-top:.25rem}#configurator-raid-calculator .field>*:first-child{flex-grow:1}#configurator-raid-calculator .field input[type=number]{width:8ch;text-align:right}#configurator-raid-calculator .field select{width:auto}#configurator-raid-calculator .field .capacity{display:flex}#configurator-raid-calculator #raid-calculator-calculate{margin-top:1rem}#configurator-raid-calculator .result>*{margin-top:1rem}#configurator-raid-calculator .result .capacity{color:var(--xb-primary-color);font-family:var(--xb-heading-font-family);font-size:1.5rem;font-weight:bold}#configurator-raid-calculator .result .message{display:flex;align-items:center}#configurator-raid-calculator .result .message::before{content:"i";display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:2rem;height:2rem;margin-right:.5rem;background-color:var(--xb-font-color);border-radius:50%;color:#fff}#configurator-raid-calculator .result .error{display:flex;align-items:center;color:var(--xb-error-color)}#configurator-raid-calculator .result .error::before{content:"!";display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:2rem;height:2rem;margin-right:.5rem;background-color:darkred;border-radius:50%;color:#fff}#load-configuration>.content>form,#save-configuration>.content{display:flex;flex-direction:column;gap:1rem;padding:1rem}#load-configuration>.content>form h2,#save-configuration>.content h2{margin:0 2rem 0 0;font-family:var(--xb-heading-font-family);line-height:1em}#save-configuration .code{font-family:monospace;font-size:1.2rem;font-weight:bold}#reset-configuration.hidden{display:none}/*# sourceMappingURL=webView_configurator.min.css.map */
