.schrift-ring-wrapper{background-color:var(--bg-color);width:100vw;max-width:100vw;margin-left:calc(-50vw + 50%);position:relative;overflow:hidden;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);-webkit-user-select:none;user-select:none}.schrift-ring-ambient{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.schrift-ring-bg-img{width:100%;height:100%;object-fit:cover;opacity:.15;filter:blur(10px)}.schrift-ring-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg-glow);z-index:2}.schrift-ring-header{text-align:center;margin-bottom:50px;position:relative;z-index:10}.schrift-ring-header h2{font-family:var(--heading-font);font-weight:var(--heading-weight);font-style:var(--heading-style);font-size:var(--heading-size);color:var(--heading-color);letter-spacing:2px;text-transform:uppercase;margin:0 0 10px}.schrift-ring-hint{font-size:.85rem;color:var(--hint-color);text-transform:uppercase;letter-spacing:1px;font-family:sans-serif}.schrift-ring-scene{position:relative;width:100%;height:var(--card-height);perspective:var(--perspective);display:flex;justify-content:center;align-items:center;touch-action:none;z-index:5}.schrift-ring-spinner{position:relative;width:var(--card-width);height:var(--card-height);transform-style:preserve-3d;will-change:transform;cursor:grab}.schrift-ring-spinner:active{cursor:grabbing}.schrift-ring-card{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:12px;overflow:hidden;text-decoration:none;background-color:#111;backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform;box-shadow:0 10px 40px #0009}.schrift-ring-img-wrapper{position:relative;width:100%;height:100%}.schrift-ring-card img{width:100%;height:100%;object-fit:cover;pointer-events:none}.placeholder-svg{background-color:#222;fill:#444;width:100%;height:100%}.schrift-ring-lighting{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#000000b3,#0000 25% 75%,#000000b3);pointer-events:none}.schrift-ring-info{position:absolute;bottom:0;left:0;width:100%;padding:30px 20px 20px;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);text-align:center}.schrift-ring-info h3{color:#fff;font-size:1.1rem;font-weight:500;margin:0;letter-spacing:1px}@media screen and (max-width:768px){.schrift-ring-wrapper{--card-width: 220px !important;--card-height: 330px !important;--perspective: 800px !important;--heading-size: 1.5rem !important;--padding-top: 60px !important;--padding-bottom: 80px !important}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/schrift-3d-ring.css.map */