.campaign-section{padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);background:var(--wheel-main-bg)}.campaign-section img{width:100%;display:block;height:auto}.campaign-wheel-content{align-items:center;overflow:hidden}.campaign-wheel-cont-left{display:flex;align-items:center;position:relative;gap:2rem}.campaign-wheel-cont-icon{width:180px;height:auto;min-width:180px;animation:floatUpDown 1.6s ease-in-out infinite alternate}@keyframes floatUpDown{0%{transform:translateY(12px)}to{transform:translateY(-12px)}}.campaign-wheel-cont-left-title{font-size:3.4rem;font-weight:700;line-height:1.4em;color:var(--heading-color)}.campaign-wheel-cont-left-desc{font-size:1.8rem;line-height:1.4em;margin-top:1rem}.campaign-wheel-cont-left-button{margin-top:2rem;font-size:1.6rem;line-height:1.4em;padding:.5em 1.5em;background:var(--button-color);color:var(--button-text-color);width:fit-content;border-radius:5rem;font-weight:700;cursor:pointer;transition:all .4s;border:2px solid #fff;display:flex;gap:1rem;align-items:center}.campaign-wheel-cont-left-button:hover{opacity:.75;box-shadow:0 6px 12px #c9c9c980}.campaign-wheel-cont-right{width:100%}.campaign-wheel-wrapper-slide-cont{overflow:hidden}.campaign-wheel-wrapper-slide{flex-shrink:0;padding:2rem 0 0;display:flex;flex-direction:column;border:.15rem solid var(--slide-border-color);border-radius:1rem;background:var(--slide-bg, #fff);-webkit-user-select:none;user-select:none;box-sizing:border-box;overflow:hidden}.campaign-wheel-wrapper-slide-button{display:flex;width:fit-content;transition:opacity .4s;cursor:pointer;padding:.5em 2em;max-width:80%;background:var(--slide-button-color);color:var(--slide-button-text-color);border-radius:4rem;font-size:1.4rem;line-height:1.2em;margin:1rem auto 1.5rem;box-shadow:0 6px 12px #c9c9c94d;border:1px solid #fff}.campaign-wheel-wrapper-slide-button:hover{opacity:.8}.campaign-wheel-wrapper-slide-text{font-size:1.4rem;color:var(--slide-button-text-color);text-align:center;flex:1;display:flex;justify-content:center;align-items:center}.campaign-turntable{cursor:pointer}@media screen and (min-width:769px){.campaign-block-item:not(:first-child){border-left:2px solid var(--block-border-color)}.campaign-wheel-content{max-width:1800px;padding:0 5rem;display:grid;gap:3rem;grid-template-columns:51% auto;margin:0 auto}.campaign-wheel-cont-left{padding:0 5%}.campaign-wheel-wrapper-slide{width:12.34vw;min-width:220px}.campaign-wheel-wrapper-slide-cont{width:calc(50vw - 10px)}.campaign-turntable{max-width:380px;width:100%;transform:translateY(10%)}}@media screen and (max-width:1680px){.campaign-wheel-cont-left-title{font-size:3rem}}@media screen and (max-width:768px){.campaign-wheel-content{display:flex;flex-direction:column;width:100%}.campaign-wheel-cont-left{margin:0 0 8vw;width:100%;padding:0 4vw}.campaign-wheel-cont-left-texts{display:flex;flex-direction:column;align-items:center;text-align:center}.campaign-wheel-cont-left-title{font-size:6vw}.campaign-wheel-cont-left-desc{font-size:1.4rem;margin-top:.5rem}.campaign-wheel-cont-left-button{margin-top:1rem;font-size:1.4rem}.campaign-wheel-wrapper-slide{min-width:180px;width:180px}.campaign-wheel-cont-icon{display:none}.campaign-wheel-wrapper-slide-text{font-size:1.2rem}}.campaign-turntable{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1;margin:0 auto}.campaign-turntable-wheel,.campaign-turntable-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.campaign-turntable-wheel{width:100%}.campaign-turntable-wheel-image{width:100%;height:auto;display:block;animation:campaign-turntable-rotate var(--turntable-duration, 12s) ease-in-out infinite;transform-origin:50% 50%;will-change:transform}.campaign-turntable-center{width:18%;z-index:2}.campaign-turntable-center-image{width:100%;height:auto;display:block}.campaign-turntable-pointer{position:absolute;top:0;left:50%;transform:translate(-50%,-30%);width:14%;z-index:3}.campaign-turntable-pointer-image{width:100%;height:auto;display:block}@keyframes campaign-turntable-rotate{0%{transform:rotate(0)}30%{transform:rotate(120deg)}60%{transform:rotate(180deg)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.campaign-turntable-wheel-image{animation:none}}@media screen and (max-width:768px){.campaign-wheel-cont-right{width:100%;margin:0 auto}.campaign-turntable{width:75%}.campaign-turntable-wheel{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/campaign-section.css.map */