.activityWheelConteiner{--wheelMaxW:800px;--wheelBg:transparent;--wheelOuterBorderW:10px;--wheelOuterBorderColor:#fff;--shadowColor:0,0,0;--wheelBorderW:50px;--wheelBorderColor:#323232;--lightSizeOut:34px;--lightSizeIn:24px;--lighColorOut:#fff;--lightColor01:#fff;--lightColor02:#fff067;--lightTransWOut:calc(var(--wheelBorderW)/2 - var(--lightSizeOut)/2);--lightTransWIn:calc(var(--wheelBorderW)/2 - var(--lightSizeIn)/2);--triangleColor:var(--wheelBorderColor);--triangleSize:1.25rem;--wheelItemNum:4;--itemPadding:20% 25% 20% 30%;--itemBgColor:#969696;--itemBorder:solid 1px #646464;--itemActiveBgColor:#b9b9b9;--itemActiveNameColor:#323232;--itemImgSize:45%;--itemImgMargin:0;--itemNameColor:#fff;--itemNameFontSize:1.25em;--btnSize:20%;--btnRadius:50%;--btnBg:var(--wheelBorderColor);--btnBgImage:none;--btnTextSize:1.5rem;--btnTextColor:#fff;--btnShadow:inset 0 0 1.5em rgba(var(--shadowColor),.6);--btnDropShadow:0 0 1.5em rgba(var(--shadowColor),.7);--btnHoverBg:#535353;--btnHoverTextColor:#fff;--btnHoverDropShadow:0 0 1.5em rgba(var(--shadowColor),.9);padding-top:50px}.activityWheelConteiner[style*="--wheelItemNum: 2"] .wheel .itemList .wheelItem{height:100%;transform-origin:left center}.activityWheelConteiner[style*="--wheelItemNum: 2"] .wheel .itemList .itemBox{transform:skewY(calc(1turn/var(--wheelItemNum)));transform-origin:left bottom}.activityWheelConteiner[style*="--wheelItemNum: 2"] .wheel .itemList .itemContent{justify-content:center;transform:none;transform-origin:left center}.activityWheelConteiner[style*="--wheelItemNum: 2"] .wheel .itemList .itemName{align-self:center;height:40%;overflow:hidden;transform:rotate(90deg)}.activityWheelConteiner[style*="--wheelItemNum: 2"] .wheel .itemList .itemImg:empty{display:none}.activityWheelConteiner[style*="--wheelItemNum: 3"]{--itemPadding:20% 30% 20% 25%}.activityWheelConteiner[style*="--wheelItemNum: 3"] .wheel .itemList ul{height:120%;width:120%}.activityWheelConteiner.imgStartBtn{--btnBg:transparent;--btnTextColor:transparent;--btnShadow:none;--btnRadius:0;--btnHoverBg:transparent;--btnHoverTextColor:transparent}@keyframes wheelLightAni{0%{background:var(--lightColor01)}to{background:var(--lightColor02)}}.activityWheelConteiner .container{margin:0 auto;max-width:var(--desktop-width)}.activityWheelConteiner .maxWidth{display:flex;flex-direction:column;margin:0 auto;max-width:var(--wheelMaxW)}.activityWheelConteiner .wheel{aspect-ratio:1/1;border:solid var(--wheelOuterBorderW) var(--wheelOuterBorderColor);border-radius:50%;box-shadow:0 0 2rem #00000080;position:relative;width:100%}.activityWheelConteiner .wheel .bg{background:var(--wheelBg);border:solid var(--wheelBorderW) var(--wheelBorderColor);border-radius:50%;box-shadow:0 0 .5rem #00000080;height:100%;left:0;position:absolute;top:0;width:100%}.activityWheelConteiner .wheel .light{animation:rotate 5s linear infinite;height:100%;left:0;position:absolute;top:0;width:100%}.activityWheelConteiner .wheel .light span{height:100%;left:0;margin:0 auto;position:absolute;right:0;top:0;transform-origin:center center;width:var(--lightSizeOut)}.activityWheelConteiner .wheel .light span:after,.activityWheelConteiner .wheel .light span:before{border-radius:50%;content:"";left:0;margin:0 auto;position:absolute;right:0}.activityWheelConteiner .wheel .light span:before{background:#fff;box-shadow:0 0 13px #feffc0,inset 0 0 2px #0006;height:var(--lightSizeOut);top:var(--lightTransWOut);width:var(--lightSizeOut)}.activityWheelConteiner .wheel .light span:after{box-shadow:0 0 7px #000000b3,inset 0 0 10px #0006;height:var(--lightSizeIn);top:var(--lightTransWIn);width:var(--lightSizeIn)}.activityWheelConteiner .wheel .light span:nth-of-type(2n):after{animation:wheelLightAni 1s linear infinite;background:var(--lightColor01)}.activityWheelConteiner .wheel .light span:nth-of-type(odd):after{animation:wheelLightAni 1s linear infinite reverse;background:var(--lightColor02)}.activityWheelConteiner .wheel .itemList{border-radius:50%;height:calc(100% - var(--wheelBorderW)*2);left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(100% - var(--wheelBorderW)*2)}.activityWheelConteiner .wheel .itemList:before{border-color:var(--triangleColor) transparent transparent transparent;border-style:solid;border-width:2em 1em 0;content:"";font-size:var(--triangleSize);height:0;left:50%;position:absolute;top:0;transform:translate(-50%);width:0;z-index:1}.activityWheelConteiner .wheel .itemList:after{border-radius:50%;box-shadow:inset 0 0 2em rgba(var(--shadowColor),.6);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.activityWheelConteiner .wheel .itemList ul{height:100%;left:50%;position:absolute;top:50%;translate:-50% -50%;width:100%}.activityWheelConteiner .wheel .itemList .wheelItem{height:50%;left:50%;position:absolute;transform-origin:left bottom;width:50%}.activityWheelConteiner .wheel .itemList .wheelItem.active .itemBox{background:var(--itemActiveBgColor);transition:all .4s}.activityWheelConteiner .wheel .itemList .wheelItem.active .itemName{color:var(--itemActiveNameColor);transition:all .4s}.activityWheelConteiner .wheel .itemList .itemBox{align-items:flex-end;background:var(--itemBgColor);border:var(--itemBorder);display:flex;height:100%;transform:skewY(calc(1turn/var(--wheelItemNum) - 90deg));transform-origin:left bottom;width:100%}.activityWheelConteiner .wheel .itemList .itemContent{align-items:center;display:flex;height:100%;justify-content:flex-end;padding:var(--itemPadding);transform:skewY(calc(90deg - 1turn/var(--wheelItemNum))) rotate(calc(1turn/var(--wheelItemNum)*.5 - 90deg)) translateY(50%);transform-origin:left bottom;width:100%}.activityWheelConteiner .wheel .itemList .itemImg{flex-shrink:0;margin:var(--itemImgMargin);position:relative;transform:rotate(90deg);width:var(--itemImgSize)}.activityWheelConteiner .wheel .itemList .itemImg:before{content:"";display:block;height:0;padding-bottom:100%;width:100%}.activityWheelConteiner .wheel .itemList .itemImg img{height:100%;left:0;-o-object-fit:contain;object-fit:contain;position:absolute;top:0;width:100%}.activityWheelConteiner .wheel .itemList .itemName{align-self:center;color:var(--itemNameColor);display:-webkit-box;flex-grow:1;font-size:var(--itemNameFontSize);font-weight:700;letter-spacing:.03em;max-height:60%;overflow:hidden;text-align:center;transform:translate(82%) rotate(90deg);-webkit-box-orient:vertical;-webkit-line-clamp:4}.activityWheelConteiner .wheel .startBtn{align-items:center;background-color:var(--btnBg);background-image:var(--btnBgImage);background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:var(--btnRadius);box-shadow:var(--btnShadow);color:var(--btnTextColor);display:flex;filter:drop-shadow(var(--btnDropShadow));font-size:var(--btnTextSize);height:var(--btnSize);justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .4s;width:var(--btnSize)}.activityWheelConteiner .wheel .startBtn:hover{background-color:var(--btnHoverBg);color:var(--btnHoverTextColor);filter:drop-shadow(var(--btnHoverDropShadow))}.activityWheelConteiner .btnDefault.recordBtn{align-self:center;margin-top:80px}.mobile .activityWheelConteiner{--wheelOuterBorderW:4px;--wheelBorderW:4vw;--lightSizeOut:3vw;--lightSizeIn:2.2vw;--triangleSize:2.6vw;--itemPadding:10% 25% 10% 30%;--itemNameFontSize:1rem;--itemImgSize:60%;--btnSize:24%;--btnTextSize:1.1rem;padding-top:8vw}.mobile .activityWheelConteiner .wheel{box-shadow:0 0 5vw #0000004d}.mobile .activityWheelConteiner .wheel .light span:before{box-shadow:0 0 1vw #feffc0,inset 0 0 .2vw #0006}.mobile .activityWheelConteiner .wheel .light span:after{box-shadow:0 0 .5vw #000000b3,inset 0 0 .5vw #0006}.mobile .activityWheelConteiner .wheel .itemList .itemName{display:block;max-height:54%;padding-top:15%;transform:translate(150%) rotate(90deg)}.mobile .activityWheelConteiner .btnDefault.recordBtn{margin-top:6vw}@font-face{font-family:Madimi One;src:local("Madimi One Regular"),local("Madimi One"),url(../_fonts/T_RoKHqf6BcfI4DUBVzrbe2xDbDzAnHEYglc-3NYv20-dsnmADV8VXxk_y5eyL74OelZhRBJkTEzGvl30SgV39k.woff2) format(woff2);font-display:swap;unicode-range:U+0302-0303,U+0305,U+0307-0308,U+0310,U+0312,U+0315,U+031A,U+0326-0327,U+032C,U+032F-0330,U+0332-0333,U+0338,U+033A,U+0346,U+034D,U+0391-03A1,U+03A3-03A9,U+03B1-03C9,U+03D1,U+03D5-03D6,U+03F0-03F1,U+03F4-03F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE00-1EEFF;font-weight:400;font-style:normal}@font-face{font-family:"Madimi One Fallback: Arial";src:local("Arial");size-adjust:99.5961%;ascent-override:101.4096%;descent-override:31.1257%;line-gap-override:0%}@font-face{font-family:Madimi One;src:local("Madimi One Regular"),local("Madimi One"),url(../_fonts/P4vfsVAEica0BfeL5e9ThQ399yO-_tGTgUHSjjdGY-s-XBPxqy04DJvS1TdVEa2MBqadlsECFvA0KZeMU9HM664.woff2) format(woff2);font-display:swap;unicode-range:U+0001-000C,U+000E-001F,U+007F-009F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+2800-28FF,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B00-2BFF,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F000-1F0FF,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F700-1F7FF,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB00-1FBFF;font-weight:400;font-style:normal}@font-face{font-family:Madimi One;src:local("Madimi One Regular"),local("Madimi One"),url(../_fonts/linwFBcPUxmhVH0D6yFAUbVgnYy-WNm2j-8GdrgQcOA-UJ0GLLbj9iXJ9JvmCP2_ZuQ0pVZ7mxY2NENm_1OqE3U.woff2) format(woff2);font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-weight:400;font-style:normal}@font-face{font-family:Madimi One;src:local("Madimi One Regular"),local("Madimi One"),url(../_fonts/JOP8wAZGRJBKXoMiEOk22nnxa1fgHdzkpbad3GRoUzk-P6dNRGrdikOtxQU4ucDraWpEreMXcQg5oqvm9mhb4yA.woff2) format(woff2);font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-weight:400;font-style:normal}@font-face{font-family:Madimi One;src:local("Madimi One Regular"),local("Madimi One"),url(../_fonts/1ZTlEDqU4DtwDJiND8f6qaugUpa0RIDvQl-v7iM6l54-PjxCpHQOt3DvNO2TY4TppZyjCFIdJjUghr3GAbW20uo.woff) format(woff);font-display:swap;font-weight:400;font-style:normal}.page-loading{--logo:var(--logoStarImg);--logoTxt:var(--logoTxtImg);--loadingCircleW:100px;--progress-barW:300px;--logoColor:#27c7ff 0%,#5de395 50%,#94ffd8 100%;align-items:center;background:#fff;background-size:cover;display:flex;flex-direction:column;gap:24px;height:100vh;justify-content:center;left:0;opacity:1;position:fixed;top:0;transition:opacity .3s ease;width:100vw;z-index:100000}.page-loading.hide{display:none;opacity:0;pointer-events:none}.page-loading .logoBox{margin-bottom:10px;position:relative}.page-loading .logoBox .logoImg{animation:aniColor2 .5s linear infinite;aspect-ratio:1/1;background:linear-gradient(to right,var(--logoColor));display:block;left:25px;-webkit-mask-image:var(--logo);mask-image:var(--logo);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;position:absolute;top:25px;width:50px;z-index:10}@keyframes aniColor2{0%{--logoColor:#27c7ff 0%,#5de395 50%,#94ffd8 100%}50%{--logoColor:#27c7ff 60%,#5de395 80%,#94ffd8 100%}to{--logoColor:#27c7ff 0%,#5de395 50%,#94ffd8 100%}}.page-loading .logoBox .spinner{align-items:center;animation:spinCircle 1s linear infinite;background-image:linear-gradient(#42fff6 35%,#00e1ff);border-radius:50px;box-shadow:0 -10px 20px #42ffba,0 10px 30px #00e1ff;display:flex;filter:blur(1px);height:100px;justify-content:center;text-align:center;width:100px}.page-loading .logoBox .spinnerCircle{background-color:#fff;border-radius:50px;filter:blur(10px);height:90px;width:90px}@keyframes spinCircle{to{transform:rotate(1turn)}}.page-loading .progress-container{align-items:center;display:flex;flex-direction:column}.page-loading .progress-container .progress-bar{background:linear-gradient(180deg,#c2c2c24d,#7070704d 31%,#6161614d 41%,#6b6b6b4d 55%,#bababa4d);border:1px solid rgba(0,0,0,.5);border-radius:20px;height:14px;overflow:hidden;padding:2px;width:var(--progress-barW)}.page-loading .progress-container .progress-bar .fill{background:linear-gradient(90deg,#27c7ff,#5de395,#94ffd8);border-radius:20px;height:8px;transition:width .2s ease}.page-loading .progress-container .progress-txt{align-items:center;display:flex;gap:20px;justify-content:center;margin-top:10px}.page-loading .progress-container .progress-txt .logoTxt{aspect-ratio:120/42;background:linear-gradient(to right,var(--logoColor));display:block;-webkit-mask-image:var(--logoTxt);mask-image:var(--logoTxt);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:80px}.page-loading .progress-container .progress-txt .percent-text{animation:aniColor .5s linear infinite;color:#5de395;font-family:Madimi One,"Madimi One Fallback: Arial",sans-serif;font-size:38px;font-weight:100;line-height:1}.page-loading .progress-container .progress-txt .percent-text span{font-size:10px;font-weight:400}@keyframes aniColor{0%{color:#27c7ff}25%{color:#5de395}50%{color:#94ffd8}75%{color:#5de395}to{color:#27c7ff}}@keyframes rotate-c9bf96b7{0%{transform:rotate(0)}to{transform:rotate(-1turn)}}.activityWheel.wheelPageDefault{--chanceColor:var(--gray8);--collectionTitleColor:var(--mainColor);--collectionItemTitleColor:var(--gray5);--collectionItemNumBorderColor:var(--grayC);--collectionItemNumColor:var(--mainColor);--collectionItemNumBg:hsla(0,0%,100%,.8);--collectionInfoTitleColor:var(--mainColor);--collectionInfoItemTitleColor:var(--gray5)}.activityWheel .activityInfoContainer{--titleColor:var(--mainColor);--dateColor:var(--fifthColor);--articleContentColor:var(--grayA)}.activityWheel .activityInfoContainer .maxWidth{display:flex;flex-direction:column;margin-left:auto;margin-right:auto;max-width:800px}.activityWheel .activityInfoContainer .infoContent:not(:empty){margin-top:20px}.activityWheel .activityInfoContainer .infoContent .title{color:#969696;font-size:17px;font-weight:600;text-align:center}.activityWheel .activityInfoContainer .infoContent .content{color:#646464;font-size:15px;text-align:center}.activityWheel .activityInfoContainer .gameChance{align-self:center;background:linear-gradient(135deg,var(--GradientColor10));border:1px solid var(--fifthColor);border-radius:999px;color:var(--fifthColor);font-size:15px;font-weight:500;margin-top:30px;padding:5px 20px}.activityWheel .activityInfoContainer .gameChance .chanceNumber{font-size:22px}.activityWheel .activityWheelConteiner{--itemImgSize:80%;--wheelBorderColor:var(--mainColor);--wheelBg:linear-gradient(135deg,var(--GradientColor01));--itemBgColor:transparent;--itemBorder:solid 1px var(--fourthColor);--itemActiveBgColor:rgba(5,82,97,.5)}.activityWheel .activityNoticeConainer{--noticeTitleColor:var(--mainColor)}.desktop .activityWheel .activityWheelConteiner{--wheelOuterBorderW:5px;--wheelBorderW:36px;--lightSizeOut:26px;--lightSizeIn:20px;--wheelBorderColor:var(--mainColor);--wheelBg:linear-gradient(135deg,var(--GradientColor01));--itemBgColor:transparent;--itemBorder:solid 1px var(--fourthColor);--itemActiveBgColor:rgba(5,82,97,.5)}.desktop .activityWheel .activityNoticeConainer{--noticeMarginT:100px}.mobile .activityNoticeConainer{--noticeBoxBorder:solid 1px var(--mainColor);--noticeBoxRadius:15px;--noticeBoxShadow:none;--noticeBoxPadding:18px 15px;--noticeBoxBg:transparent}.wheelRecordModal.modalDefault{max-width:400px}.wheelRecordModal.modalDefault .modalBody{padding:15px 20px 25px}.wheelRecordModal .cq-modal-main{padding:0}.wheelRecordModal .dateRange>section{display:flex;flex-direction:row;margin-bottom:15px}.wheelRecordModal .itemGroup{margin-top:5px;position:relative}.wheelRecordModal .prepend{left:5px;position:absolute;top:50%;transform:translateY(-50%)}.wheelRecordModal .formItem{flex-basis:50px;flex-grow:1}.wheelRecordModal .dp__input{background:var(--inputColor);height:38px;padding-left:40px}.wheelRecordModal .dp__input+div{display:none}.wheelRecordModal .quickDateBtnList{margin-bottom:15px}.wheelRecordModal .quickDateBtnList .btnDefault{--btnH:32px;flex-basis:50px;flex-grow:1}.wheelRecordModal .btnSearchWrapper{justify-content:center!important}.wheelRecordModal .btnSearchWrapper .btnSearch{--btnW:50%}.wheelRecordModal .recordList{margin-top:25px}