.sh-app--tour{display:block}.sh-app--tour [hidden]{display:none!important}.sh-app--tour :is(button,a,[tabindex]):focus-visible{outline:2px solid #65e0c1;outline-offset:5px}.sh-app--tour .sh-app__stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-top:4.8rem}.sh-app--tour .sh-app__features{padding:clamp(2.4rem,4vw,5.2rem);display:flex;flex-direction:column;justify-content:center;border-right:1px solid #ffffff1f;min-width:0}.sh-app--tour .sh-app__tabs{padding:0;border:0}.sh-app--tour .sh-app__tab{padding:2rem 0;color:#bac5ca}.sh-app--tour .sh-app__tab[aria-selected=true]{color:#fff}.sh-app--tour .sh-app__tab-title{font-size:clamp(1.8rem,2vw,2.6rem)}.sh-app--tour .sh-app__tab-text{color:#c0ccd0}.sh-app--tour .sh-app__tab[aria-selected=true] .sh-app__tab-text{max-height:none}.sh-app--tour .sh-app__tab-short,.sh-app--tour .sh-app__mobile-copy{display:none}.sh-app--tour .sh-app__link{margin-top:2.6rem;font-size:1.5rem}.sh-app--tour .sh-app__visuals{min-height:82rem;min-width:0}.sh-app--tour .sh-app__panel{position:relative;inset:auto;width:100%;padding:3.2rem;transform:none}.sh-app--tour .sh-app__phone-wrap{width:min(35rem,100%);min-width:0}.sh-app--tour .sh-app__phone{width:100%;max-height:none;border-color:#060a0b;border-radius:4rem;box-shadow:0 0 0 1px #52615b,0 3rem 7rem #0008}.sh-app--tour .sh-app__phone:before{top:.8rem;height:1.5rem;width:7.5rem;background:#060a0b}.sh-app--tour .sh-app__phone>img{max-height:none;object-fit:contain}.sh-app__preview-note{text-align:center;color:#acbdc4;font-size:1.15rem;line-height:1.5;margin:1.6rem 0 0}.sh-app-demo{--app-accent:#65e0c1;--app-bg:#111516;--app-surface:#1b2122;--app-border:#303a38;background:var(--app-bg);color:#f4f6f3;font:1.2rem/1.4 Roboto,Arial,sans-serif;height:72rem;display:flex;flex-direction:column;text-align:left;letter-spacing:normal}.sh-app-demo *{box-sizing:border-box}.sh-app-demo__status{display:flex;justify-content:space-between;padding:.9rem 1.8rem .6rem;font-size:1rem;flex-shrink:0}.sh-app-demo__appbar{display:flex;align-items:center;gap:.8rem;min-height:4.8rem;padding:.7rem 1.2rem;flex-shrink:0}.sh-app-demo__icon{display:block;width:2rem;height:2rem;flex-shrink:0}.sh-app--tour .sh-app__phone .sh-app-demo__logo{width:9.2rem;height:3.6rem;min-width:0;border-radius:0;object-fit:contain;margin-right:auto}.sh-app-demo__scope{display:flex;gap:.4rem;align-items:center;border:1px solid var(--app-border);border-radius:1rem;padding:.7rem .6rem;font-size:.9rem;white-space:nowrap}.sh-app-demo__scope i{width:.5rem;height:.5rem;border-radius:50%;background:var(--app-accent)}.sh-app-demo__accent{color:var(--app-accent)}.sh-app-demo__nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));flex-shrink:0;gap:.2rem;padding:.4rem .5rem}.sh-app-demo__nav>:is(button,span){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;min-height:4.6rem;padding:.5rem .2rem;background:none;border:0;border-radius:1rem;color:#a5b1ad;font:inherit;font-size:1rem;line-height:1.2}.sh-app-demo__nav button{cursor:pointer}.sh-app-demo__nav button:hover{background:#263d33}.sh-app-demo__nav button[aria-pressed=true]{color:var(--app-accent);background:#1b2d25}.sh-app-demo__nav--top{border-bottom:1px solid var(--app-border)}.sh-app-demo__nav--bottom{border-top:1px solid var(--app-border);background:#151b19;margin-top:auto}.sh-app-demo__brightness{display:flex;align-items:center;gap:1.2rem;padding:1.2rem 1.6rem;font-size:1rem;flex-shrink:0}.sh-app-demo__slider{display:block;height:.4rem;border-radius:2rem;background:linear-gradient(to right,var(--app-accent) var(--level),#4c5753 var(--level));position:relative;flex:1;margin:.8rem .5rem}.sh-app-demo__slider:after{content:"";width:1.3rem;height:1.3rem;background:var(--app-accent);border-radius:50%;position:absolute;top:50%;left:var(--level);transform:translate(-50%,-50%)}.sh-app-demo__body{flex:1;min-height:0;padding:1.2rem 1.5rem 1.6rem;overflow:auto;scrollbar-width:thin;scrollbar-color:#42564e transparent}.sh-app-demo h3{margin:0 0 .4rem;font:600 2.1rem/1.25 Roboto,Arial,sans-serif;letter-spacing:-.04rem;color:#f4f6f3}.sh-app-demo p{margin:.4rem 0 1.2rem;font-size:1.1rem;line-height:1.5}.sh-app-demo strong{font-weight:600}.sh-app-demo small{font-size:1rem}.sh-app-demo__muted{color:#a5b1ad}.sh-app-demo__center{text-align:center}.sh-app-demo__card{padding:1.2rem;margin-bottom:.8rem;border:1px solid var(--app-border);border-radius:1.4rem;background:var(--app-surface)}.sh-app-demo__row{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.sh-app-demo__prompt{border:1px solid #42564e;background:var(--app-bg);padding:.8rem 1rem;border-radius:1rem;margin:1rem 0}.sh-app-demo__prompt small{display:block;color:#a5b1ad;margin-bottom:.4rem;font-size:.9rem}.sh-app-demo__live{margin:.8rem 0 1rem;font-size:1.05rem}.sh-app-demo__switch{display:inline-block;width:2.8rem;height:1.6rem;flex:0 0 auto;background:var(--app-accent);border-radius:2rem;position:relative}.sh-app-demo__switch:after{content:"";position:absolute;right:.3rem;top:.3rem;width:1rem;height:1rem;background:#10261e;border-radius:50%}.sh-app-demo__label{display:block;margin:.9rem 0 .6rem;color:#c5d0cc}.sh-app-demo__chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:.8rem 0}.sh-app-demo__chips>span{padding:.5rem .8rem;font-size:1rem;line-height:1.2;border:1px solid #42564e;border-radius:.8rem;color:#c5d0cc}.sh-app-demo .is-selected{background:#1b2d25;color:var(--app-accent);border-color:var(--app-accent)}.sh-app-demo__filled{display:block;text-align:center;background:var(--app-accent);color:#10261e;border-radius:2.4rem;padding:1rem;margin:.8rem 0;font-weight:600}.sh-app-demo__outline{display:block;text-align:center;border:1px solid #42564e;border-radius:2rem;padding:.7rem;color:var(--app-accent)}.sh-app-demo__look{margin-top:1.2rem}.sh-app-demo__look>.sh-app-demo__row{font-size:1.1rem}.sh-app-demo__refine{margin-top:1rem}.sh-app-demo__refine>span{font-size:.95rem}.sh-app-demo__swatches{display:flex;gap:.5rem;margin:.7rem 0}.sh-app-demo__swatches i{display:block;width:2.1rem;height:2.1rem;border-radius:50%;background:var(--swatch);border:1px solid #ffffff5c}.sh-app-demo__home-indicator{width:9rem;height:.4rem;border-radius:2rem;background:#f4f6f3;margin:.6rem auto .8rem;flex-shrink:0}.sh-app-demo__picker{display:flex;align-items:center;justify-content:space-between;gap:1.3rem;padding:1rem .4rem 1.6rem}.sh-app-demo__wheel{position:relative;width:calc(100% - 4.2rem);aspect-ratio:1;border-radius:50%;border:1px solid #ffffff80;background:radial-gradient(circle,#fff,transparent 70%),conic-gradient(red,#f0f,#00f,#0ff,#0f0,#ff0,red)}.sh-app-demo__wheel i{position:absolute;top:65%;left:71%;width:1.8rem;height:1.8rem;border:2px solid #fff;box-shadow:0 0 0 1px #07131d;border-radius:50%}.sh-app-demo__vertical{width:.7rem;height:15rem;background:linear-gradient(#fff,#202626);border-radius:1rem;position:relative}.sh-app-demo__vertical--temperature{background:linear-gradient(#a9caff,#fff,#ffbf69)}.sh-app-demo__vertical i{position:absolute;top:35%;left:50%;width:1.5rem;height:1.5rem;transform:translate(-50%);border:1px solid #88948c;background:#fff;border-radius:50%}.sh-app-demo__swatches--palette{justify-content:center;flex-wrap:wrap;max-width:25rem;margin:0 auto 1.4rem;gap:.7rem}.sh-app-demo__swatches--palette i{width:2.7rem;height:2.7rem}.sh-app-demo__slots{display:flex;justify-content:center;gap:1rem;margin-bottom:1.3rem}.sh-app-demo__slots span{display:grid;place-items:center;width:3.3rem;height:3.3rem;border-radius:50%;background:var(--swatch);color:#111516;font-size:1.5rem;border:2px solid transparent}.sh-app-demo__slots span:first-child{border-color:#fff;outline:1px solid #a5b1ad}.sh-app-demo__hex{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.3rem}.sh-app-demo__hex span{background:var(--app-surface);border:1px solid #42564e;padding:.6rem 1.4rem;border-radius:.5rem}.sh-app-demo__search{display:flex;gap:1rem;align-items:center;padding:1.2rem;margin-bottom:1rem;background:var(--app-surface);color:#a5b1ad;border:1px solid var(--app-border);border-radius:1.2rem;font-size:1.1rem}.sh-app-demo__palette-strip{margin:.8rem 0;height:2.5rem;border-radius:.6rem;background:linear-gradient(90deg,#ffb45b,#ff7043,#ffd6a0)}.sh-app-demo__effect-list{display:grid;gap:.5rem}.sh-app-demo__effect{display:flex;justify-content:space-between;padding:.7rem 1rem;background:var(--app-surface);border:1px solid var(--app-border);border-radius:1rem}.sh-app-demo__controls{margin:1.2rem 0 0}.sh-app-demo__controls .sh-app-demo__row{font-size:1rem;margin:.8rem 0 .4rem}.sh-app-demo__controls .sh-app-demo__slider{margin:1rem .4rem}.sh-app-demo__heading{font-size:1.7rem;margin:1.2rem 0}.sh-app-demo__folder,.sh-app-demo__zone{display:flex;align-items:center;gap:1rem}.sh-app-demo__folder>.sh-app-demo__icon{color:var(--app-accent)}.sh-app-demo__folder>span:nth-child(2){flex:1}.sh-app-demo__folder small,.sh-app-demo__zone small{display:block;color:#a5b1ad;margin-top:.4rem;font-size:1rem}.sh-app-demo__zone{min-height:5.6rem}.sh-app-demo__zone>span:first-child{color:var(--app-accent);font-size:1.8rem;width:2.2rem;text-align:center}.sh-app-demo__add{width:max-content;margin:1.2rem 0 0 auto;padding:.9rem 1.6rem;border-radius:1.2rem}.sh-app-demo__schedule{margin-top:1.2rem}.sh-app-demo__times{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.4rem 0}.sh-app-demo__times small{display:block;color:#a5b1ad;font-size:1rem;margin-bottom:.4rem}@media(max-width:989px)and (min-width:750px){.sh-app--tour .sh-app__stage{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.sh-app--tour .sh-app__panel{padding:2rem}.sh-app--tour .sh-app__features{padding:2.2rem}.sh-app-demo__appbar{gap:.5rem;padding-inline:.8rem}.sh-app--tour .sh-app__phone .sh-app-demo__logo{width:8rem}}@media(max-width:749px){.sh-app--tour .sh-app__stage{grid-template-columns:minmax(0,1fr);margin-top:3rem}.sh-app--tour .sh-app__features{padding:2rem;border-right:0;border-bottom:1px solid #ffffff1f}.sh-app--tour .sh-app__tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.sh-app--tour .sh-app__tab{display:block;padding:1.2rem .5rem;border:1px solid #40574f;border-radius:1rem;text-align:center}.sh-app--tour .sh-app__tab[aria-selected=true]{background:#263d33;border-color:#65e0c1;color:#65e0c1}.sh-app--tour .sh-app__tab-index,.sh-app--tour .sh-app__tab-text{display:none}.sh-app--tour .sh-app__tab-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sh-app--tour .sh-app__tab-short{display:block;font-size:1.2rem;font-weight:600}.sh-app--tour .sh-app__mobile-copy{display:block;color:#c0ccd0;font-size:1.35rem;line-height:1.6;min-height:8.6rem;margin:1.6rem 0 0}.sh-app--tour .sh-app__link{margin-top:1.6rem;font-size:1.35rem}.sh-app--tour .sh-app__visuals{min-height:0}.sh-app--tour .sh-app__panel{padding:2.8rem 1.4rem}.sh-app--tour .sh-app__phone{border-width:.6rem;border-radius:3.4rem}}@media(max-width:374px){.sh-app-demo__appbar{gap:.4rem;padding-inline:.7rem}.sh-app--tour .sh-app__phone .sh-app-demo__logo{width:7rem}.sh-app-demo__scope{font-size:.8rem;padding:.6rem .4rem}.sh-app-demo__body{padding-inline:1rem}.sh-app-demo__chips>span{padding:.5rem .6rem}}@media(prefers-reduced-motion:reduce){.sh-app--tour .sh-app__panel,.sh-app--tour .sh-app__tab,.sh-app--tour .sh-app__tab-text{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/showhome-app-showcase.css.map */