@property --card-rotate-x{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@property --card-rotate-y{syntax: "<angle>"; initial-value: 0deg; inherits: false;}:root{--card-transition: .3s ease;--slider-transition: .5s cubic-bezier(.4, 0, .2, 1);--card-tilt-max: 25deg}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;display:block;place-items:center;background-color:#161a1d;background:repeating-linear-gradient(30deg,#161a1d,#161a1d 2px,#20252a 2px 4px);font-family:Segoe UI,system-ui,sans-serif}.slider-container{position:relative;width:100%;max-width:1200px;padding:60px 0}.slider-wrapper{overflow:hidden;margin:0 80px;padding:30px 0}.slider{display:flex;transition:transform var(--slider-transition)}.slide-group{flex:0 0 100%;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding:0 1rem}.card{position:relative;background-color:#F9F9F7 background: rgba(255,255,255,.1);border-radius:8px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 8px #0003;transform:perspective(1000px) rotateX(var(--card-rotate-x)) rotateY(var(--card-rotate-y));transition:all var(--card-transition);transform-style:preserve-3d;will-change:transform;opacity:1}.card:hover{background:#ffffff1a}.slide-group:hover .card:not(:hover){opacity:.5}.card img{width:100%;height:200px;object-fit:cover;border-radius:8px;margin-bottom:15px}.card h3{color:#fff;font-size:1.5rem;margin-bottom:10px;font-weight:600}.card p{color:#e0e0e0;font-size:1.1rem;line-height:1.4}.nav-btn{position:absolute;top:calc(50% - 25px);transform:translateY(-50%);background:#fff0;border:none;width:30px;height:30px;border-radius:5px;cursor:pointer;display:grid;place-items:center;color:#fff;font-size:1.2rem;transition:all .3s ease}.nav-btn:hover{transform:translateY(-50%) scale(1.5)}.prev-btn{left:40px}.next-btn{right:40px}.slider-dots{display:flex;justify-content:center;gap:10px;margin-top:30px}.dot{width:12px;height:12px;border-radius:50%;background:#ffffff4d;cursor:pointer;transition:all .3s ease}.dot.active{background:#fff;transform:scale(1.5)}#bokeh-background{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;overflow:hidden;pointer-events:none}.bokeh{position:absolute;border-radius:50%;opacity:.25;filter:blur(10px);box-shadow:0 0 30px 15px #ff450026;animation:float 15s infinite}.bokeh:before,.bokeh:after{content:"";position:absolute;border-radius:50%;width:200%;height:200%;top:-50%;left:-50%;background:inherit;filter:blur(30px);z-index:-1}.bokeh:before{transform:rotate(45deg)}@keyframes float{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-100px) scale(1.5)}to{transform:translateY(0) scale(1)}}body{min-height:100vh;display:flex;flex-direction:column}.slider-container{position:relative;width:100%;max-width:1200px;padding:60px 0;margin:auto}main{display:flex;flex-direction:column;min-height:calc(100vh - 100px)}header,footer{width:100vw!important;max-width:100%!important;margin:0!important;padding:15px 0;position:relative;z-index:1000}h2{font-family:JoeSandlamoe,fantasy!important;font-size:100px}.container,.page-width{width:100vw!important;max-width:100%!important;margin:0!important}
/*# sourceMappingURL=/cdn/shop/t/1/assets/Bokeh-Slider.css.map */