@view-transition{navigation:auto}::view-transition-old(root){animation:tr-vt-out .28s cubic-bezier(.4,0,.2,1) both}::view-transition-new(root){animation:tr-vt-in .42s cubic-bezier(.2,.7,.2,1) both}@keyframes tr-vt-out{to{opacity:0;transform:scale(.985)}}@keyframes tr-vt-in{0%{opacity:0;transform:translateY(10px)}}.tr-progress{position:fixed;inset:0 0 auto 0;height:2px;z-index:9999;pointer-events:none;transform-origin:0 50%;transform:scaleX(var(--tr-progress, 0));background:linear-gradient(90deg,#6e6e73,#fff 60%,#a1a1a6);mix-blend-mode:difference}#header-group header-component,#header-group .header{transition:box-shadow .4s var(--tr-ease)}.tr-scrolled #header-group header-component,.tr-scrolled #header-group .header{box-shadow:0 12px 32px -22px #000000a6}html.tr-js [data-tr-reveal],html.tr-js [data-tr-reveal].is-in{transform:var(--tr-tf, none)}html.tr-js [data-tr-reveal]{opacity:0;translate:0 32px;filter:blur(8px);transition:opacity 1s var(--tr-ease),translate 1s var(--tr-ease),filter 1s var(--tr-ease),transform .5s var(--tr-ease),box-shadow .5s var(--tr-ease);transition-delay:calc(var(--d, 0) * 90ms)}html.tr-js [data-tr-reveal].is-in{opacity:1;translate:0 0;filter:none}html.tr-js [data-tr-reveal] .tr-h2{clip-path:inset(0 0 100% 0);translate:0 40%;transition:clip-path 1.1s var(--tr-ease) .1s,translate 1.1s var(--tr-ease) .1s}html.tr-js [data-tr-reveal].is-in .tr-h2{clip-path:inset(0 0 -10% 0);translate:0 0}html.tr-js [data-tr-reveal] .tr-eyebrow{opacity:0;letter-spacing:.3em;transition:opacity .9s var(--tr-ease),letter-spacing 1.2s var(--tr-ease)}html.tr-js [data-tr-reveal].is-in .tr-eyebrow{opacity:1;letter-spacing:.14em}.tr-hero{--gx: 70%;--gy: 40%}.tr-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(600px circle at var(--gx) var(--gy),rgba(255,255,255,.09),transparent 60%);transition:background-position .3s}.tr-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.5;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at 50% 40%,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at 50% 40%,#000 30%,transparent 75%)}.tr-hero__grid{position:relative;z-index:1}.tr-hero .tr-eyebrow,.tr-hero__title,.tr-hero__text,.tr-hero__price,.tr-hero__actions{animation:tr-rise 1s var(--tr-ease) both}.tr-hero .tr-eyebrow{animation-delay:.05s}.tr-hero__title{animation-delay:.12s}.tr-hero__text{animation-delay:.24s}.tr-hero__price{animation-delay:.32s}.tr-hero__actions{animation-delay:.4s}@keyframes tr-rise{0%{opacity:0;translate:0 28px;filter:blur(6px)}to{opacity:1;translate:0 0;filter:none}}.tr-hero__title em{background:linear-gradient(100deg,#a1a1a6 20%,#fff,#a1a1a6 70%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:tr-shine 6s linear infinite}@keyframes tr-shine{0%{background-position:100% 0}to{background-position:-150% 0}}.tr-hero__media{transform:var(--tr-tf, none);transition:transform .6s var(--tr-ease),box-shadow .6s var(--tr-ease);animation:tr-unveil 1.4s var(--tr-ease) both,tr-float 7s ease-in-out 1.4s infinite;box-shadow:0 40px 80px -40px #000000e6,0 0 0 1px #ffffff0f;will-change:transform}.tr-hero__media.is-tilting{transition:transform .12s linear}.tr-hero__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(400px circle at var(--mx, 50%) var(--my, 50%),rgba(255,255,255,.16),transparent 55%);opacity:0;transition:opacity .4s}.tr-hero__media:hover:after{opacity:1}@keyframes tr-unveil{0%{clip-path:inset(10% 10% 10% 10% round 28px)}to{clip-path:inset(0 0 0 0 round 28px)}}@keyframes tr-float{0%,to{translate:0 0}50%{translate:0 -10px}}.tr-hero__media img{translate:0 var(--tr-par, 0px)}.tr-marquee{background:var(--tr-black);color:var(--tr-white);border-top:1px solid #1c1d20;border-bottom:1px solid #1c1d20;overflow:hidden;font-family:var(--tr-font)}.tr-marquee__track{display:flex;width:max-content;animation:tr-marquee var(--tr-mq-speed, 30s) linear infinite}.tr-marquee:hover .tr-marquee__track{animation-play-state:paused}.tr-marquee__group{display:flex;align-items:center;flex-shrink:0}.tr-marquee__item{display:inline-flex;align-items:center;gap:14px;padding:18px 28px;font:600 13px/1 var(--tr-font);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;color:#d2d2d7}.tr-marquee__item:after{content:"";width:5px;height:5px;border-radius:50%;background:#6e6e73;margin-left:28px}@keyframes tr-marquee{to{transform:translate(-50%)}}.tr-card{--tr-tf: perspective(1000px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateY(var(--lift, 0px));transform:var(--tr-tf);transform-style:preserve-3d}.tr-card:hover{--lift: -6px;box-shadow:0 30px 60px -30px #00000073}.tr-card.is-tilting{transition:transform .12s linear,box-shadow .5s var(--tr-ease),opacity 1s,translate 1s,filter 1s}.tr-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;border-radius:inherit;background:radial-gradient(380px circle at var(--mx, 50%) var(--my, 50%),rgba(255,255,255,.35),transparent 45%);opacity:0;mix-blend-mode:soft-light;transition:opacity .35s}.tr-card:hover:before{opacity:1}.tr-card__media img:first-child{transition:opacity .6s var(--tr-ease),transform 1.2s var(--tr-ease),scale 1.2s var(--tr-ease)}html.tr-js .tr-card[data-tr-reveal] .tr-card__media{clip-path:inset(100% 0 0 0);transition:clip-path 1.1s var(--tr-ease) calc(var(--d, 0) * 90ms + .1s)}html.tr-js .tr-card[data-tr-reveal].is-in .tr-card__media{clip-path:inset(0 0 0 0)}.tr-card__badge{animation:tr-pop .6s var(--tr-ease) both .5s}@keyframes tr-pop{0%{opacity:0;scale:.6}to{opacity:1;scale:1}}.tr-price__now{transition:letter-spacing .4s var(--tr-ease)}.tr-card:hover .tr-price__now{letter-spacing:0}.tr-cat img{scale:1.14;translate:0 var(--tr-par, 0px)}.tr-cat{transition:transform .5s var(--tr-ease),box-shadow .5s var(--tr-ease)}.tr-cat:hover{box-shadow:0 30px 60px -30px #00000080}.tr-cat__title{display:inline-block;transition:translate .5s var(--tr-ease)}.tr-cat:hover .tr-cat__title{translate:4px 0}.tr-cat:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.18) 50%,transparent 70%);translate:-120% 0;transition:translate 0s}.tr-cat:hover:after{translate:120% 0;transition:translate 1s var(--tr-ease)}.tr-promo{position:relative;isolation:isolate}.tr-promo:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(500px circle at var(--gx, 80%) var(--gy, 30%),rgba(255,255,255,.08),transparent 60%)}.tr-promo__media{transform:var(--tr-tf, none);transition:transform .6s var(--tr-ease)}.tr-promo__media.is-tilting{transition:transform .12s linear}.tr-promo__media img{scale:1.12;translate:0 var(--tr-par, 0px);transition:scale 1.2s var(--tr-ease)}.tr-promo:hover .tr-promo__media img{scale:1.17}html.tr-js .tr-benefit[data-tr-reveal] .tr-benefit__icon svg :is(path,rect,circle){stroke-dasharray:120;stroke-dashoffset:120;transition:stroke-dashoffset 1.6s var(--tr-ease) calc(var(--d, 0) * .12s + .3s)}html.tr-js .tr-benefit[data-tr-reveal].is-in .tr-benefit__icon svg :is(path,rect,circle){stroke-dashoffset:0}.tr-benefit__icon{transition:transform .5s var(--tr-ease),border-radius .5s var(--tr-ease)}.tr-benefit:hover .tr-benefit__icon{transform:rotate(-8deg) scale(1.08);border-radius:50%}.tr-btn,.product-details .add-to-cart-button,.product-details .button{position:relative;overflow:hidden;isolation:isolate}.tr-btn{transition:transform .35s var(--tr-ease),translate .35s var(--tr-ease),background .25s,color .25s,border-color .25s,box-shadow .35s var(--tr-ease)}.tr-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.28) 50%,transparent 65%);translate:-130% 0}.tr-btn:hover:before{translate:130% 0;transition:translate .9s var(--tr-ease)}.tr-btn--light:before{background:linear-gradient(115deg,transparent 35%,rgba(0,0,0,.12) 50%,transparent 65%)}.tr-btn:active,.tr-card:active .tr-card__cta .tr-btn{scale:.97}.tr-ripple{position:absolute;border-radius:50%;pointer-events:none;width:12px;height:12px;margin:-6px 0 0 -6px;background:currentColor;opacity:.28;animation:tr-ripple .7s ease-out forwards;z-index:0}@keyframes tr-ripple{to{scale:40;opacity:0}}.tr-link svg{transition:translate .35s var(--tr-ease)}.tr-link:hover svg{translate:5px 0}.tr-link{background:linear-gradient(currentColor,currentColor) 0 100% / 0 1px no-repeat;transition:background-size .45s var(--tr-ease);padding-bottom:2px}.tr-link:hover{background-size:100% 1px}.product-details .add-to-cart-button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.22) 50%,transparent 60%);translate:-130% 0;animation:tr-sweep 5s var(--tr-ease) 2s infinite}@keyframes tr-sweep{0%,70%{translate:-130% 0}to{translate:130% 0}}.product-details .add-to-cart-button:active,.product-details .button:active{scale:.98}.product-details .group-block>*{animation:tr-rise .9s var(--tr-ease) both}.product-details .group-block>*:nth-child(2){animation-delay:.06s}.product-details .group-block>*:nth-child(3){animation-delay:.12s}.product-details .group-block>*:nth-child(4){animation-delay:.18s}.product-details .group-block>*:nth-child(5){animation-delay:.24s}.product-details .group-block>*:nth-child(n+6){animation-delay:.3s}.tr-pdp-trust__row svg{transition:transform .4s var(--tr-ease)}.tr-pdp-trust__row:hover svg{transform:translate(3px) scale(1.1)}.tr-discount{animation:tr-pop .6s var(--tr-ease) both .4s}.tr-faq summary{transition:color .3s}.tr-faq summary:hover{color:var(--tr-graphite)}.tr-faq summary:hover .tr-faq__icon{border-color:var(--tr-black)}.tr-faq__answer{overflow:hidden}.tr-footer{position:relative;isolation:isolate}.tr-footer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(500px circle at var(--gx, 20%) var(--gy, 0%),rgba(255,255,255,.06),transparent 60%)}.tr-footer a{position:relative}.tr-footer ul a{background:linear-gradient(currentColor,currentColor) 0 100% / 0 1px no-repeat;transition:background-size .4s var(--tr-ease),color .2s}.tr-footer ul a:hover{background-size:100% 1px}.tr-footer__social a{transition:transform .4s var(--tr-ease),border-color .3s,background .3s,color .3s}.tr-footer__social a:hover{transform:translateY(-3px);background:var(--tr-white);color:var(--tr-black)}.tr-toast.is-visible{animation:tr-toast-in .6s cubic-bezier(.2,1.4,.4,1)}@keyframes tr-toast-in{0%{transform:translate(-50%,140%)}to{transform:translate(-50%)}}@media(hover:none),(pointer:coarse){.tr-card:before,.tr-hero__media:after{display:none}.tr-card:active{scale:.985;transition:scale .15s}.tr-cat:active{scale:.98;transition:scale .15s}}@media(max-width:749px){.tr-hero:after{background-size:36px 36px}.tr-marquee__item{padding:14px 20px;font-size:11px}.tr-marquee__item:after{margin-left:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html.tr-js [data-tr-reveal],html.tr-js [data-tr-reveal] .tr-h2,html.tr-js [data-tr-reveal] .tr-eyebrow,html.tr-js .tr-card[data-tr-reveal] .tr-card__media{opacity:1!important;translate:none!important;filter:none!important;clip-path:none!important}.tr-marquee__track{animation:none}.tr-progress{display:none}}.shopify-design-mode [data-tr-reveal],.shopify-design-mode [data-tr-reveal] .tr-h2,.shopify-design-mode .tr-card__media{opacity:1!important;translate:none!important;filter:none!important;clip-path:none!important}
/*# sourceMappingURL=/cdn/shop/t/20/assets/technoroom-motion.css.map */