.ownart-spin{margin-block-start:44px;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.12);border-radius:12px;overflow:hidden}.ownart-spin__stage{position:relative;display:flex;align-items:center;justify-content:center;height:460px;-webkit-user-select:none;user-select:none;touch-action:pan-y;cursor:grab}.ownart-spin__stage:active{cursor:grabbing}.ownart-spin__frame{position:absolute;max-width:80%;max-height:86%;opacity:0;pointer-events:none;transition:opacity 80ms ease}.ownart-spin__frame.is-active{opacity:1}.ownart-spin__hint{position:absolute;bottom:14px;left:50%;transform:translate(-50%);padding:6px 16px;border-radius:20px;color:rgb(var(--color-background));background:rgba(var(--color-foreground),.72);font-size:1.2rem;letter-spacing:.04em;pointer-events:none;transition:opacity .4s ease}.ownart-spin__hint.is-hidden{opacity:0}.ownart-spin__bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:12px 16px;border-top:1px solid rgba(var(--color-foreground),.08)}.ownart-spin__meta-wrap{display:grid;gap:2px}.ownart-spin__title{font-size:1.4rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.ownart-spin__meta{font-size:1.2rem;color:rgba(var(--color-foreground),.55)}.ownart-spin__actions{display:flex;align-items:center;gap:14px}.ownart-spin__dots{display:flex;gap:4px;align-items:center}.ownart-spin__dots i{width:12px;height:3px;border-radius:2px;background:rgba(var(--color-foreground),.15)}.ownart-spin__dots i.is-on{background:rgb(var(--color-foreground))}.ownart-spin__auto{padding:7px 18px;border:1px solid rgb(var(--color-foreground));border-radius:22px;background:transparent;color:rgb(var(--color-foreground));font-size:1.2rem;letter-spacing:.04em;cursor:pointer;transition:background .15s ease,color .15s ease}.ownart-spin__auto:hover,.ownart-spin__auto.is-on{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}@media screen and (max-width:749px){.ownart-spin{margin-block-start:32px}.ownart-spin__stage{height:340px}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/ownart-spin-viewer.css.map */