.os-tech--cards{--os-tc-aqua: 92, 185, 207;--os-tc-ease: cubic-bezier(.2,.7,.1,1)}.os-tech--cards .os-tech__hint{flex-basis:100%;margin:0;font-size:1.3rem;color:rgba(var(--color-foreground),.5)}.os-tech__stage{display:block;position:relative;margin-top:3.2rem;transition:height .55s var(--os-tc-ease)}.os-tech--cards .os-tech__list{gap:1.2rem;transition:opacity .3s ease}.os-tech--cards .os-tech__item,.os-tech--cards .os-tech__item+.os-tech__item{position:relative;display:grid;align-content:start;gap:1.2rem;padding:2.6rem 2.6rem 2.4rem;border:0;border-radius:.6rem;background:rgba(var(--color-foreground),.07);transition:background .35s var(--os-tc-ease)}.os-tech--cards .os-tech__num{margin:0;transition:color .35s}.os-tech--cards .os-tech__feature{margin:0;transform-origin:left center;transition:color .35s var(--os-tc-ease),transform .45s var(--os-tc-ease)}.os-tech__open{all:unset;cursor:pointer;display:block}.os-tech__open:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:.6rem}.os-tech__open:focus-visible:after{outline:2px solid rgb(var(--os-tc-aqua));outline-offset:3px}.os-tech__more{display:inline-flex;align-items:center;gap:.8rem;margin-top:.4rem;font-family:var(--os-font-mono);font-size:1.2rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(var(--color-foreground),.5);transition:color .35s,gap .35s var(--os-tc-ease)}.os-tech__more i{display:inline-grid;place-items:center;width:2.2rem;height:2.2rem;border:1px solid currentColor;border-radius:50%;font-style:normal;font-size:1.4rem;line-height:1;transition:transform .45s var(--os-tc-ease)}@media(hover:hover){.os-tech--cards .os-tech__item:hover{background:rgba(var(--color-foreground),.11)}.os-tech--cards .os-tech__item:hover .os-tech__feature{color:rgb(var(--os-tc-aqua));transform:scale(1.08)}.os-tech--cards .os-tech__item:hover .os-tech__num,.os-tech--cards .os-tech__item:hover .os-tech__more{color:rgb(var(--os-tc-aqua))}.os-tech--cards .os-tech__item:hover .os-tech__more{gap:1.2rem}.os-tech--cards .os-tech__item:hover .os-tech__more i{transform:rotate(90deg)}}.os-tech--cards .os-tech__item:focus-within .os-tech__feature{color:rgb(var(--os-tc-aqua))}.os-tech__stage.is-open .os-tech__list{opacity:0;pointer-events:none}.os-tech__panel{position:absolute;inset:0 0 auto 0;border-radius:.6rem;background:#1d1e1f;clip-path:inset(0 0 0 0 round 6px)}.os-tech__panel.is-anim{transition:clip-path .6s var(--os-tc-ease)}.os-tech__pbody{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:4.8rem;padding:4rem;opacity:0;transform:translateY(1.4rem);transition:opacity .4s ease .2s,transform .5s var(--os-tc-ease) .2s}.os-tech__panel.is-shown .os-tech__pbody{opacity:1;transform:none}.os-tech__ptop{display:flex;justify-content:space-between;align-items:center;gap:1.6rem}.os-tech__pnum{font-family:var(--os-font-mono);font-size:1.2rem;letter-spacing:.14em;color:rgb(var(--os-tc-aqua))}.os-tech__close{all:unset;cursor:pointer;flex:none;width:4rem;height:4rem;display:grid;place-items:center;border:1px solid rgba(var(--color-foreground),.16);border-radius:50%;color:rgb(var(--color-foreground));font-size:2rem;transition:border-color .3s,color .3s,transform .4s var(--os-tc-ease)}.os-tech__close:hover{color:rgb(var(--os-tc-aqua));border-color:rgb(var(--os-tc-aqua));transform:rotate(90deg)}.os-tech__close:focus-visible,.os-tech__pnav button:focus-visible{outline:2px solid rgb(var(--os-tc-aqua));outline-offset:3px}.os-tech .os-tech__ptitle{margin:1.8rem 0 0;font-size:clamp(3rem,3.6vw,5.2rem);line-height:1;color:rgb(var(--color-foreground))}.os-tech__lead{margin:2rem 0 0;max-width:52ch;font-size:1.7rem;line-height:1.6;color:rgba(var(--color-foreground),.75)}.os-tech__facts{list-style:none;margin:3rem 0 0;padding:0;border-top:1px solid rgba(var(--color-foreground),.16)}.os-tech__facts li{display:grid;grid-template-columns:3.4rem 1fr;gap:1rem;padding:1.4rem 0;border-bottom:1px solid rgba(var(--color-foreground),.16);font-size:1.4rem;line-height:1.55;color:rgba(var(--color-foreground),.75);opacity:0;transform:translate(-1rem);transition:opacity .4s ease,transform .5s var(--os-tc-ease)}.os-tech__panel.is-shown .os-tech__facts li{opacity:1;transform:none}.os-tech__panel.is-shown .os-tech__facts li:nth-child(1){transition-delay:.35s}.os-tech__panel.is-shown .os-tech__facts li:nth-child(2){transition-delay:.45s}.os-tech__panel.is-shown .os-tech__facts li:nth-child(3){transition-delay:.55s}.os-tech__facts b{font-family:var(--os-font-mono);font-weight:500;font-size:1.1rem;line-height:1.9;letter-spacing:.08em;color:rgb(var(--os-tc-aqua))}.os-tech__facts strong{display:block;font-weight:500;font-size:1.5rem;color:rgb(var(--color-foreground))}.os-tech__pnav{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2.8rem}.os-tech__pnav button{all:unset;cursor:pointer;padding:1.2rem 2rem;border:1px solid rgba(var(--color-foreground),.16);border-radius:999px;font-size:1.3rem;font-weight:500;color:rgb(var(--color-foreground));transition:border-color .3s,color .3s}.os-tech__pnav button:hover{border-color:rgb(var(--os-tc-aqua));color:rgb(var(--os-tc-aqua))}.os-tech__viz{display:grid;gap:1.4rem;align-content:start;min-width:0;padding:2.2rem;border-radius:.4rem;background:#151617}.os-tech__viz svg{display:block;width:100%;height:auto}.os-tech__vcap{display:flex;justify-content:space-between;gap:1.2rem;font-family:var(--os-font-mono);font-size:1.1rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(var(--color-foreground),.5)}.os-tech__vcap em{font-style:normal;color:rgb(var(--os-tc-aqua))}.os-tech__cmp{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.os-tech__cmp div{padding:1.4rem;border:1px solid rgba(var(--color-foreground),.16);border-radius:.4rem;font-size:1.3rem;line-height:1.5;color:rgba(var(--color-foreground),.75)}.os-tech__cmp div:last-child{border-color:rgba(var(--os-tc-aqua),.55)}.os-tech__cmp span{display:block;margin-bottom:.6rem;font-family:var(--os-font-mono);font-size:1rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(var(--color-foreground),.5)}.os-tech__cmp div:last-child span{color:rgb(var(--os-tc-aqua))}.os-tv-mono{font-family:var(--os-font-mono);font-size:9px;letter-spacing:1px;fill:#f4f2ee8c}.os-tv-dim{fill:#f4f2ee73;letter-spacing:0}.os-tv-sans{font-family:var(--os-font-sans, sans-serif);font-size:11px;fill:#f4f2eeb8}.os-tv-wave{fill:none;stroke:rgb(var(--os-tc-aqua));stroke-width:1.5;opacity:0}.os-tv-drop{fill:rgb(var(--os-tc-aqua))}.os-tech__panel.is-shown .os-tv-wave{animation:os-tv-wave 1.6s ease-out infinite}.os-tech__panel.is-shown .os-tv-wave:nth-of-type(2){animation-delay:.4s}.os-tech__panel.is-shown .os-tv-wave:nth-of-type(3){animation-delay:.8s}.os-tech__panel.is-shown .os-tv-roll{animation:os-tv-roll 2.8s var(--os-tc-ease) infinite}.os-tech__panel.is-shown .os-tv-roll2{animation:os-tv-roll 2.8s var(--os-tc-ease) 1.2s infinite}.os-tech__panel.is-shown .os-tv-trap{animation:os-tv-pulse 1.8s ease-in-out infinite}.os-tech__panel.is-shown .os-tv-spin{animation:os-tv-spin 9s linear infinite;transform-origin:160px 105px}.os-tv-draw{stroke-dasharray:600;stroke-dashoffset:600}.os-tech__panel.is-shown .os-tv-draw{animation:os-tv-draw 1.4s var(--os-tc-ease) .3s forwards}@keyframes os-tv-wave{0%{opacity:.9;transform:translateY(0)}to{opacity:0;transform:translateY(16px)}}@keyframes os-tv-roll{0%{transform:translate(0);opacity:0}15%{opacity:1}70%{transform:translate(120px);opacity:1}to{transform:translate(150px,70px);opacity:0}}@keyframes os-tv-pulse{50%{opacity:.35}}@keyframes os-tv-spin{to{transform:rotate(360deg)}}@keyframes os-tv-draw{to{stroke-dashoffset:0}}@media screen and (max-width:749px){.os-tech--cards .os-tech__item+.os-tech__item{padding-left:2.2rem}.os-tech--cards .os-tech__item{padding:2.2rem}}@media screen and (max-width:989px){.os-tech__pbody{grid-template-columns:1fr;gap:2.8rem;padding:2.6rem 2.2rem}}@media(prefers-reduced-motion:reduce){.os-tech--cards *,.os-tech__stage{animation:none!important;transition-duration:.01ms!important;transition-delay:0s!important}.os-tv-draw{stroke-dashoffset:0}}.os-tech--cards .os-tech__inner{transition:padding-top .6s var(--os-tc-ease)}.os-tech--cards .os-tech__head{transition:padding-bottom .6s var(--os-tc-ease),row-gap .6s var(--os-tc-ease)}body .os-tech--cards .os-tech__head .os-tech__title{transform-origin:left bottom;transition:font-size .6s var(--os-tc-ease),transform .6s var(--os-tc-ease),opacity .4s}.os-tech--cards .os-tech__head .os-label{transition:opacity .3s,transform .6s var(--os-tc-ease)}.os-tech--cards .os-tech__hint{max-height:4rem;overflow:hidden;transition:max-height .5s var(--os-tc-ease),opacity .25s}.os-tech__stage{transition:height .55s var(--os-tc-ease),margin-top .6s var(--os-tc-ease)}.os-tech--cards.is-expanded .os-tech__inner{padding-top:2.4rem}.os-tech--cards.is-expanded .os-tech__head{padding-bottom:1rem;row-gap:.4rem}body .os-tech--cards.is-expanded .os-tech__head .os-tech__title{font-size:1.8rem;opacity:.7}.os-tech--cards.is-expanded .os-tech__head .os-label{opacity:.6;transform:translateY(-.4rem)}.os-tech--cards.is-expanded .os-tech__hint{max-height:0;opacity:0}.os-tech--cards.is-expanded .os-tech__stage{margin-top:1.2rem}@media screen and (min-width:750px){.os-tech--cards.is-expanded .os-tech__inner{padding-top:3.2rem}}@media screen and (max-width:989px){.os-tech__pbody{gap:0}.os-tech__pmain{display:contents}.os-tech__ptop{order:1}.os-tech .os-tech__ptitle{order:2}.os-tech__lead{order:3}.os-tech__viz{order:4;margin-top:2.4rem}.os-tech__facts{order:5}.os-tech__pnav{order:6}}.os-kf.is-linked{--os-kf-aqua: 92, 185, 207;--os-kf-ease: cubic-bezier(.2, .7, .1, 1)}.os-kf.is-linked .os-kf__g{gap:1rem}.os-kf.is-linked .os-kf__c{position:relative;overflow:hidden;display:flex;flex-direction:column;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.12);border-radius:.8rem;padding:1.6rem 1.6rem 1.4rem;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .35s var(--os-kf-ease),box-shadow .35s var(--os-kf-ease),border-color .3s}.os-kf.is-linked .os-kf__c:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:rgb(var(--os-kf-aqua));transform:scaleX(0);transform-origin:left center;transition:transform .45s var(--os-kf-ease)}.os-kf.is-linked .os-kf__c i{font-family:var(--os-font-mono);font-weight:500;font-size:2.4rem;line-height:1;margin-bottom:1.2rem}.os-kf.is-linked .os-kf__c b{font-size:1.5rem}.os-kf.is-linked .os-kf__c span{margin-top:.6rem;font-size:1.2rem;line-height:1.45}.os-kf.is-linked .os-kf__go{display:inline-flex;align-items:center;gap:.6rem;margin-top:auto;padding-top:1.2rem;font-family:var(--os-font-mono);font-style:normal;font-size:1.05rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(var(--color-foreground),.45);transition:color .3s,gap .35s var(--os-kf-ease)}.os-kf.is-linked .os-kf__go s{display:inline-block;text-decoration:none;transition:transform .35s var(--os-kf-ease)}.os-kf.is-linked .os-kf__c:focus-visible{outline:2px solid rgb(var(--os-kf-aqua));outline-offset:2px}.os-kf.is-linked .os-kf__c:active{transform:scale(.98);border-color:rgb(var(--os-kf-aqua))}@media(hover:hover){.os-kf.is-linked .os-kf__c:hover{transform:translateY(-4px);box-shadow:0 12px 28px -14px #00000047;border-color:rgba(var(--os-kf-aqua),.6)}.os-kf.is-linked .os-kf__c:hover:after{transform:scaleX(1)}.os-kf.is-linked .os-kf__c:hover .os-kf__go{color:rgb(var(--os-kf-aqua));gap:.9rem}.os-kf.is-linked .os-kf__c:hover .os-kf__go s{transform:translateY(3px)}}@media screen and (max-width:989px){.os-kf.is-linked .os-kf__g{grid-template-columns:1fr;gap:.8rem}.os-kf.is-linked .os-kf__c{display:grid;grid-template-columns:4.4rem minmax(0,1fr);align-items:start;padding:1.4rem}.os-kf.is-linked .os-kf__c i{grid-row:1 / 4;font-size:2rem;margin:.2rem 0 0}.os-kf.is-linked .os-kf__c>:not(i){grid-column:2}.os-kf.is-linked .os-kf__go{padding-top:.8rem}}@media(prefers-reduced-motion:reduce){.os-kf.is-linked .os-kf__c,.os-kf.is-linked .os-kf__c:after,.os-kf.is-linked .os-kf__go,.os-kf.is-linked .os-kf__go s{transition:none}}.os-kf.is-linked .os-kf__c{background:#f8f7f5;border-color:rgba(var(--color-foreground),.1)}.os-kf.is-linked .os-kf__go{color:#1f6f82}.os-kf.is-linked .os-kf__c:active{background:#f1f0ed}@media(hover:hover){.os-kf.is-linked .os-kf__c:hover{background:#fbfaf9}}.os-kf.is-linked .os-kf__c.is-peek{transform:translateY(-4px);box-shadow:0 12px 28px -14px #00000047;border-color:rgba(var(--os-kf-aqua),.6);background:#fbfaf9}.os-kf.is-linked .os-kf__c.is-peek:after{transform:scaleX(1)}.os-kf.is-linked .os-kf__c.is-peek .os-kf__go{gap:.9rem}.os-kf.is-linked .os-kf__c.is-peek .os-kf__go s{transform:translateY(3px)}
/*# sourceMappingURL=/cdn/shop/t/223/assets/os-tech-cards.css.map */