.trp-device{position:relative;width:min(100%,430px);margin-inline:auto;padding-block:clamp(10px,2vw,26px)}.trp-device__floor{position:absolute;left:50%;bottom:-2%;width:70%;height:44px;transform:translate(-50%);background:radial-gradient(closest-side,#0000008c,#0000);filter:blur(14px);pointer-events:none}.trp-device__halo{position:absolute;left:50%;top:50%;width:118%;height:82%;transform:translate(-50%,-50%);background:radial-gradient(closest-side,#d9542f42,#d9542f00);filter:blur(30px);pointer-events:none}.trp-tab{position:relative;aspect-ratio:3/4.06;border-radius:clamp(18px,2.4vw,30px);padding:clamp(9px,1.4vw,15px);background:linear-gradient(148deg,#454b54,#272c33 22%,#14171b 62%,#333941);box-shadow:0 1px 1px #0006,0 16px 32px #0000006b,0 48px 90px #00000080,inset 0 1px #ffffff29,inset 0 -1px #ffffff0f;animation:trpFloat 9s ease-in-out infinite;transition:transform .6s cubic-bezier(.2,.7,.3,1),box-shadow .6s ease}.trp-tab:hover{transform:translateY(-10px) rotate(-.6deg);box-shadow:0 1px 1px #0006,0 24px 44px #0000007a,0 66px 120px #0000008c,inset 0 1px #ffffff2e}.trp-tab__cam{position:absolute;top:clamp(3px,.55vw,6px);left:50%;transform:translate(-50%);width:5px;height:5px;border-radius:50%;background:#0b0d10;box-shadow:inset 0 0 0 1px #ffffff1f;z-index:3}.trp-tab__screen{position:relative;width:100%;height:100%;border-radius:clamp(9px,1.2vw,15px);overflow:hidden;background:#05060a;box-shadow:inset 0 0 0 1px #000000d9}.trp-tab__screen img{width:100%;height:100%;object-fit:cover;display:block}.trp-tab__gloss{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(118deg,#fff3,#ffffff12,#fff0 44%),linear-gradient(0deg,#00000029,#0000 34%)}.trp-tab__empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#f7f4ee59;font-size:12px;letter-spacing:.16em;text-transform:uppercase}@media(max-width:900px){.trp-device{width:min(74%,330px)}}@media(prefers-reduced-motion:reduce){.trp-tab{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/trp-hero.css.map */
