hp-record-player:not(:defined){display:none}.hp-rp{display:block}.hp-rp__card{position:relative;display:block;inline-size:21.5165rem;block-size:8.0285rem;padding:0;border:0;border-radius:.3211rem;background-color:#bd81811f;box-shadow:0 0 .3854rem #00000026;-webkit-backdrop-filter:blur(.4496rem);backdrop-filter:blur(.4496rem);color:rgb(var(--hp-cream-100));text-align:start;cursor:pointer}.hp-rp__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:0 0 1.6rem .1rem rgba(var(--hp-cream-100),.14),0 0 4rem .4rem rgba(var(--hp-brown-50),.08);opacity:0;transition:opacity .4s var(--hp-ease-out);pointer-events:none}@media(hover:hover){.hp-rp__card:hover:after,.hp-rp__card:hover .hp-glass-stroke__hover{opacity:1;transition-duration:.6s}}.hp-rp__card:focus-visible{outline:.2rem solid rgb(var(--hp-cream-100));outline-offset:.3rem}.hp-rp__art,.hp-rp__art>span{position:absolute;display:block}.hp-rp__art{top:0;right:0;bottom:0;left:0;pointer-events:none}.hp-rp__art svg{display:block;inline-size:100%;block-size:100%}.hp-rp__vinyl{inset-inline-start:.9634rem;inset-block-start:.7065rem;inline-size:6.8082rem;block-size:6.8082rem;border-radius:50%;animation:hp-rp-spin 1.8s linear infinite paused}.hp-rp.is-playing .hp-rp__vinyl{animation-play-state:running}.hp-rp__vinyl:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 20deg,transparent 0deg,rgba(var(--hp-cream-100),.14) 22deg,transparent 44deg 180deg,rgba(var(--hp-cream-100),.14) 202deg,transparent 224deg)}.hp-rp__disc{position:absolute;top:0;right:0;bottom:0;left:0}.hp-rp__rings{position:absolute;inset-inline-start:-.0334rem;inset-block-start:-.0334rem;inline-size:6.87495rem;block-size:6.87495rem}@keyframes hp-rp-spin{to{transform:rotate(1turn)}}@media(prefers-reduced-motion:reduce){.hp-rp.is-playing .hp-rp__vinyl{animation-play-state:paused}}.hp-rp__pivot{inset-inline-start:7.6432rem;inset-block-start:.7065rem;inline-size:1.54148rem;block-size:1.54148rem}.hp-rp__tonearm{inset-inline-start:5.178rem;inset-block-start:1.6516rem;inline-size:3.53257rem;block-size:4.97761rem;transform:rotate(-6.88deg)}.hp-rp__head{inset-inline-start:4.6564rem;inset-block-start:6.6046rem;inline-size:1.0277rem;block-size:.5138rem;background-color:rgb(var(--hp-cream-100));transform:rotate(-14.17deg)}.hp-rp__pivot-dot{inset-inline-start:8.157rem;inset-block-start:1.2203rem;inline-size:.513827rem;block-size:.513827rem}.hp-rp__label-disc{inset-inline-start:3.4041rem;inset-block-start:3.1472rem;inline-size:1.92685rem;block-size:1.92685rem}.hp-rp__play{inset-inline-start:3.9478rem;inset-block-start:3.6051rem;inline-size:1.11247rem;block-size:1.0116rem;transform:rotate(90deg)}.hp-rp__pause{inset-inline-start:3.9822rem;inset-block-start:3.661rem;inline-size:.7707rem;block-size:.9634rem;background:linear-gradient(rgb(var(--hp-dark-brown-100)),rgb(var(--hp-dark-brown-100))) left / .3211rem 100% no-repeat,linear-gradient(rgb(var(--hp-dark-brown-100)),rgb(var(--hp-dark-brown-100))) right / .3211rem 100% no-repeat;visibility:hidden}.hp-rp.is-playing .hp-rp__play{visibility:hidden}.hp-rp.is-playing .hp-rp__pause{visibility:visible}.hp-rp__text{position:absolute;inset-inline-start:10.0839rem;inset-block-start:2.0553rem;max-inline-size:12.3318rem;font-family:var(--hp-font-lubalin-dense);font-weight:200;font-style:normal;font-synthesis:none;font-size:2.404rem;line-height:.85;letter-spacing:-.03em;text-transform:uppercase;color:rgb(var(--hp-cream-100));pointer-events:none}.hp-rp.is-docked .hp-rp__card{opacity:0;visibility:hidden}.hp-rp.is-handover .hp-rp__card:after,.hp-rp.is-handover .hp-rp__card .hp-glass-stroke__hover,.hp-rp.is-handover .hp-rp__card .hp-rp__vinyl,.hp-rp.is-handover .hp-rp__card .hp-rp__pivot,.hp-rp.is-handover .hp-rp__card .hp-rp__tonearm,.hp-rp.is-handover .hp-rp__card .hp-rp__head,.hp-rp.is-handover .hp-rp__card .hp-rp__pivot-dot,.hp-rp.is-handover .hp-rp__card .hp-rp__label-disc,.hp-rp.is-handover .hp-rp__card .hp-rp__play,.hp-rp.is-handover .hp-rp__card .hp-rp__pause{visibility:hidden}.hp-rp-mini{position:fixed;inset-inline:0;inset-block-start:var(--hp-rp-mini-top, 0);z-index:99;pointer-events:none;visibility:hidden}.hp-rp-mini.is-docked{visibility:visible}@media screen and (max-width:749px){.hp-rp__card{display:none}.hp-rp-mini{position:sticky;inset-block-start:var(--hp-rp-mini-stick, 0);block-size:0}.hp-rp-mini__row{position:relative;inset-block-start:1.2rem}}.hp-rp-mini.is-leaving{position:absolute;inset-block-start:var(--hp-rp-mini-page-top, 0)}.hp-rp-mini__bar{position:relative;display:flex;align-items:center;block-size:3.6rem;padding:0 .6rem;border:0;border-radius:.3211rem;background:none;color:rgb(var(--hp-cream-100));text-align:start;cursor:pointer;pointer-events:auto}.hp-rp-mini__bar:focus-visible{outline:.2rem solid rgb(var(--hp-cream-100));outline-offset:.3rem;box-shadow:none}.hp-rp-mini__glass{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;transform-origin:0 0}.hp-rp-mini__glass-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit}.hp-rp-mini__glass-fill{background-color:#bd81811f;box-shadow:0 0 .3854rem #00000026;-webkit-backdrop-filter:blur(.4496rem);backdrop-filter:blur(.4496rem)}.hp-rp-mini__content{position:relative;display:flex;align-items:center;gap:1rem}.hp-rp-mini__vinyl-wrap{position:relative;display:block;flex:none;inline-size:2.898rem;block-size:2.4rem;transform-origin:0 0}.hp-rp-mini__deck.hp-rp__art{inset:auto;inset-block-start:0;inset-inline-start:0;inline-size:21.5165rem;block-size:8.0285rem;transform-origin:0 0;transform:scale(.35252) translate(-.9634rem,-.7065rem)}.hp-rp-mini.is-playing .hp-rp-mini__deck .hp-rp__vinyl{animation-play-state:running}.hp-rp-mini__edge{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:2.4rem;block-size:2.4rem;border-radius:50%;pointer-events:none}.hp-rp-mini__edge-svg{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%;overflow:visible}.hp-rp-mini__edge-svg circle{fill:none;stroke:rgba(var(--hp-cream-100),.25);stroke-width:.0321rem;r:calc(1.2rem + .01605rem)}.hp-rp-mini__button svg{display:block;inline-size:100%;block-size:100%}.hp-rp-mini__text{font-family:var(--hp-font-lubalin-dense);font-weight:300;font-style:normal;font-synthesis:none;font-size:1.4rem;line-height:1;letter-spacing:-.03em;text-transform:uppercase;white-space:nowrap}.hp-rp-mini__button{position:relative;flex:none;inline-size:2rem;block-size:2rem;border-radius:50%;background-color:rgb(var(--hp-cream-100))}.hp-rp-mini__play,.hp-rp-mini__pause{position:absolute;inset-block-start:50%;inset-inline-start:50%;display:block}.hp-rp-mini__play{inline-size:1.154rem;block-size:1.05rem;transform:translate(calc(-50% + .14rem),-50%) rotate(90deg)}.hp-rp-mini__pause{inline-size:.8rem;block-size:1rem;transform:translate(-50%,-50%);background:linear-gradient(rgb(var(--hp-dark-brown-100)),rgb(var(--hp-dark-brown-100))) left / .333rem 100% no-repeat,linear-gradient(rgb(var(--hp-dark-brown-100)),rgb(var(--hp-dark-brown-100))) right / .333rem 100% no-repeat;visibility:hidden}.hp-rp-mini.is-playing .hp-rp-mini__play{visibility:hidden}.hp-rp-mini.is-playing .hp-rp-mini__pause{visibility:visible}.hp-rp-mini__glass:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:0 0 1.2rem rgba(var(--hp-cream-100),.1);opacity:0;transition:opacity .4s var(--hp-ease-out)}@media(hover:hover){.hp-rp-mini__bar:hover .hp-rp-mini__glass:after,.hp-rp-mini__bar:hover .hp-glass-stroke__hover{opacity:1;transition-duration:.6s}}@media(prefers-reduced-motion:reduce){.hp-rp-mini.is-playing .hp-rp-mini__deck .hp-rp__vinyl{animation-play-state:paused}}
/*# sourceMappingURL=/cdn/shop/t/173/assets/component-hp-record-player.css.map */