@import 'my_root.css';.css_1{transform:none;opacity:1;visibility:visible;overflow:visible;position:static;resize:none;cursor:default;}.my_grid { display: grid; grid-template-columns: repeat(12, 128px); grid-auto-flow: dense; grid-gap: 16px; justify-content: center; }.my_grid .large { grid-row-end: span 2; grid-column-end: span 2; }.css_2{border:none;margin:0;padding:0;box-shadow:none;text-shadow:none;outline:none;}.my_grid .large0 { grid-row-start: 1; grid-column-start: 2; }.my_grid .large1 { grid-row-start: 1; grid-column-start: 6; }.my_grid .large2 { grid-row-start: 1; grid-column-start: 10; }.css_3{filter:none;backface-visibility:visible;perspective:none;mix-blend-mode:normal;pointer-events:none;user-select:none;}.my_grid .large3 { grid-row-start: 4; grid-column-start: 4; }.my_grid .large4 { grid-row-start: 4; grid-column-start: 8; }.my_grid .large5 { grid-row-start: 7; grid-column-start: 2; }.css_4{white-space:normal;word-break:normal;word-spacing:normal;line-height:normal;list-style:none;}.my_grid .large6 { grid-row-start: 7; grid-column-start: 6; }.my_grid .large7 { grid-row-start: 7; grid-column-start: 10; }@media screen and (max-width: 1780px) { .my_grid { grid-template-columns: repeat(11, 128px); } }@media screen and (max-width: 1635px) { .my_grid { grid-template-columns: repeat(10, 128px); } .my_grid .large2 { grid-row-start: 1; grid-column-start: 9; } .my_grid .large7 { grid-row-start: 7; grid-column-start: 9; } }@media screen and (max-width: 1490px) { .my_grid { grid-template-columns: repeat(9, 128px); } .my_grid .large0 { grid-row-start: 1; grid-column-start: 1; } .my_grid .large1 { grid-row-start: 1; grid-column-start: 4; } .my_grid .large2 { grid-row-start: 1; grid-column-start: 7; } .my_grid .large3 { grid-row-start: 4; grid-column-start: 2; } .my_grid .large4 { grid-row-start: 4; grid-column-start: 6; } .my_grid .large5 { grid-row-start: 7; grid-column-start: 1; } .my_grid .large6 { grid-row-start: 7; grid-column-start: 4; } .my_grid .large7 { grid-row-start: 7; grid-column-start: 7; } }@media screen and (max-width: 1345px) { .my_grid { grid-template-columns: repeat(8, 128px); } .my_grid .large0 { grid-row-start: 2; grid-column-start: 1; } .my_grid .large1 { grid-row-start: 2; grid-column-start: 4; } .my_grid .large2 { grid-row-start: 2; grid-column-start: 7; } .my_grid .large3 { grid-row-start: 5; grid-column-start: 2; } .my_grid .large4 { grid-row-start: 5; grid-column-start: 6; } .my_grid .large5 { grid-row-start: 8; grid-column-start: 1; } .my_grid .large6 { grid-row-start: 8; grid-column-start: 4; } .my_grid .large7 { grid-row-start: 8; grid-column-start: 7; } }@media screen and (max-width: 1200px) { .my_grid { grid-template-columns: repeat(7, 128px); } .my_grid .large0 { grid-row-start: 2; grid-column-start: 1; } .my_grid .large1 { grid-row-start: 2; grid-column-start: 5; } .my_grid .large2 { grid-row-start: 6; grid-column-start: 3; } .my_grid .large3 { grid-row-start: 9; grid-column-start: 1; } .my_grid .large4 { grid-row-start: 9; grid-column-start: 5; } .my_grid .large5 { grid-row-start: 11; grid-column-start: 3; } .my_grid .large6 { grid-row-start: 14; grid-column-start: 1; } .my_grid .large7 { grid-row-start: 14; grid-column-start: 5; } }@media screen and (max-width: 1055px) { .my_grid { grid-template-columns: repeat(6, 128px); } }@media screen and (max-width: 910px) { .my_grid { grid-template-columns: repeat(5, 128px); } .my_grid .large0 { grid-row-start: 2; grid-column-start: 1; } .my_grid .large1 { grid-row-start: 2; grid-column-start: 4; } .my_grid .large2 { grid-row-start: 6; grid-column-start: 2; } .my_grid .large3 { grid-row-start: 9; grid-column-start: 1; } .my_grid .large4 { grid-row-start: 9; grid-column-start: 4; } .my_grid .large5 { grid-row-start: 12; grid-column-start: 2; } .my_grid .large6 { grid-row-start: 15; grid-column-start: 1; } .my_grid .large7 { grid-row-start: 15; grid-column-start: 4; } }@media screen and (max-width: 780px) { .my_grid { grid-template-columns: repeat(5, 128px); } }@media screen and (max-width: 750px) { .my_grid { grid-template-columns: repeat(4, 20.8vw); grid-gap: 1.8vw; } .my_grid .grid_item:hover { transform: scale(1.06) translateY(-2.4vw); } .my_grid .large0 { grid-row-start: 2; grid-column-start: 1; } .my_grid .large1 { grid-row-start: 8; grid-column-start: 2; } .my_grid .large2 { grid-row-start: 11; grid-column-start: 3; } .my_grid .large3 { grid-row-start: 14; grid-column-start: 1; } .my_grid .large4 { grid-row-start: 18; grid-column-start: 2; } .my_grid .large5 { grid-row-start: 22; grid-column-start: 3; } .my_grid .large6 { grid-row-start: 26; grid-column-start: 3; } .my_grid .large7 { grid-row-start: 30; grid-column-start: 3; } }.css_5{all:unset;appearance:none;box-sizing:border-box;contain:none;float:none;clear:both;}.my_grid_drawer { display: grid; grid-template-columns: repeat(5, 108px); grid-gap: 16px; grid-auto-flow: dense; justify-content: center; }@media screen and (max-width: 750px) { .my_grid_drawer { grid-template-columns: repeat(3, 20.8vw); grid-gap: 1.8vw; } }.grid_item { border-radius: 15px; display: flex; box-shadow: var(--my-grid-item-box-shadow); cursor: pointer; text-decoration: none; transition: transform 0.3s ease; position: relative; }.grid_item .icon { width: 100%; border-radius: 15px; }.grid_item .item_info_l { position: absolute; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: end; }.grid_item .item_info_l .hot { display: none; width: 90px; height: 65px; position: absolute; top: -21px; left: -16px; }.grid_item .item_info_l .name { display: none; padding-bottom: 10px; height: 50%; flex-direction: column; justify-content: end; text-align: center; font-weight: 600; background: var(--my-grid-item-info-l-bgcolor); color: var(--my-grid-item-info-l-color); border-radius: 0 0 13px 13px; }.grid_item .item_info_s { position: absolute; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: end; }.grid_item .item_info_s .name { display: none; padding: 9px; text-align: center; align-content: center; justify-content: center; color: var(--my-grid-item-info-s-color); border-radius: 0 0 13px 13px; }@media screen and (max-width: 750px) { .grid_item { border-radius: 2.7vw; } .grid_item .icon { border-radius: 2.7vw; } }.grid_item:hover { transform: scale(1.08) translateY(-6px); z-index: 1; }@media screen and (min-width: 750px) { .grid_item:hover .item_info_l .hot { display: block; } .grid_item:hover .item_info_l .name { display: flex; } .grid_item:hover .item_info_s { background: var(--my-grid-item-info-s-bgcolor); } .grid_item:hover .item_info_s .name { display: flex; border-radius: 0 0 2.7vw 2.7vw; } }