.shl-phone{--app-bg:#111516;--app-surface:#1b2122;--app-nav:#111516;--app-aqua:#65e0c1;--app-green:#65e0c1;--app-border:#303a38;color:#f4f6f3}.shl-phone :is(button,input,select){font-family:Roboto,Arial,sans-serif}.shl-phone :is(button,input,select):focus-visible{outline:2px solid var(--app-aqua);outline-offset:3px}.shl-phone button:disabled{opacity:.45;cursor:not-allowed}.shl-phone__status,.shl-phone__header,.shl-app-topnav,.shl-app-brightness,.shl-phone__tabs{flex-shrink:0}.shl-phone__header{background:var(--app-bg);grid-template-columns:minmax(9rem,1fr) minmax(8rem,12.6rem) auto;height:5.6rem}.shl-zone-pill{border-color:var(--app-border);background:var(--app-surface);color:#f4f6f3}.shl-app-topnav{box-shadow:none;border-bottom:1px solid var(--app-border)}.shl-app-topnav button{color:#a5b1ad}.shl-app-topnav b,.shl-phone__tabs b{font-size:1.05rem}.shl-app-topnav span,.shl-phone__tabs button span{font-size:2rem}.shl-app-brightness{background:var(--app-bg);height:4.8rem;padding:0 1.6rem}.shl-app-brightness input,.shl-effect-controls input{accent-color:var(--app-aqua)}.shl-app-brightness output{min-width:3.5rem;color:#a5b1ad;font-size:1.1rem;text-align:right}.shl-phone__screen{flex:1;min-height:0}.shl-phone__tabs{min-height:6.4rem;border-top:1px solid var(--app-border);background:#151b19;color:#96a29d}.shl-phone__tabs button.is-active{color:var(--app-aqua)}.shl-phone__tabs button.is-active>span{background:#263d33;border-radius:2rem}.shl-phone__tabs button>span{padding:.35rem 1.7rem}.shl-phone__search,.shl-phone__search--presets,.shl-effect-filter{border:1px solid var(--app-border);background:var(--app-surface);border-radius:1.4rem}.shl-phone__search input{font-size:1.2rem}.shl-phone__search{margin-left:1.6rem;margin-right:1.6rem}.shl-phone__search--presets{margin-inline:0}.shl-effect-filter{margin-right:1.6rem;font-size:1.2rem}.shl-preset-app-card{border:0;margin:0;padding:1.5rem;height:100%;border-radius:0;background:var(--app-bg)}.shl-phone__nav{margin-bottom:1rem}.shl-phone__nav strong{font-size:1.6rem}.shl-phone__nav small{font-size:1rem;color:#a5b1ad}.shl-preset-tools{display:none}.shl-phone-folder,.shl-phone-preset{border:1px solid var(--app-border);border-radius:1.4rem;background:var(--app-surface);margin-bottom:.6rem;min-height:5.6rem}.shl-phone-folder b,.shl-phone-preset b{font-size:1.2rem}.shl-phone-folder small,.shl-phone-preset small{color:#a5b1ad;font-size:1rem}.shl-phone-folder>span{color:var(--app-aqua)}.shl-phone-preset:hover{background:#24302b}.shl-phone-preset.is-active{background:#1b2d25;border-color:var(--app-aqua)}.shl-effect-list{padding:0 1.6rem;gap:.6rem}.shl-effects-search-row{display:block}.shl-effects-search-row .shl-phone__search{margin-right:1.6rem}.shl-app-effect-filters{display:flex;flex-shrink:0;flex-wrap:wrap;gap:.6rem;padding:0 1.6rem 1rem}.shl-app-effect-filters button{min-height:3.4rem;padding:.5rem 1rem;border:1px solid #42564e;border-radius:.9rem;background:var(--app-surface);color:#c5d0cc;font-size:1.1rem;cursor:pointer}.shl-app-effect-filters button[aria-pressed=true]{background:#263d33;color:var(--app-aqua);border-color:var(--app-aqua)}.shl-effect-controls{flex-shrink:0;max-height:40%;overflow:auto;overscroll-behavior:contain}.shl-effect-button{width:100%;min-height:4.6rem;padding:1rem 1.2rem;border:1px solid var(--app-border);border-radius:1.4rem;justify-content:flex-start;font-size:1.3rem;box-shadow:none}.shl-effect-button:hover{background:#24302b}.shl-effect-button.is-active{background:#1b2d25;border-color:var(--app-aqua);color:var(--app-aqua)}.shl-effect-controls label{background:var(--app-surface);border:1px solid var(--app-border)}.shl-effect-controls label>span,.shl-effect-controls output{font-size:1rem}.shl-color-control{padding:1.6rem}.shl-color-wheel{width:22rem}.shl-palette-search,.shl-color-hex input{background:var(--app-surface);border-color:var(--app-border)}.shl-generator{margin:0;padding:1.8rem 1.6rem 2.4rem;min-height:0;border:0;border-radius:0;background:var(--app-bg);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#42564e transparent}.shl-generator [hidden]{display:none!important}.shl-create-intro{padding:.2rem .2rem 1.8rem}.shl-create-intro h3,.shl-generator__looks h3{margin:0;color:#f4f6f3;font-size:2rem;letter-spacing:-.04rem;line-height:1.25}.shl-create-intro p{margin:.6rem 0 0;color:#a5b1ad;font-size:1.2rem;line-height:1.5}.shl-generator__card{padding:1.6rem;border:1px solid var(--app-border);border-radius:1.6rem;background:var(--app-surface)}.shl-generator__card p{color:#a5b1ad;font-size:1.2rem;line-height:1.5}.shl-generator__card h4{color:#f4f6f3;margin:2rem 0 1rem;font-size:1.4rem;font-weight:600}.shl-generator__title span{color:var(--app-aqua)}.shl-generator__title strong{font-size:1.5rem;font-weight:600}.shl-generator__title button{margin-left:auto;padding:.5rem 0 .5rem .8rem;border:0;background:none;color:var(--app-aqua);font-size:1.1rem;cursor:pointer}.shl-generator__label{display:block;color:#f4f6f3;margin:1.4rem 0 .7rem;font-size:1.2rem}.shl-generator__field{min-height:6.4rem;padding:1rem;border-radius:1.4rem;border-color:var(--app-border);background:var(--app-bg)}.shl-generator form input[type=search]{font-size:1.3rem;line-height:1.5}.shl-generator form input[type=checkbox]{width:1.6rem;height:1.6rem;flex:0 0 auto;accent-color:var(--app-aqua)}.shl-generator__suggestions{background:#202927;border-color:#42564e;max-height:24rem}.shl-generator__suggestions button[aria-selected=true]{background:#263d33;border-color:var(--app-aqua)}.shl-generator__option-copy strong{font-size:1.15rem}.shl-generator__option-copy small{font-size:.95rem}.shl-generator__option-swatches i{width:1.6rem;height:1.6rem;border-color:var(--app-surface)}.shl-generator__palette{margin:1.6rem 0;border-bottom:1px solid var(--app-border);padding-bottom:1.4rem}.shl-generator__palette summary{cursor:pointer;font-size:1.3rem;color:#f4f6f3}.shl-generator__palette summary small{display:block;color:#a5b1ad;margin:.4rem 0;font-size:1.05rem}.shl-generator__colours{display:flex;gap:1rem;margin-top:1.4rem}.shl-generator__colours label{flex:1;min-width:0;display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;color:#a5b1ad;font-size:1.1rem}.shl-generator__colours input[type=color]{flex:1;width:3rem;min-width:3rem;height:3.8rem;padding:.2rem;border:1px solid var(--app-border);border-radius:.7rem;cursor:pointer}.shl-generator__colours button{color:#a5b1ad;background:none;border:0;min-height:3rem;font-size:1.6rem;cursor:pointer}.shl-generator__text-button{margin:.8rem 0;padding:.5rem 0;border:0;background:none;color:var(--app-aqua);font-size:1.15rem;cursor:pointer}.shl-generator__toggle{display:flex;align-items:center;gap:1rem;margin:1.6rem 0;font-size:1.2rem;cursor:pointer}.shl-generator__toggle small{display:block;margin-top:.3rem;color:#a5b1ad;font-size:1.05rem;line-height:1.4}.shl-generator__motion{display:flex;gap:.7rem;width:auto;margin:0 0 1.6rem;flex-wrap:wrap}.shl-generator__motion button,.shl-generator__motion button:first-child,.shl-generator__motion button:last-child{min-height:3.4rem;border:1px solid #42564e;border-radius:.9rem;padding:.5rem 1rem;color:#c5d0cc;font-size:1.15rem}.shl-generator__motion button.is-active{color:var(--app-aqua);background:#263d33;border-color:var(--app-aqua)}.shl-generator__generate{display:block;width:100%;min-height:4.8rem;padding:1rem;border:0;border-radius:2.4rem;background:var(--app-aqua);color:#10261e;font-size:1.3rem;font-weight:700;cursor:pointer}.shl-generator__chips{margin-top:0;gap:.7rem}.shl-generator__chips button{min-height:3.4rem;padding:.6rem 1rem;border-radius:.9rem;border-color:#42564e;color:#c5d0cc;font-size:1.1rem}.shl-generator__chips button[aria-pressed=true]{background:#263d33;color:var(--app-aqua);border-color:var(--app-aqua)}.shl-generator__browse{margin:1.2rem 0}.shl-generator__browse label{color:#a5b1ad;font-size:1.1rem}.shl-generator select{display:block;width:100%;max-width:100%;min-height:4rem;padding:.8rem;margin:.7rem 0;color:#f4f6f3;background:#111516;border:1px solid #42564e;border-radius:.9rem;font-size:1.2rem}.shl-generator__browse-list{max-height:22rem;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.shl-generator__browse-list button{display:flex;align-items:center;justify-content:space-between;gap:.8rem;width:100%;min-height:4.6rem;padding:.9rem;border:0;border-bottom:1px solid var(--app-border);background:none;color:#f4f6f3;font-size:1.15rem;text-align:left;cursor:pointer}.shl-generator__browse-list button:hover{background:#263d33}.shl-generator__card .shl-generator__result{padding:1rem;margin:1.8rem 0;background:#1b2d25;border-color:#42564e;color:#b8eedc;font-size:1.1rem}.shl-generator__looks{padding-top:1.6rem;border-top:1px solid var(--app-border)}.shl-generator__looks>strong{display:block;margin:1rem 0;color:#c5d0cc;font-size:1.3rem}.shl-generator__slider{display:block;margin:1.6rem 0}.shl-generator__slider>span{display:flex;justify-content:space-between;font-size:1.2rem}.shl-generator__slider input{width:100%;margin:1rem 0 0;accent-color:var(--app-aqua)}.shl-generator__slider output{color:#a5b1ad}.shl-generator__looks>.shl-generator__generate{margin-top:1.6rem}.shl-generator__card .shl-generator__disclaimer{margin:2rem 0 0;font-size:1rem;line-height:1.5}.shl--stock-demo .shl-workspace{grid-template-columns:minmax(0,1.5fr) minmax(36rem,.85fr)}.shl--stock-demo .shl-phone{max-width:42rem;height:min(76rem,calc(100dvh - 3.2rem));min-height:min(60rem,calc(100dvh - 3.2rem))}.shl--stock-demo .shl-editor-shell{position:sticky;top:1.6rem}@media(max-width:899px){.shl--stock-demo .shl-editor-shell{top:.5rem;z-index:2;box-shadow:0 .8rem 2rem #0003}.shl--stock-demo .shl-phone{height:70rem;min-height:60rem}.shl-phone__search input,.shl-generator form input[type=search],.shl-generator select{font-size:1.6rem}}@media(prefers-reduced-motion:reduce){.shl-phone *{scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/showhome-app-preview.css.map */