.ndb-creator-entry,.ndb-creator-wizard{min-height:calc(100svh - 180px);background:#fff;color:#123d2c}.ndb-creator-progress{height:78px;padding:0 max(24px,calc((100vw - 520px)/2));gap:14px}.ndb-creator-progress strong{font-size:16px}.ndb-creator-progress button{width:40px;height:40px;color:#123d2c;font-size:25px}.ndb-creator-start{max-width:680px;margin:0 auto;padding:52px 24px}.ndb-creator-panel h1,.ndb-creator-start h1{margin:0;text-align:center;font-size:clamp(28px,4vw,40px);line-height:1.15}.ndb-creator-panel>p,.ndb-creator-start>p{max-width:580px;margin:18px auto 38px;text-align:center;color:#667085;font-size:18px;line-height:1.5}.ndb-creator-choice{width:100%;min-height:132px;padding:22px;display:grid;grid-template-columns:64px minmax(0,1fr) 28px;align-items:center;gap:16px;color:#123d2c;background:#fff;border:2px solid #dfe4e1;border-radius:18px;text-align:left;text-decoration:none;cursor:pointer}.ndb-creator-choice:focus-visible,.ndb-creator-choice:hover{border-color:#0a8737;box-shadow:0 4px 14px #123d2c1c}.ndb-creator-choice>span:not(.ndb-creator-choice-icon){display:grid;gap:6px}.ndb-creator-choice strong{font-size:21px}.ndb-creator-choice small{color:#667085;font-size:15px;line-height:1.35}.ndb-creator-choice-icon{width:54px;height:54px;display:grid;place-items:center;color:#b85a00;background:#fff4e7;border-radius:50%;font-size:34px;font-weight:300}.ndb-creator-choice-icon-reorder{color:#0a8737;background:#e7f4eb;font-size:30px}.ndb-creator-choice b{font-size:25px;font-weight:400}.ndb-creator-wizard{padding-bottom:48px}.ndb-creator-panel{max-width:720px;margin:0 auto;padding:52px 24px}.ndb-creator-options button img{width:64px;height:52px;-o-object-fit:contain;object-fit:contain}.ndb-creator-options button>span{display:grid;gap:4px}.ndb-creator-options strong{font-size:16px}.ndb-creator-options small{color:#667085}.ndb-creator-continue{width:100%;min-height:54px;margin-top:28px;color:#fff;background:#0a8737;border:0;border-radius:10px;font-size:17px;font-weight:800}.ndb-creator-continue:disabled{opacity:.45;cursor:not-allowed}.ndb-creator-quantity{max-width:420px;margin:0 auto;display:grid;gap:8px;color:#123d2c;font-weight:800}.ndb-creator-error{color:#a33b32;text-align:center}@media(max-width:600px){.ndb-creator-progress{padding:0 18px}.ndb-creator-start{padding:38px 24px}.ndb-creator-start h1{font-size:30px}.ndb-creator-start>p{font-size:17px;margin-bottom:32px}.ndb-creator-choice{min-height:164px;grid-template-columns:52px minmax(0,1fr) 20px;padding:16px;gap:12px}.ndb-creator-choice-icon{width:48px;height:48px}.ndb-creator-choice strong{font-size:18px}.ndb-creator-choice small{font-size:14px}}body:has(.ndb-creator-shell) .brand-nav-shell,body:has(.ndb-creator-shell) footer:not(.ndb-creator-footer){display:none}body:has(.ndb-guided-react-host) .brand-nav-shell,body:has(.ndb-guided-react-host)>main.relative>footer{display:none}.ndb-guided-react-host{min-height:100svh}body:has(.ndb-guided-react-host)>main.relative{width:100%;min-height:100%;margin:0;padding:0;display:block}.ndb-creator-shell{--creator-green:#0a8737;--creator-deep:#123d2c;--creator-muted:#667085;color:var(--creator-deep);display:grid;grid-template-rows:56px 52px minmax(0,1fr) 68px}.ndb-creator-header{background:var(--creator-green)}.ndb-creator-header>div{gap:12px}.ndb-creator-header img{width:171px}.ndb-creator-progress{padding:0 max(16px,calc((100vw - 430px)/2 + 6px));display:grid;grid-template-columns:34px auto minmax(48px,1fr) auto}.ndb-creator-progress>span{color:#667085;font-size:12px;font-weight:700}.ndb-creator-progress strong{color:var(--creator-deep)}.ndb-creator-progress i{overflow:hidden;border-radius:999px}.ndb-creator-progress em{height:100%;display:block;background:#ff7a00}.ndb-creator-progress button{width:34px;height:34px;border:0;background:transparent;color:var(--creator-deep);font-size:24px}.ndb-creator-start-screen{width:min(100%,430px);padding:42px 16px 18px}.ndb-creator-start-card{display:grid;gap:28px}.ndb-creator-start-intro h1{color:var(--creator-deep);font-size:30px}.ndb-creator-start-intro p{margin:18px 0 0;font-size:17px;line-height:1.45}.ndb-creator-start-option{padding:18px;gap:12px;color:var(--creator-deep)}.ndb-creator-start-option:focus-visible,.ndb-creator-start-option:hover{border-color:var(--creator-green)}.ndb-creator-start-option strong{font-size:18px;line-height:1.25}.ndb-creator-start-option small{font-size:14px}.start-option-action{display:inline-flex;gap:5px;font-size:11px;font-weight:800}.ndb-creator-start-option .start-option-action span{display:none}.ndb-creator-footer svg,.start-option-action svg{width:22px;height:22px}.ndb-creator-planner{padding:10px 16px;display:grid;grid-template-rows:170px minmax(0,1fr);gap:10px;min-height:0}.ndb-creator-preview{grid-template-columns:1fr auto;align-items:start;color:var(--creator-deep);font-size:13px;font-weight:800}.ndb-creator-preview strong{text-align:right}.ndb-preview-badge{grid-column:1/-1;width:min(280px,90%);height:105px;margin:auto;align-content:center;gap:3px;box-shadow:0 5px 8px #123d2c2e}.ndb-preview-badge b{font-size:11px}.ndb-preview-badge span{font-size:16px;font-weight:900}.ndb-preview-badge small{font-size:10px}.ndb-creator-step{min-height:0;display:flex;flex-direction:column}.ndb-creator-step h1{margin:0 0 6px;font-size:23px}.ndb-creator-step-copy{margin:0 0 14px;font-size:13px}.ndb-creator-options{min-height:0;gap:8px;overflow:auto}.ndb-creator-options button{min-height:64px;padding:8px 12px;grid-template-columns:44px minmax(0,1fr) 28px;gap:12px;color:var(--creator-deep);border-radius:11px}.ndb-creator-options button.is-selected{border-color:var(--creator-green)}.ndb-creator-options button>span:nth-child(2){display:grid;gap:3px;text-align:center}.ndb-creator-options strong{font-size:15px}.ndb-creator-options small{color:#53645b;font-size:12px}.ndb-option-mark{width:28px;height:28px;border:2px solid #7f8d85;font-size:15px}.ndb-option-mark img{width:64px;height:48px;-o-object-fit:contain;object-fit:contain}.fasteners .ndb-option-mark{width:70px;height:52px;border:0;border-radius:7px}.ndb-creator-footer{display:flex;justify-content:center}.ndb-creator-footer button{width:min(100%,430px);background:var(--creator-green);border-radius:9px}.ndb-creator-quantity,.ndb-creator-textarea,.ndb-creator-upload{gap:9px;color:var(--creator-deep);background:#fff;text-align:center}.ndb-creator-upload>span{font-size:30px;color:var(--creator-green)}.ndb-creator-quantity small,.ndb-creator-upload small{color:#667085}.ndb-creator-upload input{position:absolute;opacity:0}.ndb-creator-textarea{text-align:left}.ndb-creator-textarea textarea{min-height:150px;font:inherit}.ndb-creator-quantity{text-align:left;border-style:solid}.ndb-creator-quantity input{min-height:50px;padding:8px;font-size:20px}.ndb-creator-summary{padding:30px;text-align:center}@media(max-width:600px){.ndb-creator-header img{width:145px}.ndb-creator-start-screen{padding:24px 16px}.ndb-creator-start-option{min-height:112px;padding:16px;grid-template-columns:44px minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;-moz-column-gap:12px;column-gap:12px;row-gap:4px}.start-option-icon{width:42px;height:42px;grid-row:1/3}.ndb-creator-start-option strong{font-size:18px}.ndb-creator-start-option small{font-size:14px}.start-option-action{grid-column:3;grid-row:1/3}.ndb-creator-start-option .start-option-action span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.ndb-creator-planner{grid-template-rows:150px minmax(0,1fr)}}.ndb-creator-header-actions svg{width:17px;height:17px;display:block;flex:none}.ndb-creator-shell{min-height:100svh;background:#fff;color:#123d2c;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.ndb-creator-header{height:56px;padding:0 16px;background:#0a8737;color:#fff}.ndb-creator-header>div{max-width:760px;height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between}.ndb-creator-header img{width:clamp(144px,39.6vw,171px);display:block}.ndb-creator-header-actions{display:flex;gap:8px}.ndb-creator-header-actions a{min-height:38px;padding:7px 11px;display:inline-flex;align-items:center;gap:6px;color:#fff;background:rgba(0,0,0,.14);border:1px solid rgba(255,255,255,.48);border-radius:999px;text-decoration:none;font-size:12px;font-weight:750}.ndb-creator-progress{height:52px;padding:0 max(16px,calc((100vw - 430px)/2 + 16px));display:flex;align-items:center;gap:9px;border-bottom:1px solid #dfe4e1;color:#667085}.ndb-creator-progress strong{color:#123d2c;font-size:13px}.ndb-creator-progress i{height:4px;flex:1;background:#e3e8e5;border-radius:99px}.ndb-creator-progress i em{display:block;height:100%;background:#ff7a00}.ndb-creator-start-screen{width:min(100%,760px);margin:auto;padding:52px 24px}.ndb-creator-start-intro{text-align:center}.ndb-creator-start-intro h1{margin:0;color:#123d2c;font-size:clamp(30px,5vw,40px);line-height:1.15}.ndb-creator-start-intro p{max-width:600px;margin:18px auto 38px;color:#667085;font-size:18px;line-height:1.5}.ndb-creator-start-options{display:grid;gap:18px}.ndb-creator-start-option{min-height:132px;padding:22px;display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:16px;color:#123d2c;background:#fff;border:2px solid #dfe4e1;border-radius:18px;text-align:left;text-decoration:none;cursor:pointer}.ndb-creator-start-option:focus-visible,.ndb-creator-start-option:hover{border-color:#0a8737;box-shadow:0 4px 14px #123d2c1c}.start-option-icon{width:54px;height:54px;display:grid;place-items:center;color:#b85a00;background:#fff4e7;border-radius:50%}.start-option-icon.reorder{color:#0a8737;background:#e7f4eb}.start-option-icon svg{width:28px;height:28px}.ndb-creator-start-option>span:nth-child(2){display:grid;gap:6px}.ndb-creator-start-option strong{font-size:21px}.ndb-creator-start-option small{color:#667085;font-size:15px;line-height:1.35}.start-option-action{display:flex;align-items:center;gap:8px;white-space:nowrap}.start-option-action svg{width:24px;height:24px}.ndb-creator-planner{width:min(100%,760px);margin:auto;padding:10px 16px 80px}.ndb-creator-preview{min-height:170px;padding:10px 14px;display:grid;place-items:center;gap:5px;background:#f4f7f5;border:1px solid #dfe4e1;border-radius:14px}.ndb-preview-badge{width:210px;min-height:86px;display:grid;place-items:center;padding:12px;background:#fff;border:1px solid #aeb9b3;border-radius:9px;box-shadow:0 5px 8px rgba(18,61,44,.18)}.ndb-creator-step{padding:28px 0}.ndb-creator-step h1{margin:0;text-align:center;font-size:30px}.ndb-creator-step-copy{text-align:center;color:#667085}.ndb-creator-options{display:grid;gap:12px}.ndb-creator-options button{min-height:78px;padding:12px 18px;display:grid;grid-template-columns:74px minmax(0,1fr) 28px;align-items:center;gap:14px;color:#123d2c;background:#fff;border:2px solid #dfe4e1;border-radius:12px;text-align:left}.ndb-creator-options button.is-selected{background:#f3faf5;border-color:#0a8737}.ndb-creator-options img{width:64px;height:52px;-o-object-fit:contain;object-fit:contain}.ndb-option-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#f4f7f5}.ndb-creator-quantity,.ndb-creator-textarea,.ndb-creator-upload{display:grid;gap:8px;padding:24px;color:#123d2c;background:#f4f7f5;border:2px dashed #aebdb5;border-radius:12px}.ndb-creator-textarea textarea{min-height:140px;padding:10px;border:1px solid #c5d0ca;border-radius:8px}.ndb-creator-quantity input{min-height:54px;padding:8px 12px;border:1px solid #c5d0ca;border-radius:8px;font-size:22px}.ndb-creator-summary{padding:24px;background:#f4f7f5;border:1px solid #dfe4e1;border-radius:12px}.ndb-creator-footer{position:fixed;inset:auto 0 0;padding:10px 16px;background:#fff;border-top:1px solid #dfe4e1}.ndb-creator-footer button{width:min(100%,728px);min-height:48px;display:block;margin:auto;color:#fff;background:#0a8737;border:0;border-radius:10px;font-weight:800}.ndb-creator-footer button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:600px){.ndb-creator-header-actions a{width:42px;justify-content:center;padding:7px}.ndb-creator-header-actions a span{display:none}.ndb-creator-start-screen{padding:38px 24px}.ndb-creator-start-intro h1{font-size:30px}.ndb-creator-start-option{min-height:164px;grid-template-columns:52px minmax(0,1fr) 20px;padding:16px;gap:12px}.ndb-creator-start-option strong{font-size:18px}.ndb-creator-start-option small{font-size:14px}.start-option-action span{display:none}.ndb-creator-start-screen{padding:24px 16px}.ndb-creator-start-intro h1{font-size:25px}.ndb-creator-start-option{min-height:112px;grid-template-columns:44px minmax(0,1fr) auto;grid-template-rows:auto auto;padding:16px;gap:4px 12px}.start-option-icon{width:42px;height:42px;grid-row:1/3}.start-option-action{grid-column:3;grid-row:1/3}.ndb-creator-start-option .start-option-action span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}}@media (min-width:370px) and (max-width:600px){.ndb-creator-header-actions a span{display:inline}}.ndb-guided-react-host .start-option-action span{display:inline}.ndb-guided-react-host .app{--creator-main-width:1120px}.ndb-guided-react-host .app header{padding-inline:0!important}.ndb-guided-react-host .app .creator-header-inner,.ndb-guided-react-host .app .progress{width:min(100%,var(--creator-main-width))!important;max-width:none!important;margin-inline:auto!important;padding-inline:32px!important}.ndb-guided-react-host .app .progress{position:relative;border-bottom:0!important}.ndb-guided-react-host .app .progress:after{content:"";position:absolute;right:50%;bottom:0;left:50%;width:100vw;border-bottom:1px solid #dfe4e1;transform:translateX(-50%);pointer-events:none}@media (min-width:900px){.ndb-guided-react-host .app{--creator-main-width:1120px}}@media (min-width:768px){.ndb-guided-react-host .app:not(.start-mode){--creator-main-width:1120px}.ndb-guided-react-host .app:not(.start-mode) .progress{width:min(100%,var(--creator-main-width))!important;padding-inline:32px!important}.ndb-guided-react-host .app:not(.start-mode) main.size-step{width:min(100%,var(--creator-main-width))!important;padding:24px 32px!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;grid-template-rows:minmax(0,1fr)!important;gap:24px!important}.ndb-guided-react-host .app:not(.start-mode) .size-step .size-options-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none!important;grid-auto-rows:minmax(0,1fr)}}@media (min-width:900px){.ndb-guided-react-host .app:not(.start-mode) main.size-step fieldset{grid-template-rows:minmax(0,1fr) auto!important;grid-auto-rows:unset!important;align-content:stretch}.ndb-guided-react-host .app:not(.start-mode) .size-step .size-options-grid,.ndb-guided-react-host .app:not(.start-mode) main.size-step .size-options-grid{height:100%;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));grid-auto-rows:unset;align-content:stretch}.ndb-guided-react-host .app:not(.start-mode) main.size-step .size-options-grid .option{height:100%}.ndb-guided-react-host .app:not(.start-mode) main.size-step .option label{height:100%;min-height:150px}.ndb-guided-react-host .app:not(.start-mode) main.finished-design-step fieldset,.ndb-guided-react-host .app:not(.start-mode) main.orientation-step fieldset,.ndb-guided-react-host .app:not(.start-mode) main.photo-archive-step fieldset,.ndb-guided-react-host .app:not(.start-mode) main.summary-step fieldset{grid-template-rows:none!important;grid-auto-rows:auto!important;align-content:start}}@media (min-width:768px) and (max-width:899px){.ndb-guided-react-host .app:not(.start-mode) .progress{width:min(calc(100% - 32px),var(--creator-main-width))!important;padding-inline:0!important}.ndb-guided-react-host .app:not(.start-mode) main.size-step{padding-inline:16px!important}}.ndb-guided-react-host .app .progress{width:min(calc(100% - 32px),var(--creator-main-width))!important;padding-inline:0!important;grid-template-columns:25px minmax(0,1fr)!important}.ndb-guided-react-host .app .top-back{width:44px;height:44px;margin-right:-19px;padding:0;border-radius:50%;background:transparent!important;transform:translateX(-9.5px)}.ndb-guided-react-host .app .top-back svg{transform:none}.ndb-guided-react-host .app .creator-header-action:last-child{padding-right:0}.ndb-guided-react-host .app .creator-header-inner{width:min(calc(100% - 32px),var(--creator-main-width))!important;padding-inline:0!important}.ndb-guided-react-host .app main{width:min(100%,var(--creator-main-width))!important}.ndb-guided-react-host .app.opening-question-mode .start-card{max-width:var(--creator-main-width)}.ndb-guided-react-host .app.opening-question-mode .creator-main{grid-template-columns:minmax(0,1fr)!important}@media (min-width:900px){.ndb-guided-react-host .app .creator-header-inner,.ndb-guided-react-host .app .progress,.ndb-guided-react-host .app:not(.start-mode) .progress{width:100%!important;max-width:none!important;padding-inline:clamp(20px,4vw,64px)!important}.ndb-guided-react-host .app:not(.start-mode){grid-template-rows:56px 52px minmax(0,1fr) 80px!important}.ndb-guided-react-host .app.opening-question-mode .creator-main{padding-inline:32px!important}}.ndb-guided-react-host .app:not(.start-mode){grid-template-rows:56px 52px minmax(0,1fr) 88px!important}.ndb-guided-react-host .app:not(.start-mode) footer{padding:16px 32px!important}.ndb-guided-react-host .app:not(.start-mode) .continue{height:56px;min-height:56px;box-sizing:border-box}.ndb-guided-react-host .app:not(.start-mode) .continue.just-enabled{animation:none}.ndb-guided-react-host .app:not(.start-mode) .fastener-photo{width:72px;height:58px;flex:0 0 72px;border:0!important;border-radius:0;background:transparent;align-self:center;justify-self:center;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}@media (min-width:768px){.ndb-guided-react-host .app:not(.start-mode) main.color-step #optionRegion{height:100%;overflow:hidden}.ndb-guided-react-host .app:not(.start-mode) main.color-step fieldset{height:100%!important;grid-template-columns:1fr!important;grid-template-rows:repeat(var(--creator-option-count,4),minmax(0,1fr))!important;gap:12px!important}.ndb-guided-react-host .app:not(.start-mode) main.color-step .option label{width:100%;height:100%;min-height:0}.ndb-guided-react-host .app:not(.start-mode) main.color-step #optionRegion:has(fieldset.has-custom-open){overflow:hidden}.ndb-guided-react-host .app:not(.start-mode) main.color-step #optionRegion:has(fieldset.has-custom-open) fieldset{height:auto!important;grid-template-rows:max-content!important}}@media (max-width:767px){.ndb-guided-react-host .app:not(.start-mode) main.fastener-step .option label{grid-template-columns:44px minmax(0,1fr) 60px;grid-template-rows:minmax(0,1fr);align-items:center;min-height:44px;padding:6px 10px}.ndb-guided-react-host .app:not(.start-mode) main.fastener-step .option label .check{grid-column:1;grid-row:1;align-self:center}.ndb-guided-react-host .app:not(.start-mode) main.fastener-step .fastener-title{display:grid;justify-items:center;gap:2px}.ndb-guided-react-host .app:not(.start-mode) main.fastener-step .option-copy{grid-column:2;grid-row:1;display:grid;min-width:0}.ndb-guided-react-host .app:not(.start-mode) main.fastener-step .fastener-title small,.ndb-guided-react-host .app:not(.start-mode) main.fastener-step .fastener-title strong{grid-column:auto;grid-row:auto;align-self:auto}.ndb-guided-react-host .app:not(.start-mode) main.fastener-step .fastener-photo{grid-column:3;grid-row:1;align-self:center}.ndb-guided-react-host .app:not(.start-mode) .fastener-photo{width:60px;height:48px;flex-basis:60px;transform:translateY(-2px)}.ndb-guided-react-host .app:not(.start-mode) footer{padding:16px!important}}@media (min-width:768px){.ndb-guided-react-host .app:not(.start-mode) main.fastener-step .option label{grid-template-columns:44px max-content minmax(0,1fr) 116px;grid-template-rows:1fr 1fr;align-items:center}.ndb-guided-react-host .app:not(.start-mode) main.fastener-step .option label .check{grid-column:1;grid-row:1/-1;align-self:center}.ndb-guided-react-host .app:not(.start-mode) main.fastener-step .fastener-title,.ndb-guided-react-host .app:not(.start-mode) main.fastener-step .option-copy{display:contents}.ndb-guided-react-host .app:not(.start-mode) main.fastener-step .fastener-title strong{grid-column:3;grid-row:1;align-self:end}.ndb-guided-react-host .app:not(.start-mode) main.fastener-step .fastener-title small{grid-column:3;grid-row:2;align-self:start}.ndb-guided-react-host .app:not(.start-mode) main.fastener-step .fastener-photo{grid-column:4;grid-row:1/-1;align-self:center}}@media (max-width:767px){.ndb-guided-react-host .app:not(.start-mode) main.fastener-step{grid-template-rows:170px minmax(0,1fr)!important;gap:16px!important;padding:16px 16px 8px!important;overflow:hidden!important}.ndb-guided-react-host .app:not(.start-mode) main.fastener-step #optionRegion{min-height:0;height:100%;overflow:hidden}.ndb-guided-react-host .app:not(.start-mode) main.fastener-step fieldset{height:100%!important;grid-template-rows:repeat(var(--creator-option-count,3),minmax(0,1fr));grid-auto-rows:unset;gap:12px;overflow:hidden}.ndb-guided-react-host .app.start-mode .start-options{grid-template-columns:1fr!important}.ndb-guided-react-host .app:not(.start-mode) main.size-step{grid-template-rows:170px minmax(0,1fr)!important;gap:16px!important;padding:16px 16px 8px!important;overflow:hidden!important}.ndb-guided-react-host .app:not(.start-mode) main.size-step #optionRegion{min-height:0;height:100%;overflow:hidden}.ndb-guided-react-host .app:not(.start-mode) main.size-step .size-options-grid{height:100%!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:none!important;grid-auto-rows:minmax(0,1fr);gap:12px!important}.ndb-guided-react-host .app:not(.start-mode) main.size-step .option label{width:100%;height:100%;min-height:0;aspect-ratio:auto;grid-template-columns:1fr;grid-template-rows:1fr}.ndb-guided-react-host .app:not(.start-mode) main.size-step .option .check{top:auto;right:auto;bottom:10px;left:10px}.ndb-guided-react-host .app:not(.start-mode) main.size-step .popular-slot{top:10px;right:auto;left:50%;transform:translateX(-50%);width:-moz-max-content;width:max-content}.ndb-guided-react-host .app:not(.start-mode) main.color-step{grid-template-rows:170px minmax(0,1fr)!important;gap:16px!important;padding:16px 16px 8px!important;overflow:hidden!important}.ndb-guided-react-host .app:not(.start-mode) main.color-step #optionRegion{min-height:0;height:100%;overflow:hidden}.ndb-guided-react-host .app:not(.start-mode) main.color-step fieldset{height:100%!important;grid-template-rows:repeat(var(--creator-option-count,4),minmax(0,1fr))!important;gap:12px!important}.ndb-guided-react-host .app:not(.start-mode) main.color-step .option label{width:100%;height:100%;min-height:0}.ndb-guided-react-host .app:not(.start-mode) main.color-step #optionRegion:has(fieldset.has-custom-open){overflow-y:hidden;overflow-x:hidden}.ndb-guided-react-host .app:not(.start-mode) main.color-step #optionRegion:has(fieldset.has-custom-open) fieldset{height:auto!important;grid-template-rows:max-content!important;overflow:visible}}@media (max-width:767px) and (max-height:700px){.ndb-guided-react-host .app:not(.start-mode){grid-template-rows:56px 52px minmax(0,1fr) 80px!important}.ndb-guided-react-host .app:not(.start-mode) footer{padding:12px 16px!important}.ndb-guided-react-host .app:not(.start-mode) main.color-step,.ndb-guided-react-host .app:not(.start-mode) main.fastener-step,.ndb-guided-react-host .app:not(.start-mode) main.size-step{grid-template-rows:120px minmax(0,1fr)!important;gap:12px!important;padding:8px 16px 4px!important}.ndb-guided-react-host .app:not(.start-mode) main.fastener-step fieldset{height:100%!important;grid-template-rows:repeat(var(--creator-option-count,3),minmax(44px,1fr));gap:4px}.ndb-guided-react-host .app:not(.start-mode) main.fastener-step .option label{min-height:44px;padding:3px 8px;grid-template-columns:30px minmax(0,1fr) 44px}.ndb-guided-react-host .app:not(.start-mode) main.fastener-step .check{width:24px;height:24px}.ndb-guided-react-host .app:not(.start-mode) main.fastener-step .fastener-title strong{font-size:14px}.ndb-guided-react-host .app:not(.start-mode) main.fastener-step .fastener-title small{margin-top:0;font-size:11px;line-height:1.1}.ndb-guided-react-host .app:not(.start-mode) main.fastener-step .fastener-photo{width:44px;height:36px;flex-basis:44px;transform:none}.ndb-guided-react-host .app:not(.start-mode) main.color-step .badge,.ndb-guided-react-host .app:not(.start-mode) main.fastener-step .badge,.ndb-guided-react-host .app:not(.start-mode) main.size-step .badge{transform:scale(.78)}}@media (min-width:768px){.ndb-guided-react-host .app.start-mode .start-options{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ndb-guided-react-host .app.start-mode .start-option{min-height:168px;padding:24px;grid-template-columns:none;grid-template-rows:auto auto 1fr auto;align-items:stretch;-moz-column-gap:normal;column-gap:normal;row-gap:8px}.ndb-guided-react-host .app.start-mode .start-option-icon{width:42px;height:42px;grid-row:auto}.ndb-guided-react-host .app.start-mode .start-option small,.ndb-guided-react-host .app.start-mode .start-option-action{grid-column:auto;grid-row:auto}.ndb-guided-react-host .app.start-mode .start-option-action span:first-child{position:static;width:auto;height:auto;overflow:visible;clip:auto}.ndb-guided-react-host .app:not(.start-mode) main.size-step #optionRegion{align-self:start;height:100%}.ndb-guided-react-host .app:not(.start-mode) main.size-step .size-options-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:none!important;grid-auto-rows:minmax(0,1fr);align-content:stretch;height:100%!important}.ndb-guided-react-host .app:not(.start-mode) main.size-step .option label{width:100%;height:100%;aspect-ratio:auto;grid-template-columns:1fr;grid-template-rows:1fr;align-items:center}.ndb-guided-react-host .app:not(.start-mode) main.size-step .option .option-copy{align-self:center}.ndb-guided-react-host .app:not(.start-mode) main.size-step .option .check{position:absolute;top:auto;bottom:12px;left:12px}.ndb-guided-react-host .app:not(.start-mode) main.size-step .popular-slot{top:12px;right:auto;left:50%;transform:translateX(-50%);width:-moz-max-content;width:max-content}}