@import url(https://fonts.googleapis.com/css?family=Nunito:400,700,800,900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}#root,body,html{height:100%;margin:0;overflow:hidden;padding:0;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{font-family:Nunito,sans-serif}.AppEmbedded{align-items:stretch;animation:AppContainerFade .1s linear;background:#0006;box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow-y:hidden;padding:0 2.5% 2.5%;width:100%}@keyframes AppContainerFade{0%{background-color:initial}to{background-color:#0006}}@keyframes AppEnter{0%{transform:scale(0)}to{transform:scale(1)}}.AppEmbedded .App{animation:AppEnter .4s;background:#fff;border:none;border-radius:4px;box-shadow:0 4px 16px #0008;display:flex;flex:1 1;flex-direction:column;height:auto;max-height:1000px}.AppEmbedded .AppEmbedded-buttonHeader{animation:HeaderSlideIn .2s;animation-delay:.2s;animation-fill-mode:both;flex:0 0 auto;padding:4px 0;text-align:right}@keyframes HeaderSlideIn{0%{transform:translateY(-100%)}to{transform:none}}.App{align-items:stretch;background:#fff;display:flex;flex-direction:column;height:100%;overflow:hidden;text-align:left;transition:background-color 1s,color 1s;width:100%}.App.nightMode{background:#444;color:#fff}.mainContent,.mainContentOuter{align-items:stretch;display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow:hidden;position:relative;z-index:0}@keyframes MenuScrollIndicatorAnimation{0%{transform:translateX(0)}to{transform:translateX(50%)}}.SelectorScreen .contentMain{align-items:flex-end;display:flex;flex:1 1;flex-direction:column;overflow:hidden;position:relative;transition:box-shadow .3s}.SelectorScreen.defaultWallColor .contentMain{box-shadow:inset 0 0 2px #0003}.SelectorScreen .swipeViewWrapper{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow:hidden;width:100%}.SelectorScreen .swipeViewWrapper .menuScrollIndicator{bottom:10px;opacity:0;position:absolute;right:20px;transition:1s}.SelectorScreen .swipeViewWrapper .menuScrollIndicator.shown{opacity:1}.SelectorScreen .swipeViewWrapper .menuScrollIndicator img{animation-direction:alternate;animation-duration:1s;animation-iteration-count:infinite;animation-name:MenuScrollIndicatorAnimation}.modalEditor{background:#fff;bottom:0;display:flex;flex-direction:column;left:0;position:fixed;right:0;top:0;z-index:10}.editingHeader{display:flex;flex:0 0 auto;justify-content:space-between;padding:10px 20px}input[type=email],input[type=text],textarea{border:1px solid #9fa0a4;border-radius:4px;box-shadow:none;box-sizing:border-box;font-family:Nunito,sans-serif;font-size:12px;padding:10px 8px;transition:.2s;width:100%}input[type=email]:focus,input[type=text]:focus,textarea:focus{border-color:#42b4e6;box-shadow:0 5px 11px #42b4e61a,0 2px 2px #0000000f;outline:none!important}input[type=email].invalid,input[type=email].invalid:focus,input[type=text].invalid,input[type=text].invalid:focus,textarea.invalid,textarea.invalid:focus{border-color:#e01035}input.fill{width:100%}input.roomInput{font-size:16px;font-weight:700;min-width:0;padding:4px 8px}input.roomInput:focus{color:#000}textarea{resize:vertical}.buttonStack{align-items:stretch;display:flex;flex-direction:column}.buttonStack>:not(:last-child){margin-bottom:10px}@media (min-width:300px){.buttonRow{display:flex}.buttonRow button{flex:1 1;margin-left:5px;margin-right:5px}.buttonRow button:last-child{margin-right:0}.buttonRow button:first-child{margin-left:0}}@media (max-width:299px){.buttonRow{align-items:stretch;display:flex;flex-direction:column-reverse}.buttonRow>:not(:first-child){margin-bottom:10px}}.DisclaimerBox{background:#3dcd58;box-sizing:border-box;color:#fff;font-size:14px;font-weight:700;margin:0 auto;max-width:800px;padding:10px 20px;text-align:center;width:100%}img.iconLeft{margin-right:10px;width:16px}img.iconRight{margin-left:10px;width:16px}.tooltip{background:#3dcd58;border-radius:16px;bottom:calc(110% + 10px);color:#fff;display:block;font-weight:700;opacity:0;padding:2px 14px;pointer-events:none;transform:translateX(-50%) scale(0);transform-origin:50% calc(100% + 10px);transition:.2s;white-space:pre}.tooltip,.tooltip:after{left:50%;position:absolute}.tooltip:after{border:10px solid #0000;border-top-color:#3dcd58;content:"";height:0;top:100%;transform:translateX(-50%);width:0}.tooltip.left{transform:translateX(-30%) scale(0)}.tooltip.left:hover{transform:translateX(-30%)}.tooltip.left:after{left:30%}.tooltip.right{transform:translateX(-70%) scale(0)}.tooltip.right:hover{transform:translateX(-70%)}.tooltip.right:after{left:70%}.tooltipContainer:hover .tooltip{opacity:1;transform:translateX(-50%)}@keyframes FixedTooltipDelay{0%{opacity:0;transform:translateX(-50%) scale(0)}to{opacity:1;transform:translateX(-50%)}}@keyframes FixedTooltipDelayLeft{0%{opacity:0;transform:translateX(-30%) scale(0)}to{opacity:1;transform:translateX(-30%)}}@keyframes FixedTooltipDelayRight{0%{opacity:0;transform:translateX(-70%) scale(0)}to{opacity:1;transform:translateX(-70%)}}.tooltip.shown{animation:FixedTooltipDelay .2s ease;animation-fill-mode:both;opacity:1}.tooltip.shown.left{animation-name:FixedTooltipDelayLeft}.tooltip.shown.right{animation-name:FixedTooltipDelayRight}a:link,a:visited{color:#3dcd58}a:active,a:hover{color:#31bf4c}@keyframes detailsUp{0%{opacity:0;transform:translateY(50%)}to{opacity:1;transform:translateY(0)}}ul{padding-left:1.5em}fieldset{border:1px solid #ddd;border-radius:4px}fieldset+fieldset{margin-top:10px}.ListScreenWrapper{background-color:#0007;border-top:1px solid #ced4db;bottom:0;left:0;overflow:hidden;padding-left:20px;position:absolute;right:0;top:0;transition:.2s;z-index:1}@media (max-width:640px){.ListScreenWrapper{padding-left:30px}}.ListScreenWrapper .ListScreen{align-items:stretch;border-left:20px solid #3dcd58;box-shadow:0 0 10px #0004;box-sizing:border-box;display:flex;flex-direction:column;margin:0 0 0 auto;transition:.3s}.ListScreenWrapper .ListScreen .scrollingSection{overflow-Y:auto;display:flex;flex:1 1;flex-direction:column;position:relative}.ListScreenWrapper.collapsed{background-color:#0000;transition-delay:.3s}.ListScreenWrapper.collapsed .ListScreen{transform:translateX(100%)}.ListScreenWrapper.collapsed *{pointer-events:none}.ListScreen{background:#fff;height:100%;margin:0 auto;max-width:800px;overflow-y:auto;width:100%}.ListScreen .listWorkflowContent{opacity:1;transition:opacity .8s}.ListScreen .listWorkflowContent.hidden{opacity:0}.ListScreen .ctaContainer{align-items:stretch;display:flex;flex-direction:column;margin:10px auto 0;max-width:400px;padding:10px 20px}.ListScreen .ctaContainer button:not(:last-child){margin-bottom:10px}.ListScreen .totalPrice{align-items:center;display:flex;justify-content:flex-end;padding:10px 20px}.ListScreen .footer-container{background:#ebecec;border-bottom:1px solid #ced4db;border-top:1px solid #ced4db;margin-top:20px}.ListScreen .footer-container .footer{color:#626469;margin:0 auto;max-width:400px;padding:20px;text-align:left}.ListScreen .footer-container .footer p{margin-top:0}.ListScreen .footer-container .footer h3{margin:0;padding:0}.ListScreen .footer-container .footer button{display:block;width:100%}@keyframes ListItemFocused{0%{background-color:#fff}10%{background-color:#b7ecc1}to{background-color:#fff}}.ListItemRow{border-bottom:1px solid #ddd;display:flex;flex-direction:column}.ListItemRow:last-child{border-bottom:none}.ListItemRow.isFocused{animation:ListItemFocused 3s;animation-delay:.3s}.ListItemRow .ProductLedTag{background:#ebecec;border-radius:100px;font-size:.8em;padding:.1em 1em}.ListItemRow .topRow{align-items:flex-start;display:flex;flex-direction:row;padding:20px 0 10px 20px}.ListItemRow .topRow .rowText{display:flex;flex-grow:1;justify-content:space-between;padding-left:20px}.ListItemRow .topRow .rowText .details{font-size:.8rem}.ListItemRow .topRow .rowText .details .skinStyle{font-size:1rem;font-weight:700}.ListItemRow .topRow .rowText .details .skinName{margin-top:.2em}.ListItemRow .topRow .rowText .components{color:#b8b8b8;flex:1 1;margin-top:.5em}@media (max-width:640px){.ListItemRow .topRow{flex-wrap:wrap}.ListItemRow .topRow .components{flex:0 0 100%;order:100;padding:10px 10px 0}}.ListItemRow .actions{flex:0 0 auto;padding:10px 20px 15px}.ListItemRow .actions,.ListItemRow .quantityBar{display:flex;flex-direction:row;justify-content:space-between}.ListItemRow .quantityBar{align-items:center;padding-right:20px}.ListItemRow .note{background:#f0f0f0;border-radius:3px;color:#777;margin:0 20px 15px;padding:15px 20px;white-space:pre-wrap}.ListItemRow .expandingContent{border-top:1px solid #ced4db;margin:0 20px 15px;opacity:0;padding-top:10px;transition:opacity .3s}.ListItemRow .expandingContent select,.ListItemRow .expandingContent textarea{margin-bottom:10px;width:100%}.ListItemRow .expandingContent.expanded{opacity:1}.ListItemRow .expandingContent .placeholder{border:1px solid #ced4db;color:#777;margin-bottom:10px;padding:4px 10px}.ListItemRow .expandingContent .row{display:flex;justify-content:space-between}.ListItemRow .priceSection{margin-right:20px;min-height:40px;text-align:right}.RoomHeader{align-items:center;background:#ebecec;border-bottom:1px solid #ced4db;display:flex;min-height:46px;overflow-x:hidden;padding:0 12px 0 20px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.RoomHeader.borderTop{border-top:1px solid #ced4db}.RoomHeader .name{flex:1 1;font-size:16px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.AddRoomRow{align-items:center;background:#ebecec;border-bottom:1px solid #ced4db;border-top:1px solid #ced4db;display:flex;min-height:46px;padding:0 12px}.AddRoomRow .name{display:flex;flex:1 1 auto;justify-content:center;padding-left:8px}.AddRoomRow .name:not(.editing) button{flex:0 1 180px}.AddRoomRow .name.editing{overflow-x:hidden;padding:5px 0}.AddRoomRow .name.editing .roomInput{flex:1 1;min-width:0}.AddRoomRow .name.editing button{margin-left:10px}.RoomSection .emptyRoom{color:#bbb;padding:10px 20px}.RoomSection:not(:empty){border-top:1px solid #ced4db}.ListPrice{font-size:13px}.ListPrice.compact{font-size:11px}.ListPrice .dollars{justify-content:center;min-height:5.5em}.ListPrice .dollars,.ListPrice .dollars .loadedContent,.ListPrice .dollars .loadingContent{align-items:flex-end;display:flex;flex-direction:column}.ListPrice .dollars .loadedContent{opacity:1;transition:.5s}.ListPrice .dollars.loading .loadedContent{opacity:0}.ListPrice .dollars .priceLabel{font-weight:500;margin-top:0}.ListPrice .dollars .priceDollars{font-size:1.5em;font-weight:500}.ListPrice .dollars .logInLink{color:#3dcd58;cursor:pointer}.ListPrice .dollars .gstTag{color:#626469}.ListPrice .bulkPackDisclaimer{color:#626469;font-size:12px;margin-top:4px;opacity:.5;text-align:right}.Spinner{height:40px;margin:10px auto;position:relative;width:40px}.Spinner.inline{display:inline-block;margin:10px}.Spinner.centerAbsolute{left:calc(50% - 20px);position:absolute;top:calc(50% - 20px)}@keyframes Spin{0%{transform:rotate(135deg)}to{transform:rotate(1575deg)}}.Spinner:after,.Spinner:before{border:5px solid #0000;border-radius:1000px;box-sizing:border-box;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.Spinner:before{border-color:#edf3f3}.Spinner:after{animation:Spin 2.6s cubic-bezier(.37,0,.63,1) infinite;border-left-color:#3dcd58;border-top-color:#3dcd58}.Loader{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.Loader .Loader-Text{color:#3dcd58;font-size:20px;font-weight:700}@media (max-width:640px){.hideMobile{display:none}}button.button{-webkit-tap-highlight-color:transparent;align-items:center;background:#fff;border:2px solid #3dcd58;border-radius:100px;box-shadow:0 2px 4px 0 #21252912,0 7px 14px 0 #21252912;color:#3dcd58;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:13px;font-weight:600;justify-content:center;line-height:1;min-height:36px;outline:none;padding:4px 14px;transition:background-color .2s,color .2s,opacity .2s,box-shadow .2s,border .2s}button.button.round{padding:0 8px}@media (max-width:640px){button.button.mobileRound{padding:0 8px}}button.button:hover:not(.disabled){background:#eee;border-color:#3dcd58}button.button.disabled{background:#ddd;border-color:#0000;color:#a4a4a4}button.button.inlineLink,button.button.link{-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:#0001;background:#0000;border:2px solid #0000;box-shadow:none;color:#3dcd58;font-weight:800}button.button.inlineLink:hover:not(.disabled),button.button.link:hover:not(.disabled){background:#0000;border-color:#0000}button.button.inlineLink.disabled,button.button.link.disabled{background:#0000;border-color:#0000;color:#3dcd58}button.button.inlineLink:hover,button.button.link:hover{text-decoration:underline}button.button.inlineLink{display:inline;padding:0}button.button.blackLink{-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:#0001;background:#0000;border:2px solid #0000;box-shadow:none;color:#2f2f2f;font-weight:800}button.button.blackLink.disabled,button.button.blackLink:hover:not(.disabled){background:#0000;border-color:#0000}button.button.blackLink.disabled{color:#2f2f2f}button.button.grey{-webkit-tap-highlight-color:transparent;background:#ebecec;border:2px solid #0000;box-shadow:0 1px 2px 0 #21252933,0 7px 14px 0 #21252908;color:#2f2f2f}button.button.grey:hover:not(.disabled){background:#e0e0e0;border-color:#0000}button.button.grey.disabled{background:#ebecec;border-color:#0000;color:#626469}button.button.white{-webkit-tap-highlight-color:transparent;background:#fff;border:2px solid #0000;box-shadow:0 1px 2px 0 #21252933,0 7px 14px 0 #21252908;color:#2f2f2f}button.button.white:hover:not(.disabled){background:#ddd;border-color:#0000}button.button.white.disabled{background:#ccc;border-color:#0000;color:#626469}button.button.cta{-webkit-tap-highlight-color:transparent;background:#fff;border:2px solid #3dcd58;color:#2f2f2f}button.button.cta:hover:not(.disabled){background:#eee;border-color:#3dcd58}button.button.cta.disabled{background:#eee;border-color:#0000;color:#2f2f2f}button.button.green,button.button.greenSegmentedLeft,button.button.greenSegmentedRight{-webkit-tap-highlight-color:transparent;background:#3dcd58;border:2px solid #0000;color:#fff}button.button.green:hover:not(.disabled),button.button.greenSegmentedLeft:hover:not(.disabled),button.button.greenSegmentedRight:hover:not(.disabled){background:#2eb347;border-color:#0000}button.button.green.disabled,button.button.greenSegmentedLeft.disabled,button.button.greenSegmentedRight.disabled{background:#9ee6ac;border-color:#0000;color:#fff}button.button.greenSegmentedLeft{border-bottom-right-radius:0;border-top-right-radius:0}button.button.greenSegmentedRight{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:2px}button.button.greenSegmentedLeft.isActive,button.button.greenSegmentedRight.isActive{background:#2eb347}button.button.debug{-webkit-tap-highlight-color:transparent;background:#b0b;border:2px solid #0000;color:#fff;font-family:monospace}button.button.debug:hover:not(.disabled){background:#920092;border-color:#0000}button.button.debug.disabled{background:#dd80dd;border-color:#0000;color:#fff}button.button.greenOnGrey{-webkit-tap-highlight-color:transparent;background:#3dcd58;border:2px solid #0000;box-shadow:0 1px 2px 0 #21252933,0 7px 14px 0 #21252908;color:#fff}button.button.greenOnGrey:hover:not(.disabled){background:#2eb347;border-color:#0000}button.button.greenOnGrey.disabled{background:#dee0e0;border-color:#0000;color:#fff}button.button.redStroke{-webkit-tap-highlight-color:transparent;background:#fff;border:2px solid #f44;color:#f44}button.button.redStroke:hover:not(.disabled){background:#fdd;border-color:#f44}button.button.redStroke.disabled{background:#eee;border-color:#0000;color:#fff}button.button.whiteStroke{-webkit-tap-highlight-color:transparent;background:#0000;border:2px solid #fff;color:#fff}button.button.whiteStroke:hover:not(.disabled){background:#fff6;border-color:hsla(0,0%,100%,.667)}button.button.whiteStroke.disabled{background:#0000;border-color:#0000;color:#fff6}button.button.flat{box-shadow:none}button.button.disabled{cursor:not-allowed;opacity:.7}.SectionHeaderRow{padding:0 20px}.SectionHeaderRow.divider{border:solid #ced4db;border-width:1px 0;margin-bottom:-1px}.SectionHeaderRow .listHeaderContent{align-items:center;display:flex;justify-content:space-between}.Chip{align-items:center;background-color:#b8b8b8;border-radius:1em;color:#fff;cursor:default;display:inline-flex;flex-grow:0;font-size:10px;font-weight:700;justify-content:center;margin-top:.6em;padding:.2em .6em;width:auto}.Chip.Outline{background-color:#fff;border:1px solid #b8b8b8;color:#b8b8b8;font-weight:400}.ComponentListItemRow{align-items:center;border-bottom:1px solid #ddd;display:flex;padding:20px}.ComponentListItemRow.topBorder{border-top:1px solid #ddd}.ComponentListItemRow .imageColumn{flex-shrink:0;height:50px;margin:0 15px;position:relative;width:50px}.ComponentListItemRow .descriptionColumn{padding:0 20px}.ComponentListItemRow .descriptionColumn .displayName{font-weight:700}.ComponentListItemRow .descriptionColumn .productDescription{font-size:12px}.ComponentListItemRow .descriptionColumn .chipWrapper{display:inline-block;padding-bottom:.4em;padding-left:.5em;vertical-align:middle}.ComponentListItemRow .descriptionColumn .bulkDescription{font-size:.8rem}.ComponentListItemRow .descriptionColumn .bulkDescription .muted{color:#b8b8b8;margin-left:.5em}.ComponentListItemRow .priceColumn{align-items:center;display:flex;flex:1 1 auto;justify-content:flex-end}.SquareContainer{flex-shrink:0;position:relative}.SquareContainer:before{content:"";display:block;padding-top:100%}.SquareContainer .child-container{height:100%;left:0;position:absolute;top:0;width:100%}.ConfigurableProductView{height:100%;position:relative;width:100%;z-index:0}.ConfigurableProductView img{-webkit-user-select:none;user-select:none}.ConfigurableProductView.horizontal .ConfigurableProductView-faceplate:after,.ConfigurableProductView.rotated .ConfigurableProductView-faceplate{transform:rotate(-90deg)}.ConfigurableProductView .ConfigurableProductView-faceplate{background-position:50%;background-repeat:no-repeat;background-size:contain;height:100%;position:absolute;transition:opacity 1s;width:100%}.ConfigurableProductButtonFrame{overflow:visible;pointer-events:none;position:relative}.ConfigurableProductButtonFrame.positioned{position:absolute;transform:translate(-50%,-50%)}.ConfigurableProductButtonFrame:after{border:2px solid #000;border-radius:24%;bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:.2s;z-index:-1}.ConfigurableProductButtonFrame.clickable{pointer-events:auto}.ConfigurableProductButtonFrame.clickable:before{border-radius:24%;bottom:0;box-shadow:0 0 0 2px #3dcd58;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:.2s;z-index:-1}.ConfigurableProductButtonFrame.clickable:hover:not(.highlight):before{opacity:.5}.ConfigurableProductButtonFrame.highlight:before{box-shadow:0 0 0 4px #3dcd58;opacity:1}@keyframes dot-in{0%{opacity:0;transform:scale(1.4)}to{opacity:1;transform:none}}.ConfigurableProductButtonFrame .dot.warning{animation:dot-in .2s ease;background:#e47f00;border:2px solid #fff;border-radius:100px;height:12px;left:-8px;position:absolute;top:-8px;width:12px;z-index:1}.FinishedProductComponentBreakdown{border-bottom:1px solid #0003;margin:20px 0;padding-bottom:20px}.FinishedProductComponentBreakdown:last-child{border-bottom:none}.FinishedProductComponentBreakdown .productPreviewAndHeaderContainer{display:flex}@media (max-width:640px){.FinishedProductComponentBreakdown .productPreviewAndHeaderContainer{flex-direction:column}}.FinishedProductComponentBreakdown .productPreviewAndHeaderContainer .previewContainer{flex:0 0 140px}.FinishedProductComponentBreakdown .productPreviewAndHeaderContainer .previewContainer.horizontal{flex:0 0 100px;margin:-30px 0;padding:20px}@media (max-width:640px){.FinishedProductComponentBreakdown .productPreviewAndHeaderContainer .previewContainer{width:140px}}.FinishedProductComponentBreakdown .productPreviewAndHeaderContainer .productHeader{flex:1 1;padding-right:20px}@media (max-width:640px){.FinishedProductComponentBreakdown .productPreviewAndHeaderContainer .productHeader{padding:0 20px}}.FinishedProductComponentBreakdown .productPreviewAndHeaderContainer .productHeader .description{font-size:18px;font-weight:700;margin-bottom:12px}@media (max-width:640px){.FinishedProductComponentBreakdown .productPreviewAndHeaderContainer .productHeader .description{margin-top:10px}}.FinishedProductComponentBreakdown .productPreviewAndHeaderContainer .productHeader .itemNo{color:#b8b8b8;font-size:16px}.FinishedProductComponentBreakdown .mechanisms{margin-left:140px;padding:0 20px 0 0}@media (max-width:640px){.FinishedProductComponentBreakdown .mechanisms{margin-top:15px}}.FinishedProductComponentBreakdown .mechanisms h4{margin:0 0 5px}.FinishedProductComponentBreakdown .mechanisms .quantityDescriptor{color:#000}.FinishedProductComponentBreakdown .mechanisms .secondaryDesc{color:#b8b8b8}.FinishedProductComponentBreakdown .mechanisms ul{font-size:13px;margin-top:10px}.FinishedProductComponentBreakdown .mechanisms ul li{margin-bottom:12px}.FinishedProductComponentBreakdown .mechanisms ul li strong{font-size:16px}@media (max-width:640px){.FinishedProductComponentBreakdown .mechanisms{margin-left:0;padding:0 20px}}.SmallPill{background-color:#ebecec;border-radius:1em;font-size:11px;margin-left:12px;padding:1px 10px;white-space:pre}.SmallPill.isInverse{background-color:#fff;border:1px solid #b8b8b8;color:#b8b8b8}.TabSelector{display:flex;overflow-x:auto;white-space:nowrap}.TabSelector .TabSelector-option{-webkit-tap-highlight-color:#0001;border-bottom:2px solid #ebecec;color:#b8b8b8;cursor:pointer;font-weight:700;margin-bottom:10px;padding:2px 12px;transition:color .2s,border-bottom-color .4s}.TabSelector .TabSelector-option:first-of-type{padding-left:0}.TabSelector .TabSelector-option.selected{border-bottom-color:#3dcd58;color:#000}.TabSelector .TabSelector-option:hover:not(.selected){color:#0000004d}.ResponsiveBrandLogo .logo{background-repeat:no-repeat;background-size:contain;margin:0 10px}@media (max-width:640px){.ResponsiveBrandLogo .logo{display:none}}.ResponsiveBrandLogo .logo.small{display:none;margin-left:0}@media (max-width:640px){.ResponsiveBrandLogo .logo.small{display:flex}}.SharedListPage{background:#ddd;height:100%;width:100%}.SharedListPage .sharedListHeader{align-items:center;display:flex;flex:0 0 auto;height:auto;padding:16px 20px;position:relative;z-index:2}@media (min-width:641px){.SharedListPage .sharedListHeader .ResponsiveBrandLogo{position:absolute}}.SharedListScreen{background:#fff;margin:auto;max-width:800px;width:100%}.SharedListScreen .centerContainer{margin-left:auto;max-width:800px;min-height:100%;position:relative}.SharedListScreen .ListItemRow .details{flex:0 0 70%}.SharedListScreen .ListItemRow .quantity{flex:0 0 4em}.SharedListScreen .ListItemRow .ListPrice{flex:1 1}.CookieSettingsLink{box-sizing:border-box;padding:6px 12px;text-align:right;width:100%}.CookieSettingsLink .ot-sdk-show-settings{display:none}.CookieSettingsLink .proxyLink,.CookieSettingsLink .proxyLink:focus,.CookieSettingsLink .proxyLink:hover,.CookieSettingsLink .proxyLink:link,.CookieSettingsLink .proxyLink:visited{color:#626469;cursor:pointer;font-size:.8em;opacity:.7;text-decoration:none}.CookieSettingsLink .proxyLink:hover{opacity:1}.Header{align-items:center;display:flex;flex:0 0 auto;height:auto;overflow:hidden;padding:16px 20px;position:relative}.Header .TextButton{margin:0 5px}.Header .listButtonContainer{display:flex;margin-left:10px;transition:all .5s ease .2s}.Header .downArrow{stroke:#ced4db;stroke-width:1px;fill:#fff}.Header .downArrow.controlColor{fill:#f2f5f6}.Popup{align-items:center;animation:PopupIn .2s;background:#0005;bottom:0;box-sizing:border-box;display:flex;flex-direction:column;font-size:16px;justify-content:center;left:0;padding:2%;position:fixed;right:0;top:0;z-index:100}.Popup.fullscreen{background:#fff}@keyframes PopupIn{0%{opacity:0}to{opacity:1}}@keyframes PopupContentIn{0%{transform:scale(0)}to{transform:scale(1)}}.Popup .Popup-content{animation:PopupContentIn .2s;animation-delay:.1s;animation-fill-mode:backwards;background:#fff;border-radius:6px;box-shadow:0 5px 40px #0004;box-sizing:border-box;flex:0 1 auto;max-width:400px;max-width:Min(400px,94vw);overflow-y:auto;padding:20px Min(5vw,30px) 10px Min(7vw,30px);position:relative;width:100%}.Popup .Popup-content:after{content:"";display:block;height:20px;width:100%}.Popup.fullscreen .Popup-content{animation:none;box-shadow:none;max-width:100%}.Popup .subtitle,.Popup .title{text-align:center}.Popup .title{font-size:20px;font-weight:600;padding:10px 0 16px}.Popup .subtitle{font-weight:600;padding:10px 0 20px}.title .Popup .subtitle{padding-top:0}.ConfigurableProductButton{align-items:center;border-radius:24%;box-shadow:0 1px 3px #0006;display:flex;height:100%;justify-content:center;position:absolute;width:100%}.ConfigurableProductButton[draggable=true]{cursor:grab}.ConfigurableProductButton .debugColorContainer{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.ConfigurableProductButton div.backgroundImage,.ConfigurableProductButton div.foregroundImage{background-position:50%;background-size:129%;height:100%;left:0;position:absolute;top:0;width:100%}.ConfigurableProductButton img.backgroundImage,.ConfigurableProductButton img.foregroundImage{transform-origin:center}.ConfigurableProductButton *{pointer-events:none;-webkit-user-select:none;user-select:none}.ButtonConfigurationScreen{align-items:center;box-sizing:border-box;display:flex;flex:1 1;justify-content:center;overflow:hidden;transition:background-color .3s;width:100%}.ButtonConfigurationScreen>*{z-index:0}.ButtonConfigurationScreen:before{background:#000c;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:1s;z-index:0}.ButtonConfigurationScreen .mainHeader{display:none;flex-shrink:0;order:1;width:100%}.ButtonConfigurationScreen .explanationSection{overflow-y:auto;padding-top:14px}.ButtonConfigurationScreen .explanationSection p{margin-block-start:0}@keyframes PopIn{0%{opacity:0;transform:scale(.5)}to{transform:scale(1)}}.ButtonConfigurationScreen .ButtonConfigurationConfigurableProductView{animation:PopIn .2s cubic-bezier(.765,1.58,.885,1.085);animation-delay:.1s;animation-fill-mode:backwards}@keyframes PopInInterface{0%{transform:scale(1.3)}to{transform:scale(1)}}.ButtonConfigurationScreen .ButtonConfiguration-product .ConfigurableProductButtonFrame>.ConfigurableProductButton{animation:PopInInterface .1s linear;animation-delay:.1s;animation-fill-mode:backwards}.ButtonConfigurationScreen .ButtonConfiguration-button-options-column,.ButtonConfigurationScreen .ButtonConfiguration-product{align-items:center;box-sizing:border-box;display:flex;flex:1 1;height:100%}.ButtonConfigurationScreen .ButtonConfiguration-button-options-column{align-items:stretch;background:#fff;box-sizing:border-box;flex-direction:column;max-width:50%}.ButtonConfigurationScreen .ButtonConfiguration-button-options-column .ButtonConfiguration-button-options{align-items:stretch;align-self:flex-end;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;max-width:900px;overflow-y:hidden;padding:0 40px 40px 20px;width:100%}.ButtonConfigurationScreen .ButtonConfiguration-button-options-column .ButtonConfiguration-button-options h4{margin:0}.ButtonConfigurationScreen .ButtonConfiguration-button-options-column .ButtonConfiguration-button-options .buttonOptionContainer{flex:1 1;overflow-y:auto}.ButtonConfigurationScreen .ButtonConfiguration-button-options-column .ButtonConfiguration-button-options .TabSelector{flex:0 0 auto}.ButtonConfigurationScreen .product-column{display:flex;flex:1 1 auto;flex-direction:column;height:100%;max-width:50%;transition:box-shadow .3s}.ButtonConfigurationScreen .product-column .desktopButtonHeader{padding:10px 20px;text-align:right}.ButtonConfigurationScreen.defaultWallColor .product-column{box-shadow:inset 0 0 2px #0004}.ButtonConfigurationScreen .ButtonConfiguration-product{max-height:400px;overflow:hidden;padding:0 20px;position:relative;transition:background-color 1s}.ButtonConfigurationScreen .ButtonConfiguration-product .doneButtonContainer{align-items:flex-start;align-self:stretch;display:flex;flex:1 0 auto;flex-direction:column;justify-content:center;padding:0 10px;position:relative;z-index:0}.ButtonConfigurationScreen .ButtonConfiguration-product .doneButtonContainer:before{background:#fff;content:"";height:100%;position:absolute;right:0;top:0;transition:background-color 1s;width:50px;z-index:-1}.ButtonConfigurationScreen .ButtonConfiguration-product .doneButtonContainer .bigRoundButton{align-items:center;animation:PopIn .2s cubic-bezier(.765,1.58,.885,1.085);animation-fill-mode:backwards;background-color:#3dcd58;border-radius:100%;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:12px;font-weight:700;height:80px;justify-content:center;width:80px}.ButtonConfigurationScreen .ButtonConfiguration-product .doneButtonContainer .bigRoundButton img{height:14px;margin:4px 0;width:14px}.ButtonConfigurationScreen .ButtonConfiguration-product .doneButtonContainer .bigRoundButton.grey{background-color:#ced4db;color:#000}.ButtonConfigurationScreen .ButtonConfiguration-product .doneButtonContainer .bigRoundButton:active,.ButtonConfigurationScreen .ButtonConfiguration-product .doneButtonContainer .bigRoundButton:hover{background-color:#66d77b}.ButtonConfigurationScreen .ButtonConfiguration-product .doneButtonContainer .bigRoundButton:active.grey,.ButtonConfigurationScreen .ButtonConfiguration-product .doneButtonContainer .bigRoundButton:hover.grey{background-color:#dde1e6}.ButtonConfigurationScreen .ButtonConfiguration-product .doneButtonContainer .bigRoundButton+.bigRoundButton{margin-top:20px}.ButtonConfigurationScreen .ConfigurableProductView .ConfigurableProductView-faceplate,.ButtonConfigurationScreen .ConfigurableProductView .backgroundImage,.ButtonConfigurationScreen .ConfigurableProductView .foregroundImage{transition:filter 1s}.ButtonConfigurationScreen.ledEnabled:before{opacity:1}.ButtonConfigurationScreen.ledEnabled .ButtonConfiguration-product .ConfigurableProductView .ConfigurableProductView-faceplate,.ButtonConfigurationScreen.ledEnabled .ButtonConfiguration-product .ConfigurableProductView .backgroundImage,.ButtonConfigurationScreen.ledEnabled .ButtonConfiguration-product .ConfigurableProductView .foregroundImage{filter:brightness(.3)}.ButtonConfigurationScreen.ledEnabled .ButtonConfiguration-product .ConfigurableProductView .ledHighlight{border-radius:26%;box-shadow:0 0 8px 1px #fffaea,inset 0 0 4px 1px #fffaeacc;box-sizing:border-box;height:calc(100% + 2px);left:-1px;position:absolute;top:-1px;width:calc(100% + 2px)}.ButtonConfigurationScreen .buttonHeader{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px;padding-top:8px}.ButtonConfigurationScreen .mobileAmpsSelector{display:none}.ButtonConfigurationScreen .mobileButtonHeader{align-items:center;background:#edf3f3;box-sizing:border-box;display:none;justify-content:flex-end;padding:10px 20px;width:100%}.ButtonConfigurationScreen .mobileButtonHeader .mobileButtons{align-items:center;display:flex;flex-grow:1;justify-content:flex-end}.ButtonConfigurationScreen .mobileButtonHeader .mobileButtons .TextButton+.TextButton{margin-left:10px}@media (max-width:640px){.ButtonConfigurationScreen{align-items:center;flex-direction:column-reverse}.ButtonConfigurationScreen .desktopButtonHeader{display:none}.ButtonConfigurationScreen .product-column{align-items:center;flex:1 1;max-width:100%;width:100%}.ButtonConfigurationScreen .dragHintText{display:none}.ButtonConfigurationScreen .ButtonConfiguration-button-options-column{box-sizing:border-box;flex-grow:1;height:auto;justify-content:flex-start;min-width:100%}.ButtonConfigurationScreen .ButtonConfiguration-button-options-column .Header{display:none}.ButtonConfigurationScreen .ButtonConfiguration-button-options-column .ButtonConfiguration-button-options{flex:1 1 100px;padding:0}.ButtonConfigurationScreen .ButtonConfiguration-button-options-column .ButtonConfiguration-button-options .explanationSection{flex:1 1;padding:20px}.ButtonConfigurationScreen .ButtonConfiguration-button-options-column .ButtonConfiguration-button-options .explanationSection.subcategory{padding-bottom:0}.ButtonConfigurationScreen .ButtonConfiguration-button-options-column .ButtonConfiguration-button-options .TabSelector{padding:20px 0 0}.ButtonConfigurationScreen .ButtonConfiguration-button-options-column .ButtonConfiguration-button-options .TabSelector:after,.ButtonConfigurationScreen .ButtonConfiguration-button-options-column .ButtonConfiguration-button-options .TabSelector:before{content:"";flex:0 0 20px}.ButtonConfigurationScreen .ButtonConfiguration-button-options-column .ButtonConfiguration-button-options h4{margin-left:20px}.ButtonConfigurationScreen .ButtonConfiguration-button-options-column .ButtonConfiguration-button-options .buttonOptionGroup{padding:10px 20px}.ButtonConfigurationScreen .ButtonConfiguration-product{box-sizing:border-box;flex-basis:0;flex-grow:1;flex-shrink:1;height:0;justify-content:center;min-width:100%;padding:8px 0}.ButtonConfigurationScreen .ButtonConfiguration-product .doneButtonContainer,.ButtonConfigurationScreen .buttonHeader{display:none}.ButtonConfigurationScreen .mobileButtonHeader{display:flex}.ButtonConfigurationScreen .mainHeader{display:block}.ButtonConfigurationScreen .mobileAmpsSelector{align-items:stretch;display:flex;flex-direction:column;padding:10px 20px 0}}.ButtonConfigurationScreen .validationMessages{padding:10px 20px}.ButtonConfigurationScreen .cookieLinkSpacer{flex:1 1}@media (max-width:640px){.ButtonConfigurationScreen .cookieLinkSpacer{flex:0 0}}.nightMode .ButtonConfigurationScreen .ButtonConfiguration-product{background:#222}.nightMode .ButtonConfigurationScreen .ConfigurableProductView .ConfigurableProductView-faceplate{opacity:.2}.nightMode .ButtonConfigurationScreen .ConfigurableProductView .ConfigurableProductButtonFrame{filter:drop-shadow(0 0 10px rgba(255,255,255,.933333))}.nightMode .ButtonConfigurationScreen .ConfigurableProductView .ConfigurableProductButtonFrame .ConfigurableProductButton{background-blend-mode:multiply;background-color:#000a!important}.validation-banner-outer{display:flex;justify-content:center;left:0;padding:0 10px;position:absolute;right:0;z-index:1}.validation-banner-outer .validation-banner{align-items:center;background:#e47f00;border:2px solid #fff;border-radius:6px;color:#fff;display:flex;flex:0 1 auto;font-size:12px;font-weight:800;letter-spacing:.05em;max-width:400px;padding:10px;text-align:center}.validation-banner-outer .validation-banner .description{flex:1 1;padding:0 20px}.validation-banner-outer .validation-banner .description.left{text-align:left}.ToggleContainer{align-items:center;color:grey;display:flex;flex-direction:row;font-size:12px}.ToggleSwitch{background:#e0e0e0;border-radius:1000px;box-shadow:inset 0 2px 0 #0002;cursor:pointer;display:inline-block;flex:0 0 auto;height:36px;margin-left:1em;overflow:hidden;position:relative;transition:.4s cubic-bezier(.29,1.3,.585,1.01);width:78px}.ToggleSwitch input{display:none}.ToggleSwitch .ToggleSwitch-switch{background:#fff;border-radius:1000px;box-shadow:0 3px 0 #0002;height:24px;left:6px;position:absolute;top:6px;transition:.4s cubic-bezier(.29,1.3,.585,1.01);width:24px}.ToggleSwitch:after,.ToggleSwitch:before{box-sizing:border-box;font-size:12px;font-weight:700;padding:0 14px;position:absolute;text-transform:uppercase;top:50%;transform:translateY(-50%);transition:.4s cubic-bezier(.29,1.3,.585,1.01);width:100%}.ToggleSwitch:before{color:#fff;content:"On";right:42px}.ToggleSwitch:after{color:#626469;content:"Off";left:0;text-align:right}.ToggleSwitch.checked{background:#3dcd58}.ToggleSwitch.checked .ToggleSwitch-switch{left:48px}.ToggleSwitch.checked:before{right:0}.ToggleSwitch.checked:after{left:42px}.CheckBox{align-items:flex-start;cursor:pointer;display:flex}.CheckBox .CheckBox-indicator{border:1px solid #626469;border-radius:2px;box-sizing:border-box;flex:0 0 auto;height:18px;margin:10px;transition:.2s;width:18px}.CheckBox .CheckBox-indicator img{bottom:1px;box-sizing:border-box;height:18px;opacity:0;position:relative;right:0;transition:.2s;width:18px}.CheckBox input[type=checkbox]{display:none}.CheckBox input[type=checkbox]:checked+.CheckBox-indicator img{opacity:1}.CheckBox .label{color:#626469;flex:1 1;font-size:12px;font-weight:500;padding:10px 0}.ButtonConfigurationItem{align-items:flex-start;display:flex}.ButtonConfigurationItem.moreInfo{width:100%}.ButtonConfigurationItem .seeMore{align-items:center;color:#3dcd58;cursor:pointer;display:inline-flex;font-weight:700;margin-left:1em}.ButtonConfigurationItem .seeMore .icon{margin-right:4px}.ButtonConfigurationItem .itemNo{color:#626469;font-size:10px;margin-top:.3em;text-align:center}.ButtonConfigurationItem .spacer{margin-top:.5em}.ButtonConfigurationItem .moreInfoDetails{color:#626469;flex:1 1;font-size:12px;line-height:1;margin-bottom:3em;margin-left:1em}.ButtonConfigurationItem .moreInfoDetails p:first-child{margin-top:.8em}.ButtonConfigurationItem .moreInfoDetails .value{color:#000}.ButtonConfigurationItem .moreInfoDetails .moreInfoGrid{grid-gap:.5em 2em;display:grid;grid-auto-flow:row;grid-auto-rows:auto;grid-template-columns:-webkit-max-content auto;grid-template-columns:max-content auto;margin-top:1.5em}.ButtonConfigurationItem .moreInfoDetails .moreInfoGrid .gridItem{width:100%}.ButtonConfigurationItem .moreInfoDetails .compatibleMechs{margin-right:2em;margin-top:1.5em}.ButtonConfigurationItem .moreInfoDetails .compatibleMechs .compatibleMechsHeading{align-items:center;color:#000;display:flex;flex-wrap:wrap}.ButtonConfigurationItem .moreInfoDetails .compatibleMechs .compatibleMechsGrid{align-items:flex-start;display:flex;flex-direction:column;margin-top:.5em}.ButtonConfigurationItem .moreInfoDetails .compatibleMechs .compatibleMechsGrid.collapsed{flex-direction:row;flex-wrap:wrap}.buttonOptionCell{display:flex;flex-direction:column;margin:10px;width:65px}.buttonOptionCell>*{margin:auto}.buttonOptionCell .optionLabel{font-size:10px;font-weight:700;margin-top:10px;text-align:center;white-space:normal}.HoverExtraInformation{width:100%}.HoverExtraInformation .TitleRow{align-items:center;display:flex;justify-content:flex-start}.HoverExtraInformation .TitleRow .Title{margin-right:1.5em}.HoverExtraInformation.collapsible .TitleRow{cursor:pointer}.HoverExtraInformation.collapsible .TitleRow:hover{opacity:.7}.HoverExtraInformation .HoverLabel{height:0;opacity:0;transition:all .2s}.HoverExtraInformation .HoverLabel.Visible{height:auto;opacity:1;transition:all .2s}.HoverExtraInformation .HoverLabel.Keyline{color:#b8b8b8}.HoverExtraInformation .HoverButton{align-items:center;background-color:#ced4db;border-radius:50%;color:#fff;display:flex;font-family:Nunito,sans-serif;font-weight:1000;justify-content:center;margin-right:1.5em;max-height:1.5em;max-width:1.5em;min-height:1.5em;min-width:1.5em;-webkit-user-select:none;user-select:none}.HoverExtraInformation .HoverButton.Keyline{background-color:#fff;border:1px solid #b8b8b8;color:#b8b8b8;font-weight:400}.MechSelector{background:#eee;border-radius:1.2em;box-sizing:border-box;cursor:pointer;line-height:1.6;margin-bottom:8px;max-width:330px;padding:.6em 1.2em;transition:border .2s;width:100%}.MechSelector.collapsed{margin-right:8px;padding:.4em .8em;width:auto}@media (max-width:640px){.MechSelector{width:220px}}.MechSelector._isSelected{box-shadow:0 0 0 4px #3dcd58}.MechSelector .imageWrapper{height:40px;margin-right:8px;position:relative;width:40px}.MechSelector .itemNumber{display:flex;font-weight:700;justify-content:space-between}.buttonOptionGroupSubtitle{margin-bottom:0;margin-left:20px;margin-top:20px}.buttonOptionGroupSubtitle.firstSubtitle{margin-top:30px}@media (max-width:640px){.buttonOptionGroupSubtitle{margin-left:30px;margin-top:0}.buttonOptionGroupSubtitle.firstSubtitle{margin-top:20px}}.ButtonOptionGroup{display:flex;flex-wrap:wrap;margin:0;overflow-x:hidden;overflow-y:auto;padding-top:20px}@media (max-width:640px){.ButtonOptionGroup{justify-content:center}}.ButtonOptionGroup.largeCells .buttonOptionCell{margin:0 10px 10px;width:100px}.ButtonOptionGroup.largeCells p:first-child{margin-top:0}@media (max-width:640px){.ButtonOptionGroup.largeCells .buttonOptionCell{margin:10px}}.SwipeView{animation:FadeIn 1s;overflow-x:hidden;position:relative;width:100%}.SwipeView .navArrow{align-items:center;background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:auto 16px;border:3px solid #3dcd58;border-radius:5000px;box-shadow:0 4px 30px #0001;cursor:pointer;display:flex;height:50px;justify-content:center;position:absolute;transform:translateY(-25px);transition:.2s;width:50px}.SwipeView .navArrow.disabled{opacity:0}.SwipeView .navArrow:hover{box-shadow:0 4px 40px #0003}.SwipeView .navArrow.left{left:16px}.SwipeView .navArrow.right{right:16px;transform:scaleX(-1) translateY(-25px)}@keyframes FadeIn{0%{opacity:0}to{opacity:1}}.SwipeView .SwipeCell{-webkit-tap-highlight-color:transparent;cursor:pointer;left:50%;max-width:60%;overflow-y:hidden;position:absolute;top:0}.ExpandingOptionSelector{align-items:center;border:2px solid #0000;border-radius:100px;box-shadow:0 1px 2px 0 #21252933,0 7px 14px 0 #21252908;box-sizing:border-box;display:flex;font-size:13px;font-weight:700;height:40px;overflow-x:hidden;overflow-y:hidden;padding:0 18px;transition:background-color .2s}.ExpandingOptionSelector .expandingSection{align-items:center;display:flex;height:100%;overflow:hidden;position:relative;transition:.4s}@keyframes SlideInFromBelow{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}.ExpandingOptionSelector .icon{background-color:#000;height:18px;margin-right:6px;-webkit-mask-size:18px 18px;mask-size:18px 18px;width:18px}.ExpandingOptionSelector .label,.ExpandingOptionSelector .options{height:100%;left:0;position:absolute;transition:.4s}.ExpandingOptionSelector.expanded{transition:.8s}.ExpandingOptionSelector.expanded .label{transform:translateY(100%)}.ExpandingOptionSelector.expanded .options{transform:none}.ExpandingOptionSelector.expanded .options .option{animation-name:SlideInFromAbove;cursor:pointer}.ExpandingOptionSelector .label{align-items:center;cursor:pointer;display:inline-flex;flex:0 1 auto;position:relative;transform:none}.ExpandingOptionSelector .label .text{display:block;padding:0 6px;white-space:nowrap}.ExpandingOptionSelector .label .text .text{display:inline}.ExpandingOptionSelector .options .option.selected,.ExpandingOptionSelector .text.selected{font-weight:900}@keyframes SlideInFromAbove{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:none}}.ExpandingOptionSelector .options{align-items:stretch;display:flex;flex:0 1 auto;overflow:hidden;transform:translateY(-100%);white-space:nowrap}.ExpandingOptionSelector .options .option{align-items:center;animation-duration:.4s;animation-fill-mode:both;animation-name:none;color:#626469;cursor:pointer;display:inline-flex;flex:0 1 auto;justify-content:center;min-width:20px;padding:0 6px;transition:.2s;-webkit-user-select:none;user-select:none}.ExpandingOptionSelector .options .option div{transition:transform .3s cubic-bezier(.21,.92,.42,2)}.ExpandingOptionSelector .options .option:active *{transform:scale(.8);transition:transform .1s linear}.ExpandingOptionSelector.grey{background:#ebecec}.ExpandingOptionSelector.grey .label{color:#626469}.ExpandingOptionSelector.grey .icon{background-color:#626469}.ExpandingOptionSelector.grey.expanded,.ExpandingOptionSelector.grey:hover,.ExpandingOptionSelector.grey:hover.expanded{background:#e0e0e0}.ExpandingOptionSelector.grey.expanded .label{color:#626469}.ExpandingOptionSelector.grey.expanded .icon{background-color:#000}.ExpandingOptionSelector.grey .options .option.selected,.ExpandingOptionSelector.grey .text.selected{color:#000}.ExpandingOptionSelector.grey:not(.expanded){cursor:pointer}.ExpandingOptionSelector.grey .options .option{color:#626469}.ExpandingOptionSelector.green{background:#fffc;border-color:#3dcd58}.ExpandingOptionSelector.green .label{color:#3dcd58}.ExpandingOptionSelector.green .icon{background-color:#3dcd58}.ExpandingOptionSelector.green:hover{background:#e0e0e0}.ExpandingOptionSelector.green.expanded,.ExpandingOptionSelector.green:hover.expanded{background:#3dcd58}.ExpandingOptionSelector.green.expanded .label{color:#fff9}.ExpandingOptionSelector.green.expanded .icon{background-color:#fff}.ExpandingOptionSelector.green .options .option.selected,.ExpandingOptionSelector.green .text.selected{color:#fff}.ExpandingOptionSelector.green:not(.expanded){cursor:pointer}.ExpandingOptionSelector.green .options .option{color:#fff9}.SelectorScreen{display:flex;flex:1 1 auto;flex-direction:column;max-height:100%}.SelectorScreen .footer{background:#fff;position:relative;text-align:center}.SelectorScreen .footer .menuContainerOuter{background:#fff;overflow-x:auto}.SelectorScreen .footer .menuContainerOuter.animating{overflow-x:hidden}.SelectorScreen .footer .menuContainerOuter.hintShown{overflow-x:inherit}.SelectorScreen .footer .menuContainerOuter .menuContainer{align-items:center;box-sizing:border-box;display:inline-flex;flex-direction:row;justify-content:center;margin:20px 40px}.SelectorScreen .footer .menuContainerOuter .menuContainer.preAnimation{opacity:0;transform:translate(calc(-100% + 100vw));transition:0ms}.SelectorScreen .footer .menuContainerOuter .menuContainer>*{flex-shrink:0}.SelectorScreen .footer .scrollArrow{align-items:center;background:#d9d9d9;color:#fff;cursor:pointer;display:flex;height:60px;justify-content:center;min-width:36px;position:absolute;top:10px;transition:opacity .2s}.SelectorScreen .footer .scrollArrow.gone{opacity:0;pointer-events:none}.SelectorScreen .footer .scrollArrow img{pointer-events:none;width:16px}.SelectorScreen .footer .scrollArrow.left{border-radius:0 6px 6px 0;left:0;padding-right:4px}.SelectorScreen .footer .scrollArrow.right{border-radius:6px 0 0 6px;padding-left:4px;right:0}.SelectorScreen .selectedItemHeading{padding:10px 0 20px}.SelectorScreen .selectedItemHeading h3{font-size:18px;font-weight:600;margin:0}.SelectorScreen .selectedItemHeading .details{font-size:14px;margin:0}.SelectorScreen .selectedItemHeading .details .itemNo{opacity:.35}.SelectorScreen .selectedItemHeading .details,.SelectorScreen .selectedItemHeading h3{transition:color .4s}@media (max-height:750px),(max-width:640px){.SelectorScreen .selectedItemHeading{padding:10px 0}.SelectorScreen .selectedItemHeading h3{font-size:18px;margin:0 0 2px}.SelectorScreen .selectedItemHeading h4{font-size:14px}}.SelectorScreen .selectedItemHeading.lightText .details,.SelectorScreen .selectedItemHeading.lightText h3,.SelectorScreen .selectedItemHeading.lightText h4{color:#fff}.SelectorScreen .buttonsColumn{align-items:center;display:flex;flex-direction:column}.SelectorScreen .buttonsColumn .buttonsColumnInner{align-items:stretch;display:flex;flex-direction:column}.SelectorScreen .ampSelector{padding-top:8px}.SelectorScreen .ampSelector .button+.button{margin-left:8px}.SelectorScreen .seriesSelectorBar{align-items:center;background:#ebecec;box-shadow:0 0 2px #0004;display:flex;flex:0 0 auto;justify-content:center;padding:10px 16px}.defaultWallColor .SelectorScreen .seriesSelectorBar{box-shadow:none}.ToggleSeries{align-items:center;background-color:#0001;border-radius:1000px;box-shadow:inset 0 2px 2px rgba(0,0,0,.048);cursor:pointer;display:flex;font-size:13px;font-weight:700;height:3em;justify-content:center;position:relative;transition:background-color .3s cubic-bezier(.29,1.3,.585,1.01);width:300px}.ToggleSeries .option{color:#0008;margin:1.2em 2em;pointer-events:none;text-align:center;transition:color .3s cubic-bezier(.29,1.3,.585,1.01);white-space:nowrap;width:50%;z-index:0}.ToggleSeries .option:first-child{margin-right:10em}.ToggleSeries .option.selected{color:#fff}.ToggleSeries .slider{background:#3dcd58;border-radius:1000px;box-shadow:0 3px 3px #0002;height:3em;left:0;position:absolute;transition:left .3s cubic-bezier(.29,1.3,.585,1.01);width:50%}.ToggleSeries .slider.iconic{left:50%}@media (max-width:640px){.ToggleSeries{height:2.5em;width:200px}.ToggleSeries .option{margin:.3em 1em}.ToggleSeries .slider{height:2.5em;left:0}.ToggleSeries .slider.iconic{left:50%}}.HintWrapper{position:relative}.HintWrapper.isShown{z-index:10000}.HintWrapper .preventClicks{pointer-events:none;position:relative}.HintWrapper .hintBox{animation:TooltipDelay .2s ease;animation-delay:.6s;animation-fill-mode:backwards;background:#3dcd58;border-radius:4px;color:#fff;display:block;font-weight:700;padding:10px 26px;position:absolute;text-align:center;transform-origin:85% -10px;transition:.4s;width:240px;z-index:10000}.HintWrapper .hintBox.below-left{right:-12px;top:55px}.HintWrapper .hintBox.above-right{bottom:55px;left:10px}.HintWrapper .hintBox .messageContainer{padding-bottom:10px}@keyframes TooltipDelay{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:none}}.HintWrapper .hintBox.responsive{width:278px}@media (max-width:450px){.HintWrapper .hintBox.responsive{width:220px}}.HintWrapper .hintBox button{min-width:100px}.HintWrapper .hintBox:after{border:10px solid #0000;content:"";height:0;position:absolute;width:0}.HintWrapper .hintBox.below-left:after{border-bottom-color:#3dcd58;bottom:100%;right:10px;transform:translateX(-50%)}.HintWrapper .hintBox.above-right:after{border-top-color:#3dcd58;left:10px;top:100%;transform:translateX(50%)}.SelectSeriesPopup{align-items:center;display:flex;flex-direction:column;width:100%}.SelectSeriesPopup .deck{grid-column-gap:4em;grid-row-gap:2em;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:1em 1em 0}.SelectSeriesPopup .deck .card{cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin-top:0}.SelectSeriesPopup .deck .card .cardTop{max-height:40vh;max-width:300px;object-fit:cover;object-position:center center;width:100%}.SelectSeriesPopup .deck .card .cardTop:hover{opacity:.9}@media (max-width:640px){.SelectSeriesPopup .deck .card .cardTop{max-height:30vh}}.SelectSeriesPopup .deck .card .cardBody{padding-top:1em;text-align:center;width:100%}@media (max-width:640px){.SelectSeriesPopup .deck .card .cardBody{padding:.5em}.SelectSeriesPopup .deck{grid-template-columns:repeat(1,1fr)}}.RadioButtonGroup .radioButton{color:#626469;display:flex;margin-bottom:10px}.RadioButtonGroup .radioButton input[type=radio]{display:none}.RadioButtonGroup .radioButton .radio-btn{background-color:#fff;border:1px solid #626469;border-radius:50%;height:15px;margin-right:10px;margin-top:2px;width:15px}.RadioButtonGroup .radioButton .radio-btn.checked{background:radial-gradient(#3dcd58 45%,#fff 0)}.DownloadListPopup h3{text-align:center}.DownloadListPopup .downloadListOptions{padding-bottom:20px}.WholesalerBrandingContainer{align-items:center;background:#ebecec;bottom:0;display:flex;justify-content:flex-end;padding:20px;position:-webkit-sticky;position:sticky}.WholesalerBrandingContainer .arrow{margin-left:14px}@keyframes ArrowWiggle{0%{transform:translateX(0) scaleX(.9)}to{transform:translateX(20%) scaleX(1.1)}}.WholesalerBrandingContainer .wholesalerLogo{border-radius:6px;box-shadow:0 2px 3px #0005;display:block;height:auto;margin-left:20px;max-height:36px;max-width:80px;width:auto}.ClipspecListWorkflow{background:#ebecec;display:flex;justify-content:flex-end;padding:20px;text-align:center}.QuantityStepper{align-items:center;display:inline-flex}.QuantityStepper .buttonText{font-weight:700}.QuantityStepper .currentValue{font-size:20px;min-width:3em;text-align:center}select{-webkit-appearance:none;appearance:none;background-position:right 10px center;background-repeat:no-repeat;background-size:16px 16px;border:2px solid #3dcd58;border-radius:100px;box-shadow:0 2px 4px 0 #21252912,0 7px 14px 0 #21252912;color:#3dcd58;cursor:pointer;font-size:.8em;font-weight:700;padding:6px 30px 6px 10px;transition:.1s}select:focus,select:hover{background-color:#eee}select:focus{outline:none}.BannerListBanner{box-sizing:border-box;max-width:100vw;padding:2px 0 0 10px;position:absolute;right:0;top:0;transition:opacity .3s,transform .6s;z-index:1}@keyframes RowIn{0%{transform:translateX(150%)}10%{transform:translateX(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0}}.BannerListBanner.covered{opacity:0;transform:translateY(-100%)}.BannerListBanner .content{align-items:center;animation:RowIn 3s;animation-fill-mode:forwards;background:#3dcd58;border-radius:2px 0 0 2px;color:#fff;display:flex}.BannerListBanner .content .description{flex:1 1;font-weight:700;margin:15px;padding:0 10px}@media (max-width:640px){.BannerListBanner{padding:0;width:100vw}.BannerListBanner .content{border-radius:0}}.DebugHeader{align-items:center;background:#fff;border-bottom:2px solid #b0b;display:flex;flex:0 0 auto;font-family:monospace;font-weight:700;height:auto;overflow-x:auto;padding:6px 20px;position:relative;white-space:nowrap;z-index:2}@media (prefers-color-scheme:dark){.DebugHeader{background:#222;color:#fff}}.WallColorSelectorWrapper{border-top:1px solid #ced4db;height:auto;left:0;overflow:hidden;position:absolute;right:0;top:0;transition:.2s;z-index:1}.WallColorSelectorWrapper.collapsed .wallColorSelector{transform:translateY(-100%)}.WallColorSelectorWrapper.collapsed *{pointer-events:none}.WallColorSelectorWrapper .scrollText{color:#ced4db;font-size:.8em;font-weight:700;margin-right:6px}.WallColorSelectorWrapper .wallColorSelector{background:#f2f5f6;border-bottom:1px solid #ced4db;box-sizing:border-box;min-height:100px;overflow:hidden;top:0;transition:.3s;width:100%}.WallColorSelectorWrapper .wallColorSelector .wallColorDescription{align-items:center;color:#2f2f2f;display:flex;font-weight:700;justify-content:space-between;padding:10px 22px 0}.WallColorSelectorWrapper .wallColorSelector .wallColorSelectorSliderWrapper{overflow-x:auto}.WallColorSelectorWrapper .wallColorSelector .wallColorSelectorSliderWrapper .wallColorSelectorSlider{padding:16px 4px 54px;text-align:center;white-space:nowrap;width:auto}.WallColorSelectorWrapper .wallColorSelector .wallColorSelectorSliderWrapper .wallColorSelectorSlider .option{border:1px solid #0000;border-radius:100px;box-shadow:0 0 0 2px #b8b8b8;box-sizing:border-box;cursor:pointer;display:inline-block;height:30px;margin:0 12px;transition:.2s;width:30px}.WallColorSelectorWrapper .wallColorSelector .wallColorSelectorSliderWrapper .wallColorSelectorSlider .option:first-child{margin-left:20px}.WallColorSelectorWrapper .wallColorSelector .wallColorSelectorSliderWrapper .wallColorSelectorSlider .option:last-child{margin-right:20px}.WallColorSelectorWrapper .wallColorSelector .wallColorSelectorSliderWrapper .wallColorSelectorSlider .option:hover:not(.selected){transform:scale(1.1)}.WallColorSelectorWrapper .wallColorSelector .wallColorSelectorSliderWrapper .wallColorSelectorSlider .option.selected{border-color:#fff;box-shadow:0 0 0 3px #3dcd58}.WallColorSelectorWrapper .wallColorSelector .closeButtonContainer{bottom:24px;left:0;position:absolute;right:0;text-align:center}@media (max-width:640px){.WallColorSelectorWrapper .wallColorSelector .closeButtonContainer{bottom:12px}}.DemoLinks{background:#fff;box-sizing:border-box;height:100vh;overflow:auto;padding:20px 40px}.DemoLinks .main-column{margin:auto;max-width:1000px}.DemoLinks hr{background:#ddd;border:none;height:1px;margin:20px 0}.DemoLinks .buttonRow{grid-column-gap:20px;align-items:center;display:grid;grid-template-columns:auto 1fr auto}.DemoLinks .buttonRow .title{flex:1 1}.DemoLinks .buttonRow .Button,.DemoLinks .buttonRow img{flex:0 0 auto}.IFramePopup{align-items:stretch;background:#0006;bottom:0;display:flex;flex-direction:column;left:0;padding:20px;position:fixed;right:0;top:0}.IFramePopup .IFramePopup-header{align-items:center;display:flex;flex:0 0 auto;justify-content:center;padding-bottom:20px}.IFramePopup .IFramePopup-header input{flex:1 1;max-width:600px}.IFramePopup iframe{animation:pop-in .2s;background:#fff;border:none;box-shadow:0 0 10px #0008;flex:1 1}@keyframes pop-in{0%{transform:scale(0)}to{transform:scale(1)}}.EnvironmentHeader{background:#b0b;color:#fff;flex:0 0 auto;font-weight:900;text-align:center;text-transform:uppercase}
/*# sourceMappingURL=main.bac7c038.css.map*/