.rom-tt{--rom-tt-glint: 255, 255, 255;--rom-tt-ink: var(--color-shadow);--rom-tt-paper: var(--color-background);--rom-tt-line: rgba(var(--color-foreground), .16);--rom-tt-soft: rgba(var(--color-foreground), .62);--rom-tt-metal-hi: rgba(var(--rom-tt-glint), .92);--rom-tt-metal-mid: rgba(var(--rom-tt-glint), .6);--rom-tt-metal-lo: rgba(var(--rom-tt-glint), .32);--rom-tt-metal-edge: rgba(var(--rom-tt-ink), .55);--rom-tt-stylus: 158, 28, 20;--rom-tt-record-size: 32rem;--rom-tt-spin-duration: 1.8s;--rom-tt-progress: 0%;display:block;position:relative}.rom-tt__header{max-width:62rem;margin-bottom:var(--rom-space-l, 3.5rem)}.rom-tt--center .rom-tt__header{margin-inline:auto;text-align:center}.rom-tt__eyebrow{display:flex;align-items:center;gap:1.2rem;margin:0 0 var(--rom-space-xs, .8rem);font-size:1.2rem;letter-spacing:.18em;text-transform:uppercase;color:var(--rom-tt-soft)}.rom-tt__eyebrow:before{content:"";width:3.2rem;height:1px;background:rgba(var(--color-foreground),.4)}.rom-tt--center .rom-tt__eyebrow{justify-content:center}.rom-tt--center .rom-tt__eyebrow:before{display:none}.rom-tt__title{margin:0;font-size:var(--rom-step-3, 3.6rem);line-height:1.05;letter-spacing:var(--rom-heading-tracking, 0)}.rom-tt__intro{margin-top:var(--rom-space-s, 1rem);color:var(--rom-tt-soft)}.rom-tt--center .rom-tt__intro{margin-inline:auto}.rom-tt__stage{display:grid;grid-template-columns:1fr;gap:clamp(3.2rem,5vw,6.4rem);align-items:center}@media screen and (min-width:750px){.rom-tt--deck-left .rom-tt__stage,.rom-tt--deck-right .rom-tt__stage{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}.rom-tt--deck-right .rom-tt__deck{order:2}}.rom-tt--deck-stacked .rom-tt__stage{justify-items:center}.rom-tt--deck-stacked .rom-tt__console{width:100%;max-width:62rem}.rom-tt__deck{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1;width:100%;max-width:calc(var(--rom-tt-record-size) + 8rem);margin-inline:auto}.rom-tt__plinth,.rom-tt__mat{display:none}.rom-tt--studio .rom-tt__deck{max-width:calc(var(--rom-tt-record-size) + 16rem);background-image:var(--rom-tt-wood, none);background-size:cover;background-position:center}.rom-tt--studio .rom-tt__plinth{display:block;position:absolute;top:3%;right:3%;bottom:3%;left:3%;background-color:rgba(var(--rom-tt-glint),.72);background-image:var(--rom-tt-plinth, none);background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px rgba(var(--rom-tt-ink),.18),inset 0 2rem 4rem -2rem rgba(var(--rom-tt-glint),.5),0 3rem 5rem -2.4rem rgba(var(--rom-tt-ink),.55)}.rom-tt--studio .rom-tt__mat{display:block;position:absolute;top:50%;left:50%;width:calc(var(--rom-tt-record-size) + 2.4rem);max-width:94%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background-color:rgba(var(--rom-tt-ink),.85);background-image:var(--rom-tt-mat, none);background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px rgba(var(--color-foreground),.12)}.rom-tt__record{position:relative;width:var(--rom-tt-record-size);max-width:86%;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle at 50% 50%,transparent 0,transparent 1px,rgba(var(--rom-tt-glint),.045) 1.6px,transparent 2.4px),radial-gradient(circle at 50% 50%,rgba(var(--rom-tt-ink),.92) 0 18%,rgb(var(--rom-tt-ink)) 19% 100%);box-shadow:0 3rem 5rem -2rem rgba(var(--rom-tt-ink),.55),inset 0 0 6rem rgba(var(--rom-tt-ink),.6),inset 0 0 0 1px rgba(var(--rom-tt-glint),.06);z-index:2}.rom-tt--hybrid .rom-tt__record,.rom-tt--studio .rom-tt__record{background-image:var(--rom-tt-vinyl, none),repeating-radial-gradient(circle at 50% 50%,transparent 0,transparent 1px,rgba(var(--rom-tt-glint),.045) 1.6px,transparent 2.4px),radial-gradient(circle at 50% 50%,rgba(var(--rom-tt-ink),.92) 0 18%,rgb(var(--rom-tt-ink)) 19% 100%);background-size:cover,auto,auto;background-blend-mode:soft-light,normal,normal}.rom-tt__label{position:absolute;top:33%;right:33%;bottom:33%;left:33%;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:rgba(var(--color-foreground),.9);color:rgb(var(--color-background));box-shadow:inset 0 0 0 2px rgba(var(--rom-tt-glint),.12),0 0 0 3px rgba(var(--rom-tt-ink),.35)}.rom-tt__label-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.rom-tt__label-text{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;fill:rgb(var(--color-background));font-family:var(--font-heading-family);font-size:8px;letter-spacing:.6px;text-transform:uppercase}.rom-tt__label.has-art .rom-tt__label-text{fill:rgb(var(--rom-tt-glint));mix-blend-mode:difference}.rom-tt__spindle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4.4%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 40% 35%,rgba(var(--color-foreground),.7),rgb(var(--rom-tt-ink)) 70%);box-shadow:inset 0 0 0 1px rgba(var(--rom-tt-ink),.6),0 1px 2px rgba(var(--rom-tt-ink),.5);z-index:6}.rom-tt__sheen{position:absolute;top:50%;left:50%;width:var(--rom-tt-record-size);max-width:86%;aspect-ratio:1;margin:0;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;z-index:3;background:conic-gradient(from 210deg,transparent 0deg,rgba(var(--rom-tt-glint),.16) 28deg,transparent 70deg,transparent 200deg,rgba(var(--rom-tt-glint),.09) 232deg,transparent 286deg);mix-blend-mode:screen}.rom-tt__tonearm{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;transform-origin:85.8% 21.5%;transform:rotate(-12.64deg);filter:drop-shadow(0 0 1px var(--rom-tt-metal-edge)) drop-shadow(0 .6rem .8rem rgba(var(--rom-tt-ink),.3))}.rom-tt__tonearm-tube{position:absolute;left:85.8%;top:21.5%;width:62.11%;height:1.1%;margin-top:-.55%;transform-origin:0 50%;transform:rotate(112.93deg);border-radius:999px;background:linear-gradient(180deg,var(--rom-tt-metal-lo),var(--rom-tt-metal-hi) 40%,var(--rom-tt-metal-mid))}.rom-tt__tonearm-counter{position:absolute;right:100%;top:50%;width:12%;height:460%;transform:translate(-35%,-50%);border-radius:12%;background:repeating-linear-gradient(90deg,rgba(var(--rom-tt-ink),.22) 0 1px,transparent 1px 4px),linear-gradient(180deg,var(--rom-tt-metal-lo),var(--rom-tt-metal-hi) 45%,var(--rom-tt-metal-lo))}.rom-tt__tonearm-pivot{position:absolute;left:85.8%;top:21.5%;width:9%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:linear-gradient(150deg,var(--rom-tt-metal-hi),var(--rom-tt-metal-lo));box-shadow:inset 0 0 0 1px rgba(var(--rom-tt-ink),.18),0 2px 4px rgba(var(--rom-tt-ink),.3)}.rom-tt__tonearm-pivot:after{content:"";position:absolute;top:30%;right:30%;bottom:30%;left:30%;border-radius:50%;background:radial-gradient(circle at 38% 32%,var(--rom-tt-metal-hi),rgba(var(--rom-tt-ink),.75) 85%)}.rom-tt__tonearm-head{position:absolute;left:100%;top:50%;width:16%;height:520%;transform:translate(-45%,-50%) rotate(-16deg);clip-path:polygon(0 0,100% 15%,100% 85%,0 100%);background:linear-gradient(160deg,var(--rom-tt-metal-mid),rgba(var(--rom-tt-ink),.88))}.rom-tt__tonearm-head:before{content:"";position:absolute;top:14%;right:3%;width:32%;height:72%;background:linear-gradient(180deg,var(--rom-tt-metal-lo),rgba(var(--rom-tt-ink),.95))}.rom-tt__tonearm-head:after{content:"";position:absolute;bottom:-14%;right:7%;width:10%;height:30%;background:rgb(var(--rom-tt-stylus))}.rom-tt--studio .rom-tt__tonearm-tube,.rom-tt--studio .rom-tt__tonearm-counter,.rom-tt--studio .rom-tt__tonearm-pivot{background-image:var(--rom-tt-metal, none);background-size:cover;background-blend-mode:overlay}.rom-tt__badge{position:absolute;bottom:2%;left:0;width:22%;aspect-ratio:1;z-index:5;display:grid;place-items:center;color:rgb(var(--color-background));background:rgba(var(--color-foreground),.9);clip-path:polygon(50% 0%,61% 18%,80% 9%,76% 30%,98% 31%,82% 47%,99% 62%,77% 64%,84% 86%,63% 76%,55% 99%,45% 78%,26% 92%,28% 68%,4% 70%,21% 52%,1% 42%,24% 36%,14% 14%,36% 22%,39% 2%);transform:rotate(-12deg)}.rom-tt__badge span{font-family:var(--font-heading-family);font-size:clamp(1.1rem,1.8vw,1.6rem);line-height:.9;text-align:center;text-transform:uppercase;letter-spacing:.02em;padding:0 12%;transform:rotate(4deg)}.rom-tt__console{min-width:0}.rom-tt__embed{min-height:8rem}.rom-tt__embed iframe{display:block;width:100%;border:0}.rom-tt__embed-note{margin:var(--rom-space-s, 1rem) 0 0;font-size:1.3rem;color:var(--rom-tt-soft)}.rom-tt__cta{display:inline-flex;align-items:center;gap:1rem;padding-bottom:.4rem;border-bottom:1px solid currentColor;text-decoration:none}.rom-tt__now{border-bottom:2px solid rgba(var(--color-foreground),.85);padding-bottom:var(--rom-space-m, 2rem);margin-bottom:var(--rom-space-m, 2rem)}.rom-tt__now-kicker{display:flex;align-items:center;gap:1rem;font-size:1.2rem;letter-spacing:.18em;text-transform:uppercase;color:var(--rom-tt-soft)}.rom-tt__now-title{margin:.6rem 0 0;font-size:var(--rom-step-2, 2.4rem);line-height:1.1}.rom-tt__now-artist{margin:.4rem 0 0;color:var(--rom-tt-soft)}.rom-tt__eq{display:inline-flex;align-items:flex-end;gap:2px;height:1.2rem}.rom-tt__eq i{display:block;width:2px;height:30%;background:currentColor}.rom-tt__transport{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap;margin-bottom:var(--rom-space-m, 2rem)}.rom-tt__btn{display:grid;place-items:center;width:4.4rem;height:4.4rem;padding:0;border:1px solid rgba(var(--color-foreground),.4);background:transparent;color:rgb(var(--color-foreground));cursor:pointer}.rom-tt__btn svg{width:1.8rem;height:1.8rem;fill:currentColor}.rom-tt__btn--play{width:5.6rem;height:5.6rem;background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.rom-tt__btn:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.rom-tt__btn .rom-tt-ico-pause,.rom-tt.is-playing .rom-tt__btn .rom-tt-ico-play{display:none}.rom-tt.is-playing .rom-tt__btn .rom-tt-ico-pause{display:block}.rom-tt__progress{flex:1 1 16rem;min-width:12rem}.rom-tt__seek{width:100%;margin:0;accent-color:rgb(var(--color-foreground))}.rom-tt__time{display:flex;justify-content:space-between;font-size:1.2rem;color:var(--rom-tt-soft)}.rom-tt__list-title{margin:0 0 var(--rom-space-xs, .8rem);font-size:1.2rem;letter-spacing:.18em;text-transform:uppercase;color:var(--rom-tt-soft)}.rom-tt__list{list-style:none;margin:0;padding:0}.rom-tt__row{display:flex;align-items:center;gap:1rem;border-top:var(--rom-hairline, 1px solid rgba(var(--color-foreground), .12))}.rom-tt__row:last-child{border-bottom:var(--rom-hairline, 1px solid rgba(var(--color-foreground), .12))}.rom-tt__row.has-no-src{opacity:.45}.rom-tt__track{display:flex;align-items:center;gap:1.6rem;flex:1;padding:1.4rem 0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.rom-tt__track:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:-2px}.rom-tt__track-index{position:relative;width:2.4rem;font-size:1.2rem;color:var(--rom-tt-soft)}.rom-tt__track-meta{flex:1;min-width:0}.rom-tt__track-title{display:block}.rom-tt__track-artist{display:block;font-size:1.3rem;color:var(--rom-tt-soft)}.rom-tt__track-time{font-size:1.3rem;color:var(--rom-tt-soft);font-variant-numeric:tabular-nums}.rom-tt__row.is-active .rom-tt__track-title{font-weight:600}.rom-tt__buy{flex:0 0 auto;font-size:1.3rem}.rom-tt__empty{padding:var(--rom-space-m, 2rem) 0;color:var(--rom-tt-soft)}.rom-tt.is-playing .rom-tt__tonearm,.rom-tt--idle-spin .rom-tt__tonearm{transform:rotate(0)}@media(prefers-reduced-motion:no-preference){.rom-tt--animate .rom-tt__record{animation:rom-tt-spin var(--rom-tt-spin-duration) linear infinite;animation-play-state:paused;will-change:transform}.rom-tt--animate.is-playing .rom-tt__record{animation-play-state:running}.rom-tt--animate.rom-tt--idle-spin .rom-tt__record{animation-duration:calc(var(--rom-tt-spin-duration) * 12);animation-play-state:running}.rom-tt--animate .rom-tt__tonearm{transition:transform .85s cubic-bezier(.34,1.2,.4,1)}.rom-tt--animate .rom-tt__sheen{transition:transform .2s var(--rom-ease-drift, ease-out)}.rom-tt--animate.is-playing .rom-tt__eq i{animation:rom-tt-eq .9s ease-in-out infinite}.rom-tt__eq i:nth-child(2){animation-delay:.18s}.rom-tt__eq i:nth-child(3){animation-delay:.36s}.rom-tt__eq i:nth-child(4){animation-delay:.54s}}@keyframes rom-tt-spin{to{transform:rotate(360deg)}}@keyframes rom-tt-eq{0%,to{height:30%}50%{height:100%}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/rom-turntable.css.map */