.gems-open{min-height:calc(100vh - 300px);margin-bottom:-24px;padding-bottom:56px}.gems-open .gems-open .case-top .top-slider>.slider-list{width:100%;margin:0}.gems-open .case-top{background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative}.gems-open .case-top .top-options{justify-content:center;width:100%;max-width:100%;margin:-8px 0;padding:40px 0 32px;display:flex}.gems-open .case-top .top-options .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}.gems-open .case-top .top-options .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}.gems-open .case-top .top-options .options-button .button-text,.gems-open .case-top .top-options .options-button .button-token{transition:all .3s}.gems-open .case-top .top-options .options-button .button-text .G_Text-content{color:#fff;text-transform:uppercase;font-size:14px;font-weight:700}.gems-open .case-top .top-options .options-button .button-token{align-items:center;display:flex}.gems-open .case-top .top-options .options-button .button-token .token-icon{width:20px;min-width:20px;margin-left:8px;margin-right:8px}.gems-open .case-top .top-options .options-button .button-token .token-value .G_Text-content{color:#fff;font-size:14px;font-weight:700}.gems-open .case-top .top-options .options-button.green{background-color:#64eb49}.gems-open .case-top .top-options .options-button.green .button-text .G_Text-content,.gems-open .case-top .top-options .options-button.green .button-token .token-value .G_Text-content{color:#0c0e14}.gems-open .case-top .top-options .options-button .button_load{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gems-open .case-top .top-options .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}.gems-open .case-top .top-options .options-button:has(.button_load){pointer-events:none}:is(.gems-open .case-top .top-options .options-button:has(.button_load) .button-text,.gems-open .case-top .top-options .options-button:has(.button_load) .button-token){opacity:0}.gems-open .case-top .top-options .options-button.block{opacity:.5;pointer-events:none}.gems-open .case-top .top-options .options-button:hover{filter:brightness(1.2)}.gems-open .case-top .top-options .G_Button{width:240px;margin:8px}.gems-open .case-top>*{position:relative}.gems-open .case-top .top-slider{width:100%;margin:0 auto;position:relative}.gems-open .case-top .top-slider,.gems-open .case-top .top-slider *{pointer-events:none;user-focus:none;-webkit-user-select:none;user-select:none;user-modify:none}.gems-open .case-top .top-slider .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;top:100%;left:50%;transform:translate(-50%,-50%)}.gems-open .case-top .top-slider .slider-need .G_Text .G_Text-content{color:#ff3d33;text-transform:uppercase;font-size:14px;font-weight:700}.gems-open .case-top .top-slider>.slider-list{background-color:#101319;border:4px solid #1b1f2b;border-radius:16px;flex-wrap:wrap;width:calc(100% + 8px);min-height:220px;margin:-4px;display:flex}.gems-open .case-top .top-slider>.slider-list>.slider-box{background-image:linear-gradient(#0c0e1499,#0c0e14);border-radius:16px;width:50%;margin:0;position:relative}.gems-open .case-top .top-slider>.slider-list>.slider-box .slider{border-radius:16px}.gems-open .case-top .top-slider>.slider-list>.slider-box .slider-cross{z-index:9;height:calc(100% - 4px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gems-open .case-top .top-slider>.slider-list>.slider-box .slider-cross .cross-line{z-index:9;background-image:radial-gradient(#10131900,#101319);border:2px solid #2e394f;border-radius:50%;width:260px;height:260px;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.gems-open .case-top .top-slider>.slider-list>.slider-box .slider-cross .cross-line .slider{transform:scale(1.15)}.gems-open .case-top .top-slider>.slider-list>.slider-box .slider-cross .cross-line .linee{transform-origin:0;justify-content:flex-end;width:50%;height:2px;display:flex;position:absolute;top:calc(50% - 1px);left:50%}.gems-open .case-top .top-slider>.slider-list>.slider-box .slider-cross .cross-line .linee:after{content:"";background-color:#2e394f;width:50%;height:100%}.gems-open .case-top .top-slider>.slider-list>.slider-box .slider-cross .cross-line .linee:nth-child(2){transform:rotate(90deg)}.gems-open .case-top .top-slider>.slider-list>.slider-box .slider-cross .cross-line .linee:nth-child(3){transform:rotate(180deg)}.gems-open .case-top .top-slider>.slider-list>.slider-box .slider-cross .cross-line .linee:nth-child(4){transform:rotate(-90deg)}.gems-open .case-top .top-slider>.slider-list>.slider-box .slider-cross .cross-top{border-radius:2px;justify-content:center;align-items:center;width:24px;height:24px;padding-top:20px;display:flex;position:absolute;bottom:0;left:50%;overflow:hidden;transform:translate(-50%,50%)}.gems-open .case-top .top-slider>.slider-list>.slider-box .slider-cross .cross-top:after{content:"";background-color:#606d87;border-radius:0 2px 2px;width:18px;height:18px;display:flex;transform:rotate(45deg)}.gems-open .case-top .top-slider>.slider-list>.slider-box .slider-cross .cross-bottom{border-radius:2px;justify-content:center;align-items:center;width:24px;height:24px;padding-bottom:20px;display:flex;position:absolute;top:0;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.gems-open .case-top .top-slider>.slider-list>.slider-box .slider-cross .cross-bottom:after{content:"";background-color:#606d87;border-radius:0 2px 2px;width:18px;height:18px;display:flex;transform:rotate(-135deg)}.gems-open .case-top .top-slider>.slider-list>.slider-box .gitem{width:100%;margin:0!important}.gems-open .case-top .top-slider>.slider-list>.slider-box.horizontal{border-radius:14px!important;width:100%!important}.gems-open .case-top .top-slider>.slider-list>.slider-box.horizontal .gitem{height:100%}.gems-open .case-top .top-slider>.slider-list>.slider-box.horizontal .gitem .item-content .content-box .box-content .box-bottom{position:absolute;bottom:0;left:0}.gems-open .case-top .top-slider>.slider-list>.slider-box:first-of-type.vertical>.slider{border-radius:10px 0 0 10px}.gems-open .case-top .top-slider>.slider-list>.slider-box:last-of-type.vertical>.slider{border-radius:0 10px 10px 0}.gems-open .case-top .top-slider>.slider-list>.slider-box.vertical{border:none}.gems-open .case-top .top-slider>.slider-list>.slider-box.vertical>.slider{border-radius:0}.gems-open .case-top .top-slider>.slider-list>.slider-box.vertical .slider-cross{height:unset;z-index:9;width:calc(100% + 4px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gems-open .case-top .top-slider>.slider-list>.slider-box.vertical .slider-cross .cross-line{z-index:9;background-color:#0000;background-image:linear-gradient(270deg,#2e394f,#2e394f00,#2e394f00,#2e394f00,#2e394f);width:100%;height:4px;display:flex}.gems-open .case-top .top-slider>.slider-list>.slider-box.vertical .slider-cross .cross-top{border-radius:2px;justify-content:center;align-items:center;width:24px;height:24px;padding-top:20px;display:flex;position:absolute;bottom:50%;left:0;overflow:hidden;transform:translate(-50%,50%)rotate(90deg)}.gems-open .case-top .top-slider>.slider-list>.slider-box.vertical .slider-cross .cross-top:after{content:"";background-color:#606d87;border-radius:0 2px 2px;width:18px;height:18px;display:flex;transform:rotate(45deg)}.gems-open .case-top .top-slider>.slider-list>.slider-box.vertical .slider-cross .cross-bottom{height:24px;left:unset;border-radius:2px;justify-content:center;align-items:center;width:24px;padding-bottom:20px;display:flex;position:absolute;top:50%;right:0;overflow:hidden;transform:translate(50%,-50%)rotate(90deg)}.gems-open .case-top .top-slider>.slider-list>.slider-box.vertical .slider-cross .cross-bottom:after{content:"";background-color:#606d87;border-radius:0 2px 2px;width:18px;height:18px;display:flex;transform:rotate(-135deg)}.gems-open .case-top .top-slider>.slider-list>.slider-box.vertical .gitem,.gems-open .case-top .top-slider>.slider-list>.slider-box.vertical .gitem .item-content .content-box .box-content .box-top{height:100%}.gems-open .case-top .top-slider>.slider-list>.slider-box.vertical .gitem .item-content .content-box .box-content .box-top .box-image{width:100%;height:calc(100% - 50px);margin:0;position:absolute;top:0;left:0}.gems-open .case-top .top-slider>.slider-list>.slider-box.vertical .gitem .item-content .content-box .box-content .box-top .box-image .image-item,.gems-open .case-top .top-slider>.slider-list>.slider-box.vertical .gitem .item-content .content-box .box-content .box-top .box-image img{width:160px;max-width:75%;left:50%;transform:translate(-50%)translateY(-50%)}.gems-open .case-top .top-slider>.slider-list>.slider-box.vertical .gitem .item-content .content-box .box-content .box-top .box-image .image-logo{width:120px;max-width:50%;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.gems-open .case-top .top-slider>.slider-list>.slider-box.vertical .gitem .item-content .content-box .box-content .box-bottom{position:absolute;bottom:0;left:0}.gems-open .case-top .top-slider>.slider-list.vertical{background-color:#101319;border:4px solid #1b1f2b;border-radius:16px;padding:0 1px}.gems-open .case-top .top-slider>.slider-list.vertical>.slider-box{margin:2px 1px}.gems-open .case-top .top-slider>.slider-list.vertical>.slider-box:first-of-type .slider-cross .cross-bottom,.gems-open .case-top .top-slider>.slider-list.vertical>.slider-box:last-of-type .slider-cross .cross-top,.gems-open .case-top .top-slider>.slider-list.vertical>.slider-box:not(:first-of-type):not(:last-of-type) .slider-cross .cross-bottom,.gems-open .case-top .top-slider>.slider-list.vertical>.slider-box:not(:first-of-type):not(:last-of-type) .slider-cross .cross-top{display:none}.gems-open .case-top .top-slider>.slider-list.horizontal>.slider-box .slider-cross.line:after{content:"";background-color:#606d8780;width:2px;height:calc(100% + 4px);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gems-open .case-top .top-slider>.slider-list.horizontal>.slider-box .slider-cross.line .cross-bottom,.gems-open .case-top .top-slider>.slider-list.horizontal>.slider-box .slider-cross.line .cross-top{z-index:2}.gems-open .case-top .top-slider>.slider-list.horizontal>.slider-box:not(:first-of-type) .slider-cross .cross-bottom,.gems-open .case-top .top-slider>.slider-list.horizontal>.slider-box:not(:last-of-type) .slider-cross .cross-top{display:none}.gems-open .case-bottom .bottom-list{width:100%;margin:0 auto}.gems-open .case-bottom .bottom-list .section-title{margin-bottom:32px}.gems-open .case-bottom .bottom-list .section-title .title-box{overflow:visible}@media only screen and (width<=1300px){.gems-open .case-bottom .bottom-list .section-title{grid-template-rows:auto auto;grid-template-columns:100%}.gems-open .case-bottom .bottom-list .section-title .title-nav{flex-direction:row-reverse;justify-content:flex-end;width:100%;padding-top:20px}.gems-open .case-bottom .bottom-list .section-title .title-nav .G_Button{margin-left:0}}.gems-open .case-bottom .bottom-list .list-box{flex-wrap:wrap;width:calc(100% + 16px);margin:-8px;display:flex}.event-gems{width:100%}@media only screen and (width<=1200px){.event-gems .gems-banner{display:none}}.event-gems .gems-rules{margin-bottom:40px}.event-gems .gems-cases{background-color:#161921;border-radius:24px;width:100%;margin-bottom:40px;padding:16px;display:flex}.event-gems .gems-cases .cases-list{flex-wrap:wrap;width:calc(100% + 16px);margin:-8px;display:flex}.event-gems .gems-cases .cases-list .list-element{width:calc(16.6667% - 16px);margin:8px}@media only screen and (width<=900px){.event-gems .gems-cases .cases-list .list-element{width:calc(25% - 16px)}}@media only screen and (width<=560px){.event-gems .gems-cases .cases-list .list-element{width:calc(50% - 16px)}}