html.sc-active .price--main__product:before,html.sc-active .tpo_total-additional-price:before{content:"Starting at ";font-weight:400}html.sc-active .tpo_total-additional-price{display:none!important}html.sc-active .price--main__product{display:inline!important;visibility:visible!important}.sc{--sc-green: #6cc24a;--sc-green-dark: #2d5135;--sc-ink: rgb(var(--color-base-text, 18, 18, 18));--sc-bg: rgb(var(--color-base-background-1, 255, 255, 255));--sc-bg-alt: rgb(var(--color-base-background-2, 243, 243, 243));--sc-line: rgba(var(--color-base-text, 18, 18, 18), .14);--sc-radius: var(--buttons-radius, 0px);--sc-btn-radius: 4px;--screen: #f2f3f5;--vinyl: #16181b;--shell-top: #39414e;--shell-side: #2c333e;--grommet: #e0342a;--dim: #7b8492;font-family:var(--font-body-family, inherit);color:var(--sc-ink);container-type:inline-size}.sc *,.sc *:before,.sc *:after{box-sizing:border-box}.sc__grid{display:grid;grid-template-columns:1fr;gap:22px}.sc__visual{order:-1}@container (min-width: 720px){.sc__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start}.sc__visual{order:0}}.sc__field{margin-bottom:18px}.sc__label{display:block;font-size:1.1rem;letter-spacing:.06em;text-transform:uppercase;font-weight:600;color:var(--sc-green-dark);margin:0 0 7px}.sc__label .sc__req{color:var(--sc-green)}.sc__inputrow{display:flex;gap:10px;align-items:stretch}.sc__input,.sc__select{flex:1 1 auto;min-width:0;width:100%;padding:11px 12px;font:inherit;font-size:1.5rem;color:var(--sc-ink);background:var(--sc-bg);border:var(--inputs-border-width, 1px) solid var(--sc-line);border-radius:var(--sc-radius)}.sc__input:focus,.sc__select:focus,.sc__range:focus-visible{outline:2px solid var(--sc-green);outline-offset:1px}.sc__ftin{flex:0 0 auto;min-width:92px;display:flex;align-items:center;justify-content:center;padding:0 12px;background:var(--sc-bg-alt);border:var(--inputs-border-width, 1px) solid var(--sc-line);border-radius:var(--sc-radius);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.sc__range{-webkit-appearance:none;appearance:none;width:100%;margin:12px 0 0;padding:0;background:transparent;border:0;height:22px;cursor:pointer}.sc__range::-webkit-slider-runnable-track{height:6px;background:var(--sc-line);border-radius:999px}.sc__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;margin-top:-8px;border:2px solid #fff;border-radius:50%;background:var(--sc-green);box-shadow:0 1px 3px #0000004d}.sc__range::-moz-range-track{height:6px;background:var(--sc-line);border-radius:999px}.sc__range::-moz-range-thumb{width:20px;height:20px;border:2px solid #fff;border-radius:50%;background:var(--sc-green);box-shadow:0 1px 3px #0000004d}.sc__hint{font-size:1.2rem;opacity:.62;margin-top:5px}.sc__choices{display:grid;gap:8px}.sc__choice{display:flex;gap:10px;align-items:flex-start;padding:11px 12px;border:var(--inputs-border-width, 1px) solid var(--sc-line);border-radius:var(--sc-radius);cursor:pointer;font-size:1.4rem}.sc__choice:hover{border-color:var(--sc-green)}.sc__choice input{accent-color:var(--sc-green);margin-top:2px}.sc__choice--on{border-color:var(--sc-green);background:#6cc24a12}.sc__choice.disabled{opacity:.55;cursor:not-allowed}.sc__choice.disabled input{cursor:not-allowed}.sc__error{color:#b3261e;font-size:1.3rem;font-weight:500;margin-top:8px;min-height:1.2em}.sc__stage{width:100%;height:auto;max-height:55vh;display:block}.sc__legend{display:flex;flex-wrap:wrap;gap:14px;font-size:1.2rem;opacity:.7;margin-top:12px}.sc__sw{width:10px;height:10px;display:inline-block;margin-right:5px;vertical-align:-1px}.sc__note{margin-top:14px;font-size:1.2rem;opacity:.75;border-left:3px solid var(--sc-green);padding:7px 0 7px 11px}.sc__stock{border:1px solid var(--sc-green);background:#6cc24a1a;border-radius:var(--sc-radius);padding:12px 14px;font-size:1.35rem;line-height:1.45;margin-bottom:16px}.sc__stock strong{display:block;margin-bottom:3px}.sc__stock button{margin-top:9px;padding:9px 14px;background:var(--sc-green);color:#fff;border:0;border-radius:var(--sc-radius);font:inherit;font-size:1.3rem;font-weight:600;cursor:pointer}.sc__summary{border-top:1px solid var(--sc-line);margin-top:18px;padding-top:15px}.sc__price{font-size:3rem;font-weight:700;line-height:1.1}.sc__pricesub{font-size:1.25rem;opacity:.7;margin-top:3px}.sc__btn{display:block;width:100%;margin-top:18px;padding:19px 30px;background:var(--sc-green);color:#fff;border:var(--buttons-border-width, 1px) solid var(--sc-green);border-radius:var(--sc-btn-radius, 4px);font:inherit;font-size:1.5rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;text-align:center;text-decoration:none;transition:background .15s ease,color .15s ease,border-color .15s ease}.sc__btn:hover{background:#000;border-color:var(--sc-green);color:var(--sc-green)}.sc__btn:focus-visible{outline:3px solid var(--sc-green);outline-offset:2px}.sc__btn[disabled]{opacity:.45;cursor:not-allowed}.sc__btn--ghost{background:transparent;color:var(--sc-ink);border-color:var(--sc-line)}.sc__btn--ghost:hover{background:var(--sc-bg-alt);color:var(--sc-ink);border-color:var(--sc-ink)}.sc__btn--loading{position:relative;color:transparent!important}.sc__btn--loading:after{content:"";position:absolute;top:50%;left:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:sc-spin .7s linear infinite}.sc__btn--ghost.sc__btn--loading:after{border-color:#12121240;border-top-color:#121212}@keyframes sc-spin{to{transform:rotate(360deg)}}.sc__rows{margin-top:4px}.sc__row{display:flex;justify-content:space-between;gap:14px;padding:5px 0;font-size:1.4rem}.sc__row span{min-width:0;overflow-wrap:anywhere}.sc__row span:first-child{opacity:.7}.sc__row span:last-child{text-align:right}.sc__row span.sc__amt{flex:0 0 auto;white-space:nowrap;overflow-wrap:normal}@media(max-width:560px){.sc__row{flex-wrap:wrap;gap:0 14px}.sc__row span:last-child:not(.sc__amt){flex:1 0 100%;text-align:left}}.sc__row--total{font-weight:700;font-size:1.6rem;border-top:1px solid var(--sc-line);margin-top:9px;padding-top:11px}.sc__legalese{font-size:1.2rem;opacity:.66;margin-top:14px}.sc--busy{opacity:.6;pointer-events:none}.sc__hidden{display:none!important}.sc__band[hidden]{display:none}.sc__band{border-top:1px solid var(--sc-line);border-bottom:1px solid var(--sc-line);padding:34px 0;margin:26px 0}.sc__band-inner{max-width:var(--page-width, 1400px);margin:0 auto;padding:0 5vw}.sc__band-head{margin:0 0 22px}.sc__band-head h2{margin:0 0 6px;font-size:2.6rem;line-height:1.15;text-transform:uppercase;letter-spacing:.01em}.sc__band-head p{margin:0;opacity:.72;font-size:1.4rem}@container (min-width: 720px){.sc__band .sc__grid{grid-template-columns:minmax(0,1.45fr) minmax(0,380px)}.sc__band .sc__visual{order:0}.sc__band .sc__controls{order:1}}.sc__launch{background:#fff;color:#121212;padding:22px 20px;border:1px solid rgba(18,18,18,.12);border-radius:var(--sc-btn-radius, 4px)}.sc__launch h3{margin:0 0 10px;font-size:1.6rem;line-height:1.25;text-transform:uppercase;letter-spacing:.05em;color:var(--sc-green-dark)!important;font-weight:700}.sc__launch p{margin:0 0 12px;color:#121212;font-size:1.45rem;line-height:1.55}.sc__launch p:last-of-type{margin-bottom:0}.sc__launch a{color:var(--sc-green-dark);text-decoration:underline;text-underline-offset:2px}.sc__launch a:hover{color:var(--sc-green)}.sc__launch ul{margin:14px 0 18px;padding-left:20px;font-size:1.35rem}.sc__launch li{margin-bottom:6px;color:#3a3f45!important}.sc__launch .sc__btn{margin-top:18px}.sc__launch .sc__fineprint{margin:14px 0 0;font-size:1.2rem;color:#6b7280;line-height:1.45}.sc__band--dark{background:transparent;color:#fff}.sc__band--dark .sc{--sc-ink: #ffffff;--sc-bg: rgba(255, 255, 255, .06);--sc-bg-alt: rgba(255, 255, 255, .1);--sc-line: rgba(255, 255, 255, .26);--sc-green-dark: #6cc24a;color:#fff}.sc__band--dark .sc__band-head h2,.sc__band--dark .sc__band-head p{color:#fff}.sc__band--dark .sc__input,.sc__band--dark .sc__select{background:#fff;color:#121212;border-color:transparent}.sc__select option{background:#fff;color:#121212}.sc__band--dark .sc__ftin,.sc__band--dark .sc__choice{color:#fff}.sc__band--dark .sc__choice--on{border-color:var(--sc-green);background:#6cc24a29}.sc__band--dark .sc__hint,.sc__band--dark .sc__legend,.sc__band--dark .sc__note,.sc__band--dark .sc__pricesub,.sc__band--dark .sc__legalese{opacity:.82}.sc__band--dark .sc__row span:first-child{opacity:.78}.sc__band--dark .sc__stock{background:#6cc24a29;color:#fff}.sc__band--dark .sc__error{color:#ff8a7a}.sc__sheet{background:#fff;padding:18px;border-radius:var(--sc-radius)}.sc__band--dark .sc__sheet{box-shadow:0 2px 18px #00000080}.sc__band--dark .sc__sheet .sc__legend,.sc__band--dark .sc__sheet .sc__note{color:#121212;opacity:.75}.sc__band--light{background:#fff;color:#121212}.sc__modal{border:0;padding:0;max-width:620px;width:calc(100% - 32px);border-radius:var(--sc-btn-radius, 4px);background:#fff;color:#121212}.sc__modal::backdrop{background:#0000009e}.sc__modal,.sc__modal h1,.sc__modal h2,.sc__modal h3,.sc__modal h4,.sc__modal p,.sc__modal span,.sc__modal label,.sc__modal li,.sc__modal b,.sc__modal strong{color:#121212}.sc__modal:not([open]){display:none}.sc__modal[open]{max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.sc__close{position:absolute;top:10px;right:12px;z-index:2;width:38px;height:38px;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;border:0;cursor:pointer;font-size:30px;line-height:1;color:#6b7280!important;border-radius:var(--sc-btn-radius, 4px)}.sc__close:hover{background:#f3f3f3;color:#121212!important}.sc__close:focus-visible{outline:2px solid var(--sc-green);outline-offset:-2px}.sc__modal-inner{padding:26px 26px 0;overflow-y:auto;flex:1 1 auto;display:flex;flex-direction:column}.sc__modal h3{margin:0 44px 4px 0;font-size:1.9rem;line-height:1.2;text-transform:uppercase;letter-spacing:.03em;font-weight:700}.sc__modal-sub{margin:0 0 18px;font-size:1.3rem;color:#6b7280!important}.sc__modal .sc__flabel{color:#4b5563!important}.sc__recap{background:#f3f3f3;padding:12px 14px;margin-bottom:20px;border-left:3px solid var(--sc-green);font-size:1.35rem}.sc__recap b{display:block;font-size:1.6rem;margin-top:3px}.sc__fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sc__fields .sc__span2{grid-column:1 / -1}@media(max-width:560px){.sc__fields{grid-template-columns:1fr}}.sc__modal label.sc__flabel{display:block;font-size:1.1rem;letter-spacing:.05em;text-transform:uppercase;font-weight:700;color:#4b5563;margin:0 0 5px}.sc__modal input[type=text],.sc__modal input[type=email],.sc__modal input[type=tel],.sc__modal select{width:100%;padding:11px 12px;font:inherit;font-size:1.45rem;color:#121212;background:#fff;border:1px solid rgba(18,18,18,.22);border-radius:var(--sc-btn-radius, 4px)}.sc__modal input:focus,.sc__modal select:focus{outline:2px solid var(--sc-green);outline-offset:1px;border-color:var(--sc-green)}.sc__approve{margin:0 0 20px;padding:14px;background:#f8faf7;border:1px solid var(--sc-green);border-radius:var(--sc-btn-radius, 4px);font-size:1.3rem;line-height:1.5;color:#121212}.sc__modal input.sc__missing,.sc__modal select.sc__missing{border-color:#b3261e;background:#fdf5f4}.sc__modal input.sc__missing::placeholder{font-style:italic;color:#b3261e;opacity:1}.sc__agreement-link{color:var(--sc-green);font-weight:600;text-decoration:underline;text-underline-offset:2px;white-space:nowrap}.sc__agreement-link:hover{color:var(--sc-green);text-decoration:none}.sc__modal .sc__error{color:#b3261e!important}.sc__modal-actions{display:flex;gap:10px;position:sticky;bottom:0;margin:16px -26px 0;padding:16px 26px;background:#fff;border-top:1px solid rgba(18,18,18,.12)}.sc__modal-actions .sc__btn{margin-top:0}.sc__modal-actions .sc__btn--ghost{flex:0 0 34%;color:#121212!important}.sc__modal-actions .sc__btn:not(.sc__btn--ghost){color:#fff!important}.sc__modal-actions .sc__btn:not(.sc__btn--ghost):hover{background:#000;border-color:var(--sc-green);color:var(--sc-green)!important}.sc__modal-actions .sc__btn.sc__btn--loading{color:transparent!important}.sc__done{text-align:center;padding-bottom:26px}.sc__done h3{margin:0 0 4px}.sc__done .sc__fineprint{margin:14px 0 0;font-size:1.2rem;color:#6b7280;line-height:1.45}.sc__from{display:flex;align-items:baseline;gap:8px;margin:10px 0 12px;font-size:15px}.sc__fromlabel{color:var(--sc-muted, #6b7280)}.sc__fromval{font-size:22px;font-weight:700;color:var(--sc-ink, #111)}
/*# sourceMappingURL=/cdn/shop/t/358/assets/screen-configurator-v2.css.map */