.event-destiny{width:100%}@media only screen and (width<=1200px){.event-destiny .destiny-banner{display:none}}.event-destiny .destiny-chance,.event-destiny .destiny-rules{margin-bottom:40px}.event-destiny .destiny-chance .chance-list{width:100%}.event-destiny .destiny-chance .chance-list .section-title{margin-bottom:32px}.event-destiny .destiny-chance .chance-list .section-title .title-box{overflow:visible}@media only screen and (width<=1300px){.event-destiny .destiny-chance .chance-list .section-title{grid-template-rows:auto auto;grid-template-columns:100%}.event-destiny .destiny-chance .chance-list .section-title .title-nav{flex-direction:row-reverse;justify-content:flex-end;width:100%;padding-top:20px}.event-destiny .destiny-chance .chance-list .section-title .title-nav .G_Button{margin-left:0}}.event-destiny .destiny-chance .chance-list .list-box{flex-wrap:wrap;width:calc(100% + 16px);margin:-8px;display:flex}.event-destiny .destiny-open{justify-content:space-between;width:100%;display:flex}.event-destiny .destiny-open .open-case{background-color:#161921;border-radius:24px;width:360px;padding:24px}.event-destiny .destiny-open .open-case .case-list{width:100%;height:max-content}.event-destiny .destiny-open .open-case .case-list .list-element{width:100%;margin-bottom:16px}.event-destiny .destiny-open .open-case .case-list .list-element:last-of-type{margin-bottom:0}.event-destiny .destiny-open .open-case .case-list .list-element .element-case{cursor:pointer;background:linear-gradient(90deg,#2e394f80,#1b1f2b);border-radius:16px;width:100%;height:80px;display:flex;position:relative}.event-destiny .destiny-open .open-case .case-list .list-element .element-case .case-active{opacity:0;background-color:#1b1f2b;background-image:linear-gradient(90deg,#8892a526,#606d8726);border-radius:16px;width:100%;height:100%;transition:all .3s;position:absolute;top:0;left:0}.event-destiny .destiny-open .open-case .case-list .list-element .element-case .case-content{align-items:center;width:100%;height:100%;padding:16px;display:flex;position:absolute;top:0;left:0}.event-destiny .destiny-open .open-case .case-list .list-element .element-case .case-content .content-image{justify-content:center;align-items:center;width:64px;min-width:64px;height:64px;margin-right:16px;display:flex}.event-destiny .destiny-open .open-case .case-list .list-element .element-case .case-content .content-image .image-img{width:100%}.event-destiny .destiny-open .open-case .case-list .list-element .element-case .case-content .content-info{width:calc(100% - 76px)}.event-destiny .destiny-open .open-case .case-list .list-element .element-case .case-content .content-info .info-title{width:100%;margin-bottom:8px}.event-destiny .destiny-open .open-case .case-list .list-element .element-case .case-content .content-info .info-title .G_Text-content{text-align:left;font-size:16px;font-weight:700}.event-destiny .destiny-open .open-case .case-list .list-element .element-case .case-content .content-info .info-token{align-items:center;width:100%;display:flex}.event-destiny .destiny-open .open-case .case-list .list-element .element-case .case-content .content-info .info-token .token-icon{width:20px;min-width:20px;margin-right:6px}.event-destiny .destiny-open .open-case .case-list .list-element .element-case .case-content .content-info .info-token .token-value{width:calc(100% - 26px)}.event-destiny .destiny-open .open-case .case-list .list-element .element-case .case-content .content-info .info-token .token-value .G_Text-content{color:#d32ee6;text-align:left;font-size:14px;font-weight:700}.event-destiny .destiny-open .open-case .case-list .list-element .element-case:hover .case-active{opacity:.25}.event-destiny .destiny-open .open-case .case-list .list-element .element-case.selected .case-active{opacity:1}.event-destiny .destiny-open .open-render{border-radius:24px;width:calc(100% - 376px);height:512px;position:relative;overflow:hidden}.event-destiny .destiny-open .open-render .slider-need{z-index:9;background-color:#000;background-image:linear-gradient(#ff3d334d,#ff3d334d);border-radius:8px;width:max-content;max-width:100%;padding:12px;position:absolute;bottom:128px;left:50%;transform:translate(-50%)}.event-destiny .destiny-open .open-render .slider-need .G_Text .G_Text-content{color:#ff3d33;text-transform:uppercase;font-size:14px;font-weight:700}.event-destiny .destiny-open .open-render .render-options{background-color:#161921;border-radius:16px;width:max-content;max-width:calc(100% - 48px);padding:16px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.event-destiny .destiny-open .open-render .render-options .options-box{margin:-6px;display:flex}.event-destiny .destiny-open .open-render .render-options .options-box>*{margin:6px}.event-destiny .destiny-open .open-render .render-options .options-box .options-button{background-color:rgb(var(--event_main));cursor:pointer;border-radius:8px;align-items:center;height:52px;margin:8px;padding:0 20px;transition:all .3s;display:flex;position:relative}.event-destiny .destiny-open .open-render .render-options .options-box .options-button .button-icon{background-color:#0c0e14;width:18px;min-width:18px;height:18px;margin-right:10px;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.event-destiny .destiny-open .open-render .render-options .options-box .options-button .button-text,.event-destiny .destiny-open .open-render .render-options .options-box .options-button .button-token{transition:all .3s}.event-destiny .destiny-open .open-render .render-options .options-box .options-button .button-text .G_Text-content{color:#fff;font-size:14px;font-weight:700}.event-destiny .destiny-open .open-render .render-options .options-box .options-button .button-token{align-items:center;display:flex}.event-destiny .destiny-open .open-render .render-options .options-box .options-button .button-token .token-icon{width:20px;min-width:20px;margin-left:8px;margin-right:8px}.event-destiny .destiny-open .open-render .render-options .options-box .options-button .button-token .token-value .G_Text-content{color:#fff;font-size:14px;font-weight:700}.event-destiny .destiny-open .open-render .render-options .options-box .options-button .button_load{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.event-destiny .destiny-open .open-render .render-options .options-box .options-button .button_load .anim_load{border:2px solid #0c0e14;border-color:#0c0e14 #0c0e1400;border-radius:50%;width:22px;height:22px;animation:1s linear infinite rotate_load}.event-destiny .destiny-open .open-render .render-options .options-box .options-button.green{background-color:#64eb49}.event-destiny .destiny-open .open-render .render-options .options-box .options-button.green .button-text .G_Text-content,.event-destiny .destiny-open .open-render .render-options .options-box .options-button.green .button-token .token-value .G_Text-content{color:#0c0e14}.event-destiny .destiny-open .open-render .render-options .options-box .options-button:has(.button_load){pointer-events:none}:is(.event-destiny .destiny-open .open-render .render-options .options-box .options-button:has(.button_load) .button-text,.event-destiny .destiny-open .open-render .render-options .options-box .options-button:has(.button_load) .button-token){opacity:0}.event-destiny .destiny-open .open-render .render-options .options-box .options-button.block{opacity:.5;pointer-events:none}.event-destiny .destiny-open .open-render .render-options .options-box .options-button:hover{filter:brightness(1.2)}.event-destiny .destiny-open .open-render .render-box{background-color:#161921;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.event-destiny .destiny-open .open-render .render-box video{-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;width:100%;height:100%}.event-destiny .destiny-open .open-render .render-box video:last-of-type{opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.event-destiny .destiny-open .open-render .render-box.STATUS__ANIMATION_RUN video:last-of-type{opacity:1}@media only screen and (width<=900px){.event-destiny .destiny-open{flex-direction:column-reverse}.event-destiny .destiny-open .open-case{width:100%}.event-destiny .destiny-open .open-render{width:100%;margin-bottom:24px}}
