:root {
--mc-core-green-6: #2a641c;
--mc-core-green-5: #3c8527;
--mc-core-green-4: #52a535;
--mc-core-green-3: #6cc349;
--mc-core-green-2: #86d562;
--mc-core-green-1: #a0e081;
--mc-core-grey-6: #262423;
--mc-core-grey-5: #3d3938;
--mc-core-grey-4: #6b6562;
--mc-core-grey-3: #aba09c;
--mc-core-grey-2: #d0c5c0;
--mc-core-grey-1: #ede5e2;
--mc-core-rich-black: #000;
--mc-core-off-black: #171615;
--mc-core-white: #fff;
--mc-core-off-white: #fcf5f1;
--mc-core-gradient-dark-grey: linear-gradient(180deg, #3d3938, #262423 50%, #171615);
--mc-core-gradient-green: linear-gradient(180deg, #6cc349, #52a535 50%, #3c8527);
--mc-core-gradient-light-grey: linear-gradient(180deg, #fcf5f1, #ede5e2 50%, #d0c5c0);
--mc-vanilla-green-6: #2a641c;
--mc-vanilla-green-5: #3c8527;
--mc-vanilla-green-4: #52a535;
--mc-vanilla-green-3: #6cc349;
--mc-vanilla-green-2: #86d562;
--mc-vanilla-green-1: #a0e081;
--mc-vanilla-brown-6: #492d1f;
--mc-vanilla-brown-5: #66412c;
--mc-vanilla-brown-4: #805539;
--mc-vanilla-brown-3: #976746;
--mc-vanilla-brown-2: #ad7a54;
--mc-vanilla-brown-1: #c28e64;
--mc-vanilla-blue-6: #002fae;
--mc-vanilla-blue-5: #0040c8;
--mc-vanilla-blue-4: #0855db;
--mc-vanilla-blue-3: #1e6eea;
--mc-vanilla-blue-2: #3a87f4;
--mc-vanilla-blue-1: #5b9ffb;
--mc-vanilla-grey-6: #262423;
--mc-vanilla-grey-5: #3d3938;
--mc-vanilla-grey-4: #6b6562;
--mc-vanilla-grey-3: #aba09c;
--mc-vanilla-grey-2: #d0c5c0;
--mc-vanilla-grey-1: #ede5e2;
--mc-vanilla-coldgrey-6: #2c2f3a;
--mc-vanilla-coldgrey-5: #3d4250;
--mc-vanilla-coldgrey-4: #4d5466;
--mc-vanilla-coldgrey-3: #5d647a;
--mc-vanilla-coldgrey-2: #6c748c;
--mc-vanilla-coldgrey-1: #8089a2;
--mc-legends-light-blue-6: #339cd7;
--mc-legends-light-blue-5: #39b9eb;
--mc-legends-light-blue-4: #4ad5ff;
--mc-legends-light-blue-3: #70dfff;
--mc-legends-light-blue-2: #95e8ff;
--mc-legends-light-blue-1: #acf2ff;
--mc-legends-dark-blue-6: #001236;
--mc-legends-dark-blue-5: #00215c;
--mc-legends-dark-blue-4: #00337d;
--mc-legends-dark-blue-3: #003bab;
--mc-legends-dark-blue-2: #005dcf;
--mc-legends-dark-blue-1: #007ff2;
--mc-legends-light-orange-6: #de7523;
--mc-legends-light-orange-5: #e89133;
--mc-legends-light-orange-4: #f1ad42;
--mc-legends-light-orange-3: #f6c25a;
--mc-legends-light-orange-2: #fad36f;
--mc-legends-light-orange-1: #fddf93;
--mc-legends-ultra-dark-blue: #071927;
--mc-legends-ultra-dark-orange: #271505;
--mc-dungeons-orange-6: #de5b0d;
--mc-dungeons-orange-5: #ff791a;
--mc-dungeons-orange-4: #ffa41f;
--mc-dungeons-orange-3: #ffc42b;
--mc-dungeons-orange-2: #ffd953;
--mc-dungeons-orange-1: #fff27a;
--mc-dungeons-red-6: #8f1f0b;
--mc-dungeons-red-5: #b42d10;
--mc-dungeons-red-4: #da3a16;
--mc-dungeons-red-3: #ff481b;
--mc-dungeons-red-2: #ff6d3a;
--mc-dungeons-red-1: #ff925b;
--mc-dungeons-mulberry-6: #190d19;
--mc-dungeons-mulberry-5: #32122a;
--mc-dungeons-mulberry-4: #4f1030;
--mc-dungeons-mulberry-3: #530f33;
--mc-dungeons-mulberry-2: #6c0e37;
--mc-dungeons-mulberry-1: #7b0d3a;
--mc-dungeons2-rich-blue: #002da5;
--mc-dungeons2-blue-6: #010d29;
--mc-dungeons2-blue-5: #011d47;
--mc-dungeons2-blue-4: #013565;
--mc-dungeons2-blue-3: #005483;
--mc-dungeons2-blue-2: #146f95;
--mc-dungeons2-blue-1: #298aa5;
--mc-dungeons2-cyan-6: #03bde1;
--mc-dungeons2-cyan-5: #03dafa;
--mc-dungeons2-cyan-4: #36e6ff;
--mc-dungeons2-cyan-3: #6cefff;
--mc-dungeons2-cyan-2: #a3f7ff;
--mc-dungeons2-cyan-1: #d9fcff;
--mc-dungeons2-red-6: #210d0d;
--mc-dungeons2-red-5: #640f0a;
--mc-dungeons2-red-4: #8f1f0b;
--mc-dungeons2-red-3: #b42d10;
--mc-dungeons2-red-2: #da3a16;
--mc-dungeons2-red-1: #ff481b;
--mc-dungeons2-light-orange: #fdfdc2;
--mc-realms-deep-blue-7: #050029;
--mc-realms-deep-blue-6: #0c0248;
--mc-realms-deep-blue-5: #210a80;
--mc-realms-deep-blue-4: #401cac;
--mc-realms-deep-blue-3: #643acb;
--mc-realms-deep-blue-2: #8d68e0;
--mc-realms-deep-blue-1: #bca4ec;
--mc-realms-pink-6: #7f007a;
--mc-realms-pink-5: #a40094;
--mc-realms-pink-4: #d812b4;
--mc-realms-pink-3: #e833c2;
--mc-realms-pink-2: #f460d2;
--mc-realms-pink-1: #fb95e2;
--mc-marketplace-gold-6: #94540e;
--mc-marketplace-gold-5: #b87918;
--mc-marketplace-gold-4: #db9f21;
--mc-marketplace-gold-3: #ffc42b;
--mc-marketplace-gold-2: #ffd953;
--mc-marketplace-gold-1: #fff27a;
--mc-marketplace-grey-6: #262423;
--mc-marketplace-grey-5: #3d3938;
--mc-marketplace-grey-4: #6b6562;
--mc-marketplace-grey-3: #aba09c;
--mc-marketplace-grey-2: #d0c5c0;
--mc-marketplace-grey-1: #ede5e2;
--mc-marketplace-gradient-gold: linear-gradient(270deg, #fff27a, #ffc42b);
--mc-default--fontlist: "Noto Sans", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
--mc-gellix--fontlist: "Gellix", "Noto Sans", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
--mc-vanilla-fontlist: "MinecraftTenv2", "MinecraftTen", "Noto Sans", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
--mc-dungeons-fontlist: "Minecraft-Fivev2", "Noto Sans", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
--mc-dungeons2-fontlist: "MinecraftSixteen", "Noto Sans", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
--mc-realms-fontlist: "MinecraftTenv2", "MinecraftTen", "Noto Sans", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
--mc-legends-fontlist: "MinecraftSeven-v2", "MinecraftSeven", "Noto Sans", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
--mc-text-highlight-fontlist: "SFMono-Regular", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", monospace;
--mc-default-focus: #1157be;
--mc-default-caution: #e2b923;
--mc-default-warning: #ca3636;
--mc-default-warning-2: #ff605e
}
.MC_sr-only,
.mc-sr-only {
height: 1px !important;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px !important;
clip: rect(0, 0, 0, 0);
border-width: 0;
white-space: nowrap
}
.MC_Grid__maxwidth_none {
max-width: none !important
}
.MC_Grid__maxwidth_1920 {
max-width: 1920px !important
}
.MC_Grid__maxwidth_1440 {
max-width: 1440px !important
}
.MC_Bg_Core__Green_6 {
background-color: var(--mc-core-green-6)
}
.MC_Bg_Core__Green_5 {
background-color: var(--mc-core-green-5)
}
.MC_Bg_Core__Green_4 {
background-color: var(--mc-core-green-4)
}
.MC_Bg_Core__Green_3 {
background-color: var(--mc-core-green-3)
}
.MC_Bg_Core__Green_2 {
background-color: var(--mc-core-green-2)
}
.MC_Bg_Core__Green_1 {
background-color: var(--mc-core-green-1)
}
.MC_Bg_Core__Grey_6 {
background-color: var(--mc-core-grey-6)
}
.MC_Bg_Core__Grey_5 {
background-color: var(--mc-core-grey-5)
}
.MC_Bg_Core__Grey_4 {
background-color: var(--mc-core-grey-4)
}
.MC_Bg_Core__Grey_3 {
background-color: var(--mc-core-grey-3)
}
.MC_Bg_Core__Grey_2 {
background-color: var(--mc-core-grey-2)
}
.MC_Bg_Core__Grey_1 {
background-color: var(--mc-core-grey-1)
}
.MC_Bg_Core__rich-black {
background-color: var(--mc-core-rich-black)
}
.MC_Bg_Core__off-black {
background-color: var(--mc-core-off-black)
}
.MC_Bg_Core__white {
background-color: var(--mc-core-white)
}
.MC_Bg_Core__off-white {
background-color: var(--mc-core-off-white)
}
.MC_Bg_Vanilla__Green_6 {
background-color: var(--mc-vanilla-green-6)
}
.MC_Bg_Vanilla__Green_5 {
background-color: var(--mc-vanilla-green-5)
}
.MC_Bg_Vanilla__Green_4 {
background-color: var(--mc-vanilla-green-4)
}
.MC_Bg_Vanilla__Green_3 {
background-color: var(--mc-vanilla-green-3)
}
.MC_Bg_Vanilla__Green_2 {
background-color: var(--mc-vanilla-green-2)
}
.MC_Bg_Vanilla__Green_1 {
background-color: var(--mc-vanilla-green-1)
}
.MC_Bg_Vanilla__Brown_6 {
background-color: var(--mc-vanilla-brown-6)
}
.MC_Bg_Vanilla__Brown_5 {
background-color: var(--mc-vanilla-brown-5)
}
.MC_Bg_Vanilla__Brown_4 {
background-color: var(--mc-vanilla-brown-4)
}
.MC_Bg_Vanilla__Brown_3 {
background-color: var(--mc-vanilla-brown-3)
}
.MC_Bg_Vanilla__Brown_2 {
background-color: var(--mc-vanilla-brown-2)
}
.MC_Bg_Vanilla__Brown_1 {
background-color: var(--mc-vanilla-brown-1)
}
.MC_Bg_Vanilla__Blue_6 {
background-color: var(--mc-vanilla-blue-6)
}
.MC_Bg_Vanilla__Blue_5 {
background-color: var(--mc-vanilla-blue-5)
}
.MC_Bg_Vanilla__Blue_4 {
background-color: var(--mc-vanilla-blue-4)
}
.MC_Bg_Vanilla__Blue_3 {
background-color: var(--mc-vanilla-blue-3)
}
.MC_Bg_Vanilla__Blue_2 {
background-color: var(--mc-vanilla-blue-2)
}
.MC_Bg_Vanilla__Blue_1 {
background-color: var(--mc-vanilla-blue-1)
}
.MC_Bg_Vanilla__Cold_Grey_6 {
background-color: var(--mc-vanilla-coldgrey-6)
}
.MC_Bg_Vanilla__Cold_Grey_5 {
background-color: var(--mc-vanilla-coldgrey-5)
}
.MC_Bg_Vanilla__Cold_Grey_4 {
background-color: var(--mc-vanilla-coldgrey-4)
}
.MC_Bg_Vanilla__Cold_Grey_3 {
background-color: var(--mc-vanilla-coldgrey-3)
}
.MC_Bg_Vanilla__Cold_Grey_2 {
background-color: var(--mc-vanilla-coldgrey-2)
}
.MC_Bg_Vanilla__Cold_Grey_1 {
background-color: var(--mc-vanilla-coldgrey-1)
}
.MC_Bg_Vanilla__Grey_6 {
background-color: var(--mc-vanilla-grey-6)
}
.MC_Bg_Vanilla__Grey_5 {
background-color: var(--mc-vanilla-grey-5)
}
.MC_Bg_Vanilla__Grey_4 {
background-color: var(--mc-vanilla-grey-4)
}
.MC_Bg_Vanilla__Grey_3 {
background-color: var(--mc-vanilla-grey-3)
}
.MC_Bg_Vanilla__Grey_2 {
background-color: var(--mc-vanilla-grey-2)
}
.MC_Bg_Vanilla__Grey_1 {
background-color: var(--mc-vanilla-grey-1)
}
.MC_Bg_Dungeons__Orange_6 {
background-color: var(--mc-dungeons-orange-6)
}
.MC_Bg_Dungeons__Orange_5 {
background-color: var(--mc-dungeons-orange-5)
}
.MC_Bg_Dungeons__Orange_4 {
background-color: var(--mc-dungeons-orange-4)
}
.MC_Bg_Dungeons__Orange_3 {
background-color: var(--mc-dungeons-orange-3)
}
.MC_Bg_Dungeons__Orange_2 {
background-color: var(--mc-dungeons-orange-2)
}
.MC_Bg_Dungeons__Orange_1 {
background-color: var(--mc-dungeons-orange-1)
}
.MC_Bg_Dungeons__Red_6 {
background-color: var(--mc-dungeons-red-6)
}
.MC_Bg_Dungeons__Red_5 {
background-color: var(--mc-dungeons-red-5)
}
.MC_Bg_Dungeons__Red_4 {
background-color: var(--mc-dungeons-red-4)
}
.MC_Bg_Dungeons__Red_3 {
background-color: var(--mc-dungeons-red-3)
}
.MC_Bg_Dungeons__Red_2 {
background-color: var(--mc-dungeons-red-2)
}
.MC_Bg_Dungeons__Red_1 {
background-color: var(--mc-dungeons-red-1)
}
.MC_Bg_Dungeons__Mulberry_6 {
background-color: var(--mc-dungeons-mulberry-6)
}
.MC_Bg_Dungeons__Mulberry_5 {
background-color: var(--mc-dungeons-mulberry-5)
}
.MC_Bg_Dungeons__Mulberry_4 {
background-color: var(--mc-dungeons-mulberry-4)
}
.MC_Bg_Dungeons__Mulberry_3 {
background-color: var(--mc-dungeons-mulberry-3)
}
.MC_Bg_Dungeons__Mulberry_2 {
background-color: var(--mc-dungeons-mulberry-2)
}
.MC_Bg_Dungeons__Mulberry_1 {
background-color: var(--mc-dungeons-mulberry-1)
}
.MC_Bg_Dungeons2__Rich_Blue {
background-color: var(--mc-dungeons2-rich-blue)
}
.MC_Bg_Dungeons2__Blue_6 {
background-color: var(--mc-dungeons2-blue-6)
}
.MC_Bg_Dungeons2__Blue_5 {
background-color: var(--mc-dungeons2-blue-5)
}
.MC_Bg_Dungeons2__Blue_4 {
background-color: var(--mc-dungeons2-blue-4)
}
.MC_Bg_Dungeons2__Blue_3 {
background-color: var(--mc-dungeons2-blue-3)
}
.MC_Bg_Dungeons2__Blue_2 {
background-color: var(--mc-dungeons2-blue-2)
}
.MC_Bg_Dungeons2__Blue_1 {
background-color: var(--mc-dungeons2-blue-1)
}
.MC_Bg_Dungeons2__Cyan_6 {
background-color: var(--mc-dungeons2-cyan-6)
}
.MC_Bg_Dungeons2__Cyan_5 {
background-color: var(--mc-dungeons2-cyan-5)
}
.MC_Bg_Dungeons2__Cyan_4 {
background-color: var(--mc-dungeons2-cyan-4)
}
.MC_Bg_Dungeons2__Cyan_3 {
background-color: var(--mc-dungeons2-cyan-3)
}
.MC_Bg_Dungeons2__Cyan_2 {
background-color: var(--mc-dungeons2-cyan-2)
}
.MC_Bg_Dungeons2__Cyan_1 {
background-color: var(--mc-dungeons2-cyan-1)
}
.MC_Bg_Dungeons2__Red_6 {
background-color: var(--mc-dungeons2-red-6)
}
.MC_Bg_Dungeons2__Red_5 {
background-color: var(--mc-dungeons2-red-5)
}
.MC_Bg_Dungeons2__Red_4 {
background-color: var(--mc-dungeons2-red-4)
}
.MC_Bg_Dungeons2__Red_3 {
background-color: var(--mc-dungeons2-red-3)
}
.MC_Bg_Dungeons2__Red_2 {
background-color: var(--mc-dungeons2-red-2)
}
.MC_Bg_Dungeons2__Red_1 {
background-color: var(--mc-dungeons2-red-1)
}
.MC_Bg_Dungeons2__Orange_6 {
background-color: var(--mc-dungeons-orange-6)
}
.MC_Bg_Dungeons2__Orange_5 {
background-color: var(--mc-dungeons-orange-5)
}
.MC_Bg_Dungeons2__Orange_4 {
background-color: var(--mc-dungeons-orange-4)
}
.MC_Bg_Dungeons2__Orange_3 {
background-color: var(--mc-dungeons-orange-3)
}
.MC_Bg_Dungeons2__Orange_2 {
background-color: var(--mc-dungeons-orange-2)
}
.MC_Bg_Dungeons2__Orange_1 {
background-color: var(--mc-dungeons-orange-1)
}
.MC_Bg_Dungeons2__Light_Orange {
background-color: var(--mc-dungeons2-light-orange)
}
.MC_Bg_Legends__Light_Blue_6 {
background-color: var(--mc-legends-light-blue-6)
}
.MC_Bg_Legends__Light_Blue_5 {
background-color: var(--mc-legends-light-blue-5)
}
.MC_Bg_Legends__Light_Blue_4 {
background-color: var(--mc-legends-light-blue-4)
}
.MC_Bg_Legends__Light_Blue_3 {
background-color: var(--mc-legends-light-blue-3)
}
.MC_Bg_Legends__Light_Blue_2 {
background-color: var(--mc-legends-light-blue-2)
}
.MC_Bg_Legends__Light_Blue_1 {
background-color: var(--mc-legends-light-blue-1)
}
.MC_Bg_Legends__Dark_Blue_6 {
background-color: var(--mc-legends-dark-blue-6)
}
.MC_Bg_Legends__Dark_Blue_5 {
background-color: var(--mc-legends-dark-blue-5)
}
.MC_Bg_Legends__Dark_Blue_4 {
background-color: var(--mc-legends-dark-blue-4)
}
.MC_Bg_Legends__Dark_Blue_3 {
background-color: var(--mc-legends-dark-blue-3)
}
.MC_Bg_Legends__Dark_Blue_2 {
background-color: var(--mc-legends-dark-blue-2)
}
.MC_Bg_Legends__Dark_Blue_1 {
background-color: var(--mc-legends-dark-blue-1)
}
.MC_Bg_Legends__Light_Orange_6 {
background-color: var(--mc-legends-light-orange-6)
}
.MC_Bg_Legends__Light_Orange_5 {
background-color: var(--mc-legends-light-orange-5)
}
.MC_Bg_Legends__Light_Orange_4 {
background-color: var(--mc-legends-light-orange-4)
}
.MC_Bg_Legends__Light_Orange_3 {
background-color: var(--mc-legends-light-orange-3)
}
.MC_Bg_Legends__Light_Orange_2 {
background-color: var(--mc-legends-light-orange-2)
}
.MC_Bg_Legends__Light_Orange_1 {
background-color: var(--mc-legends-light-orange-1)
}
.MC_Bg_Legends__Ultra_Dark_Blue {
background-color: var(--mc-legends-ultra-dark-blue)
}
.MC_Bg_Legends__Ultra_Dark_Orange {
background-color: var(--mc-legends-ultra-dark-orange)
}
.MC_Bg_Realms__Pink_6 {
background-color: var(--mc-realms-pink-6)
}
.MC_Bg_Realms__Pink_5 {
background-color: var(--mc-realms-pink-5)
}
.MC_Bg_Realms__Pink_4 {
background-color: var(--mc-realms-pink-4)
}
.MC_Bg_Realms__Pink_3 {
background-color: var(--mc-realms-pink-3)
}
.MC_Bg_Realms__Pink_2 {
background-color: var(--mc-realms-pink-2)
}
.MC_Bg_Realms__Pink_1 {
background-color: var(--mc-realms-pink-1)
}
.MC_Bg_Realms__Deep_Blue_7 {
background-color: var(--mc-realms-deep-blue-7)
}
.MC_Bg_Realms__Deep_Blue_6 {
background-color: var(--mc-realms-deep-blue-6)
}
.MC_Bg_Realms__Deep_Blue_5 {
background-color: var(--mc-realms-deep-blue-5)
}
.MC_Bg_Realms__Deep_Blue_4 {
background-color: var(--mc-realms-deep-blue-4)
}
.MC_Bg_Realms__Deep_Blue_3 {
background-color: var(--mc-realms-deep-blue-3)
}
.MC_Bg_Realms__Deep_Blue_2 {
background-color: var(--mc-realms-deep-blue-2)
}
.MC_Bg_Realms__Deep_Blue_1 {
background-color: var(--mc-realms-deep-blue-1)
}
.MC_Bg_Marketplace__Gold_6 {
background-color: var(--mc-marketplace-gold-6)
}
.MC_Bg_Marketplace__Gold_5 {
background-color: var(--mc-marketplace-gold-5)
}
.MC_Bg_Marketplace__Gold_4 {
background-color: var(--mc-marketplace-gold-4)
}
.MC_Bg_Marketplace__Gold_3 {
background-color: var(--mc-marketplace-gold-3)
}
.MC_Bg_Marketplace__Gold_2 {
background-color: var(--mc-marketplace-gold-2)
}
.MC_Bg_Marketplace__Gold_1 {
background-color: var(--mc-marketplace-gold-1)
}
.MC_Bg_Marketplace__Grey_6 {
background-color: var(--mc-marketplace-grey-6)
}
.MC_Bg_Marketplace__Grey_5 {
background-color: var(--mc-marketplace-grey-5)
}
.MC_Bg_Marketplace__Grey_4 {
background-color: var(--mc-marketplace-grey-4)
}
.MC_Bg_Marketplace__Grey_3 {
background-color: var(--mc-marketplace-grey-3)
}
.MC_Bg_Marketplace__Grey_2 {
background-color: var(--mc-marketplace-grey-2)
}
.MC_Bg_Marketplace__Grey_1 {
background-color: var(--mc-marketplace-grey-1)
}
[class*=MC_Theme] .MC_Link_Accent {
background-color: transparent
}
.MC_test_outerScroller {
height: 100px;
left: -10000000px;
overflow: hidden;
position: fixed;
top: -10000000px;
visibility: hidden;
width: 200px
}
.MC_test_innerScroller {
height: 50px;
width: 100%
}
.MC_scrollLock {
overflow: hidden;
padding-right: var(--scrollbarWidth)
}
@layer colorDefinitions {
body:is(.MC_Bg_Core__rich-black, .MC_Bg_Core__off-black, .MC_Bg_Legends__Ultra_Dark_Blue, .MC_Bg_Legends__Ultra_Dark_Orange),
body:is([class*=_Core__Grey_], [class*=_Core__Green_], [class*=_Vanilla__Green_], [class*=_Vanilla__Brown_], [class*=_Vanilla__Grey_], [class*=_Realms__Pink_], [class*=_Realms__Deep_Blue_]):not([class*=_1], [class*=_2], [class*=_3]),
body:is([class*=_Dungeons2__Red_]),
body:is([class*=_Vanilla__Blue_], [class*=_Dungeons__Red_]):not([class*=_1], [class*=_2]),
body:is([class*=_Vanilla__Cold_Grey_], [class*=MC_Bg_Dungeons__Mulberry_], [class*=MC_Bg_Legends__Dark_Blue_]) {
--mc-page-default-color: var(--mc-core-white)
}
[class*=MC_Theme]:is(.MC_Bg_Inherit_Light, .MC_Bg_Core__rich-black, .MC_Bg_Core__off-black, .MC_Bg_Legends__Ultra_Dark_Blue, .MC_Bg_Legends__Ultra_Dark_Orange),
[class*=MC_Theme]:is([class*=_Core__Grey_], [class*=_Core__Green_], [class*=_Vanilla__Green_], [class*=_Vanilla__Brown_], [class*=_Vanilla__Grey_], [class*=_Realms__Pink_], [class*=_Realms__Deep_Blue_]):not([class*=_1], [class*=_2], [class*=_3]),
[class*=MC_Theme]:is([class*=_Dungeons2__Rich_Blue], [class*=_Dungeons2__Blue_], [class*=_Dungeons2__Red_]),
[class*=MC_Theme]:is([class*=_Vanilla__Blue_], [class*=_Dungeons__Red_]):not([class*=_1], [class*=_2]),
[class*=MC_Theme]:is([class*=_Vanilla__Cold_Grey_], [class*=MC_Bg_Dungeons__Mulberry_], [class*=MC_Bg_Legends__Dark_Blue_]),
body:is(.MC_Bg_Core__rich-black, .MC_Bg_Core__off-black, .MC_Bg_Legends__Ultra_Dark_Blue, .MC_Bg_Legends__Ultra_Dark_Orange),
body:is([class*=_Core__Grey_], [class*=_Core__Green_], [class*=_Vanilla__Green_], [class*=_Vanilla__Brown_], [class*=_Vanilla__Grey_], [class*=_Realms__Pink_], [class*=_Realms__Deep_Blue_]):not([class*=_1], [class*=_2], [class*=_3]),
body:is([class*=_Dungeons2__Rich_Blue], [class*=_Dungeons2__Blue_], [class*=_Dungeons2__Red_]),
body:is([class*=_Vanilla__Blue_], [class*=_Dungeons__Red_]):not([class*=_1], [class*=_2]),
body:is([class*=_Vanilla__Cold_Grey_], [class*=MC_Bg_Dungeons__Mulberry_], [class*=MC_Bg_Legends__Dark_Blue_]) {
--mc-theme-primary-color: var(--mc-core-white);
--mc-theme-secondary-color: var(--mc-core-grey-2);
--mc-text-decoration-color: var(--mc-core-white);
--mc-vanilla-green-link-color: var(--mc-vanilla-green-3);
--mc-vanilla-green-link-hover-color: var(--mc-core-white);
--mc-legends-blue-link-color: var(--mc-legends-light-blue-4);
--mc-legends-blue-link-hover-color: var(--mc-core-white);
--mc-dungeons-orange-link-hover-color: var(--mc-core-white);
--mc-dungeons-orange-link-color: var(--mc-dungeons-orange-4);
--mc-dungeons2-orange-link-hover-color: var(--mc-core-white);
--mc-realms-pink-link-color: var(--mc-realms-pink-3);
--mc-realms-pink-link-hover-color: var(--mc-core-white);
--mc-realms-blue-link-color: var(--mc-realms-deep-blue-1);
--mc-realms-blue-link-hover-color: var(--mc-core-white);
--mc-text-highlight-color: #c736ff;
--mc-caption-background-color: var(--mc-core-grey-5);
--mc-blockquote-background-color: var(--mc-core-white);
--mc-blockquote-color: var(--mc-core-rich-black)
}
body:is(.MC_Bg_Core__rich-black, .MC_Bg_Core__off-black, .MC_Bg_Legends__Ultra_Dark_Blue, .MC_Bg_Legends__Ultra_Dark_Orange) .MC_Bg_Core__Green_1,
body:is(.MC_Bg_Core__rich-black, .MC_Bg_Core__off-black, .MC_Bg_Legends__Ultra_Dark_Blue, .MC_Bg_Legends__Ultra_Dark_Orange) .MC_Bg_Core__Green_2,
body:is(.MC_Bg_Core__rich-black, .MC_Bg_Core__off-black, .MC_Bg_Legends__Ultra_Dark_Blue, .MC_Bg_Legends__Ultra_Dark_Orange) .MC_Bg_Core__Green_3,
body:is(.MC_Bg_Core__rich-black, .MC_Bg_Core__off-black, .MC_Bg_Legends__Ultra_Dark_Blue, .MC_Bg_Legends__Ultra_Dark_Orange) .MC_Bg_Core__Grey_1,
body:is(.MC_Bg_Core__rich-black, .MC_Bg_Core__off-black, .MC_Bg_Legends__Ultra_Dark_Blue, .MC_Bg_Legends__Ultra_Dark_Orange) .MC_Bg_Core__Grey_2,
body:is(.MC_Bg_Core__rich-black, .MC_Bg_Core__off-black, .MC_Bg_Legends__Ultra_Dark_Blue, .MC_Bg_Legends__Ultra_Dark_Orange) .MC_Bg_Core__Grey_3,
body:is(.MC_Bg_Core__rich-black, .MC_Bg_Core__off-black, .MC_Bg_Legends__Ultra_Dark_Blue, .MC_Bg_Legends__Ultra_Dark_Orange) .MC_Bg_Core__Realms__Deep_Blue_2,
body:is(.MC_Bg_Core__rich-black, .MC_Bg_Core__off-black, .MC_Bg_Legends__Ultra_Dark_Blue, .MC_Bg_Legends__Ultra_Dark_Orange) .MC_Bg_Core__Realms__Deep_Blue_3,
body:is(.MC_Bg_Core__rich-black, .MC_Bg_Core__off-black, .MC_Bg_Legends__Ultra_Dark_Blue, .MC_Bg_Legends__Ultra_Dark_Orange) .MC_Bg_Core__Realms__Dungeons__Red_1,
body:is(.MC_Bg_Core__rich-black, .MC_Bg_Core__off-black, .MC_Bg_Legends__Ultra_Dark_Blue, .MC_Bg_Legends__Ultra_Dark_Orange) .MC_Bg_Core__Realms__Dungeons__Red_2,
body:is(.MC_Bg_Core__rich-black, .MC_Bg_Core__off-black, .MC_Bg_Legends__Ultra_Dark_Blue, .MC_Bg_Legends__Ultra_Dark_Orange) .MC_Bg_Core__Realms__Pink_1,
body:is(.MC_Bg_Core__rich-black, .MC_Bg_Core__off-black, .MC_Bg_Legends__Ultra_Dark_Blue, .MC_Bg_Legends__Ultra_Dark_Orange) .MC_Bg_Core__Realms__Pink_2,
body:is(.MC_Bg_Core__rich-black, .MC_Bg_Core__off-black, .MC_Bg_Legends__Ultra_Dark_Blue, .MC_Bg_Legends__Ultra_Dark_Orange) .MC_Bg_Core__Realms__Pink_3 .MC_Bg_Core__Realms__Deep_Blue_1,
body:is(.MC_Bg_Core__rich-black, .MC_Bg_Core__off-black, .MC_Bg_Legends__Ultra_Dark_Blue, .MC_Bg_Legends__Ultra_Dark_Orange) .MC_Bg_Core__Realms__Vanilla_Blue_1,
body:is(.MC_Bg_Core__rich-black, .MC_Bg_Core__off-black, .MC_Bg_Legends__Ultra_Dark_Blue, .MC_Bg_Legends__Ultra_Dark_Orange) .MC_Bg_Core__Realms__Vanilla_Blue_2,
body:is(.MC_Bg_Core__rich-black, .MC_Bg_Core__off-black, .MC_Bg_Legends__Ultra_Dark_Blue, .MC_Bg_Legends__Ultra_Dark_Orange) .MC_Bg_Core__Vanilla_Brown_1,
body:is(.MC_Bg_Core__rich-black, .MC_Bg_Core__off-black, .MC_Bg_Legends__Ultra_Dark_Blue, .MC_Bg_Legends__Ultra_Dark_Orange) .MC_Bg_Core__Vanilla_Brown_2,
body:is(.MC_Bg_Core__rich-black, .MC_Bg_Core__off-black, .MC_Bg_Legends__Ultra_Dark_Blue, .MC_Bg_Legends__Ultra_Dark_Orange) .MC_Bg_Core__Vanilla_Brown_3,
body:is(.MC_Bg_Core__rich-black, .MC_Bg_Core__off-black, .MC_Bg_Legends__Ultra_Dark_Blue, .MC_Bg_Legends__Ultra_Dark_Orange) .MC_Bg_Core__Vanilla_Green_1,
body:is(.MC_Bg_Core__rich-black, .MC_Bg_Core__off-black, .MC_Bg_Legends__Ultra_Dark_Blue, .MC_Bg_Legends__Ultra_Dark_Orange) .MC_Bg_Core__Vanilla_Green_2,
body:is(.MC_Bg_Core__rich-black, .MC_Bg_Core__off-black, .MC_Bg_Legends__Ultra_Dark_Blue, .MC_Bg_Legends__Ultra_Dark_Orange) .MC_Bg_Core__Vanilla_Green_3,
body:is(.MC_Bg_Core__rich-black, .MC_Bg_Core__off-black, .MC_Bg_Legends__Ultra_Dark_Blue, .MC_Bg_Legends__Ultra_Dark_Orange) .MC_Bg_Core__Vanilla_Grey_1,
body:is(.MC_Bg_Core__rich-black, .MC_Bg_Core__off-black, .MC_Bg_Legends__Ultra_Dark_Blue, .MC_Bg_Legends__Ultra_Dark_Orange) .MC_Bg_Core__Vanilla_Grey_2,
body:is(.MC_Bg_Core__rich-black, .MC_Bg_Core__off-black, .MC_Bg_Legends__Ultra_Dark_Blue, .MC_Bg_Legends__Ultra_Dark_Orange) .MC_Bg_Core__Vanilla_Grey_3,
body:is(.MC_Bg_Core__rich-black, .MC_Bg_Core__off-black, .MC_Bg_Legends__Ultra_Dark_Blue, .MC_Bg_Legends__Ultra_Dark_Orange) .MC_Bg_Core__off-white,
body:is(.MC_Bg_Core__rich-black, .MC_Bg_Core__off-black, .MC_Bg_Legends__Ultra_Dark_Blue, .MC_Bg_Legends__Ultra_Dark_Orange) .MC_Bg_Core__white,
body:is([class*=_Core__Grey_], [class*=_Core__Green_], [class*=_Vanilla__Green_], [class*=_Vanilla__Brown_], [class*=_Vanilla__Grey_], [class*=_Realms__Pink_], [class*=_Realms__Deep_Blue_]):not([class*=_1], [class*=_2], [class*=_3]) .MC_Bg_Core__Green_1,
body:is([class*=_Core__Grey_], [class*=_Core__Green_], [class*=_Vanilla__Green_], [class*=_Vanilla__Brown_], [class*=_Vanilla__Grey_], [class*=_Realms__Pink_], [class*=_Realms__Deep_Blue_]):not([class*=_1], [class*=_2], [class*=_3]) .MC_Bg_Core__Green_2,
body:is([class*=_Core__Grey_], [class*=_Core__Green_], [class*=_Vanilla__Green_], [class*=_Vanilla__Brown_], [class*=_Vanilla__Grey_], [class*=_Realms__Pink_], [class*=_Realms__Deep_Blue_]):not([class*=_1], [class*=_2], [class*=_3]) .MC_Bg_Core__Green_3,
body:is([class*=_Core__Grey_], [class*=_Core__Green_], [class*=_Vanilla__Green_], [class*=_Vanilla__Brown_], [class*=_Vanilla__Grey_], [class*=_Realms__Pink_], [class*=_Realms__Deep_Blue_]):not([class*=_1], [class*=_2], [class*=_3]) .MC_Bg_Core__Grey_1,
body:is([class*=_Core__Grey_], [class*=_Core__Green_], [class*=_Vanilla__Green_], [class*=_Vanilla__Brown_], [class*=_Vanilla__Grey_], [class*=_Realms__Pink_], [class*=_Realms__Deep_Blue_]):not([class*=_1], [class*=_2], [class*=_3]) .MC_Bg_Core__Grey_2,
body:is([class*=_Core__Grey_], [class*=_Core__Green_], [class*=_Vanilla__Green_], [class*=_Vanilla__Brown_], [class*=_Vanilla__Grey_], [class*=_Realms__Pink_], [class*=_Realms__Deep_Blue_]):not([class*=_1], [class*=_2], [class*=_3]) .MC_Bg_Core__Grey_3,
body:is([class*=_Core__Grey_], [class*=_Core__Green_], [class*=_Vanilla__Green_], [class*=_Vanilla__Brown_], [class*=_Vanilla__Grey_], [class*=_Realms__Pink_], [class*=_Realms__Deep_Blue_]):not([class*=_1], [class*=_2], [class*=_3]) .MC_Bg_Core__Realms__Deep_Blue_2,
body:is([class*=_Core__Grey_], [class*=_Core__Green_], [class*=_Vanilla__Green_], [class*=_Vanilla__Brown_], [class*=_Vanilla__Grey_], [class*=_Realms__Pink_], [class*=_Realms__Deep_Blue_]):not([class*=_1], [class*=_2], [class*=_3]) .MC_Bg_Core__Realms__Deep_Blue_3,
body:is([class*=_Core__Grey_], [class*=_Core__Green_], [class*=_Vanilla__Green_], [class*=_Vanilla__Brown_], [class*=_Vanilla__Grey_], [class*=_Realms__Pink_], [class*=_Realms__Deep_Blue_]):not([class*=_1], [class*=_2], [class*=_3]) .MC_Bg_Core__Realms__Dungeons__Red_1,
body:is([class*=_Core__Grey_], [class*=_Core__Green_], [class*=_Vanilla__Green_], [class*=_Vanilla__Brown_], [class*=_Vanilla__Grey_], [class*=_Realms__Pink_], [class*=_Realms__Deep_Blue_]):not([class*=_1], [class*=_2], [class*=_3]) .MC_Bg_Core__Realms__Dungeons__Red_2,
body:is([class*=_Core__Grey_], [class*=_Core__Green_], [class*=_Vanilla__Green_], [class*=_Vanilla__Brown_], [class*=_Vanilla__Grey_], [class*=_Realms__Pink_], [class*=_Realms__Deep_Blue_]):not([class*=_1], [class*=_2], [class*=_3]) .MC_Bg_Core__Realms__Pink_1,
body:is([class*=_Core__Grey_], [class*=_Core__Green_], [class*=_Vanilla__Green_], [class*=_Vanilla__Brown_], [class*=_Vanilla__Grey_], [class*=_Realms__Pink_], [class*=_Realms__Deep_Blue_]):not([class*=_1], [class*=_2], [class*=_3]) .MC_Bg_Core__Realms__Pink_2,
body:is([class*=_Core__Grey_], [class*=_Core__Green_], [class*=_Vanilla__Green_], [class*=_Vanilla__Brown_], [class*=_Vanilla__Grey_], [class*=_Realms__Pink_], [class*=_Realms__Deep_Blue_]):not([class*=_1], [class*=_2], [class*=_3]) .MC_Bg_Core__Realms__Pink_3 .MC_Bg_Core__Realms__Deep_Blue_1,
body:is([class*=_Core__Grey_], [class*=_Core__Green_], [class*=_Vanilla__Green_], [class*=_Vanilla__Brown_], [class*=_Vanilla__Grey_], [class*=_Realms__Pink_], [class*=_Realms__Deep_Blue_]):not([class*=_1], [class*=_2], [class*=_3]) .MC_Bg_Core__Realms__Vanilla_Blue_1,
body:is([class*=_Core__Grey_], [class*=_Core__Green_], [class*=_Vanilla__Green_], [class*=_Vanilla__Brown_], [class*=_Vanilla__Grey_], [class*=_Realms__Pink_], [class*=_Realms__Deep_Blue_]):not([class*=_1], [class*=_2], [class*=_3]) .MC_Bg_Core__Realms__Vanilla_Blue_2,
body:is([class*=_Core__Grey_], [class*=_Core__Green_], [class*=_Vanilla__Green_], [class*=_Vanilla__Brown_], [class*=_Vanilla__Grey_], [class*=_Realms__Pink_], [class*=_Realms__Deep_Blue_]):not([class*=_1], [class*=_2], [class*=_3]) .MC_Bg_Core__Vanilla_Brown_1,
body:is([class*=_Core__Grey_], [class*=_Core__Green_], [class*=_Vanilla__Green_], [class*=_Vanilla__Brown_], [class*=_Vanilla__Grey_], [class*=_Realms__Pink_], [class*=_Realms__Deep_Blue_]):not([class*=_1], [class*=_2], [class*=_3]) .MC_Bg_Core__Vanilla_Brown_2,
body:is([class*=_Core__Grey_], [class*=_Core__Green_], [class*=_Vanilla__Green_], [class*=_Vanilla__Brown_], [class*=_Vanilla__Grey_], [class*=_Realms__Pink_], [class*=_Realms__Deep_Blue_]):not([class*=_1], [class*=_2], [class*=_3]) .MC_Bg_Core__Vanilla_Brown_3,
body:is([class*=_Core__Grey_], [class*=_Core__Green_], [class*=_Vanilla__Green_], [class*=_Vanilla__Brown_], [class*=_Vanilla__Grey_], [class*=_Realms__Pink_], [class*=_Realms__Deep_Blue_]):not([class*=_1], [class*=_2], [class*=_3]) .MC_Bg_Core__Vanilla_Green_1,
body:is([class*=_Core__Grey_], [class*=_Core__Green_], [class*=_Vanilla__Green_], [class*=_Vanilla__Brown_], [class*=_Vanilla__Grey_], [class*=_Realms__Pink_], [class*=_Realms__Deep_Blue_]):not([class*=_1], [class*=_2], [class*=_3]) .MC_Bg_Core__Vanilla_Green_2,
body:is([class*=_Core__Grey_], [class*=_Core__Green_], [class*=_Vanilla__Green_], [class*=_Vanilla__Brown_], [class*=_Vanilla__Grey_], [class*=_Realms__Pink_], [class*=_Realms__Deep_Blue_]):not([class*=_1], [class*=_2], [class*=_3]) .MC_Bg_Core__Vanilla_Green_3,
body:is([class*=_Core__Grey_], [class*=_Core__Green_], [class*=_Vanilla__Green_], [class*=_Vanilla__Brown_], [class*=_Vanilla__Grey_], [class*=_Realms__Pink_], [class*=_Realms__Deep_Blue_]):not([class*=_1], [class*=_2], [class*=_3]) .MC_Bg_Core__Vanilla_Grey_1,
body:is([class*=_Core__Grey_], [class*=_Core__Green_], [class*=_Vanilla__Green_], [class*=_Vanilla__Brown_], [class*=_Vanilla__Grey_], [class*=_Realms__Pink_], [class*=_Realms__Deep_Blue_]):not([class*=_1], [class*=_2], [class*=_3]) .MC_Bg_Core__Vanilla_Grey_2,
body:is([class*=_Core__Grey_], [class*=_Core__Green_], [class*=_Vanilla__Green_], [class*=_Vanilla__Brown_], [class*=_Vanilla__Grey_], [class*=_Realms__Pink_], [class*=_Realms__Deep_Blue_]):not([class*=_1], [class*=_2], [class*=_3]) .MC_Bg_Core__Vanilla_Grey_3,
body:is([class*=_Core__Grey_], [class*=_Core__Green_], [class*=_Vanilla__Green_], [class*=_Vanilla__Brown_], [class*=_Vanilla__Grey_], [class*=_Realms__Pink_], [class*=_Realms__Deep_Blue_]):not([class*=_1], [class*=_2], [class*=_3]) .MC_Bg_Core__off-white,
body:is([class*=_Core__Grey_], [class*=_Core__Green_], [class*=_Vanilla__Green_], [class*=_Vanilla__Brown_], [class*=_Vanilla__Grey_], [class*=_Realms__Pink_], [class*=_Realms__Deep_Blue_]):not([class*=_1], [class*=_2], [class*=_3]) .MC_Bg_Core__white,
body:is([class*=_Dungeons2__Cyan_], [class*=_Dungeons2__Orange_], [class*=_Dungeons2__Light_Orange]) .MC_Bg_Core__Green_1,
body:is([class*=_Dungeons2__Cyan_], [class*=_Dungeons2__Orange_], [class*=_Dungeons2__Light_Orange]) .MC_Bg_Core__Green_2,
body:is([class*=_Dungeons2__Cyan_], [class*=_Dungeons2__Orange_], [class*=_Dungeons2__Light_Orange]) .MC_Bg_Core__Green_3,
body:is([class*=_Dungeons2__Cyan_], [class*=_Dungeons2__Orange_], [class*=_Dungeons2__Light_Orange]) .MC_Bg_Core__Grey_1,
body:is([class*=_Dungeons2__Cyan_], [class*=_Dungeons2__Orange_], [class*=_Dungeons2__Light_Orange]) .MC_Bg_Core__Grey_2,
body:is([class*=_Dungeons2__Cyan_], [class*=_Dungeons2__Orange_], [class*=_Dungeons2__Light_Orange]) .MC_Bg_Core__Grey_3,
body:is([class*=_Dungeons2__Cyan_], [class*=_Dungeons2__Orange_], [class*=_Dungeons2__Light_Orange]) .MC_Bg_Core__Realms__Deep_Blue_2,
body:is([class*=_Dungeons2__Cyan_], [class*=_Dungeons2__Orange_], [class*=_Dungeons2__Light_Orange]) .MC_Bg_Core__Realms__Deep_Blue_3,
body:is([class*=_Dungeons2__Cyan_], [class*=_Dungeons2__Orange_], [class*=_Dungeons2__Light_Orange]) .MC_Bg_Core__Realms__Dungeons__Red_1,
body:is([class*=_Dungeons2__Cyan_], [class*=_Dungeons2__Orange_], [class*=_Dungeons2__Light_Orange]) .MC_Bg_Core__Realms__Dungeons__Red_2,
body:is([class*=_Dungeons2__Cyan_], [class*=_Dungeons2__Orange_], [class*=_Dungeons2__Light_Orange]) .MC_Bg_Core__Realms__Pink_1,
body:is([class*=_Dungeons2__Cyan_], [class*=_Dungeons2__Orange_], [class*=_Dungeons2__Light_Orange]) .MC_Bg_Core__Realms__Pink_2,
body:is([class*=_Dungeons2__Cyan_], [class*=_Dungeons2__Orange_], [class*=_Dungeons2__Light_Orange]) .MC_Bg_Core__Realms__Pink_3 .MC_Bg_Core__Realms__Deep_Blue_1,
body:is([class*=_Dungeons2__Cyan_], [class*=_Dungeons2__Orange_], [class*=_Dungeons2__Light_Orange]) .MC_Bg_Core__Realms__Vanilla_Blue_1,
body:is([class*=_Dungeons2__Cyan_], [class*=_Dungeons2__Orange_], [class*=_Dungeons2__Light_Orange]) .MC_Bg_Core__Realms__Vanilla_Blue_2,
body:is([class*=_Dungeons2__Cyan_], [class*=_Dungeons2__Orange_], [class*=_Dungeons2__Light_Orange]) .MC_Bg_Core__Vanilla_Brown_1,
body:is([class*=_Dungeons2__Cyan_], [class*=_Dungeons2__Orange_], [class*=_Dungeons2__Light_Orange]) .MC_Bg_Core__Vanilla_Brown_2,
body:is([class*=_Dungeons2__Cyan_], [class*=_Dungeons2__Orange_], [class*=_Dungeons2__Light_Orange]) .MC_Bg_Core__Vanilla_Brown_3,
body:is([class*=_Dungeons2__Cyan_], [class*=_Dungeons2__Orange_], [class*=_Dungeons2__Light_Orange]) .MC_Bg_Core__Vanilla_Green_1,
body:is([class*=_Dungeons2__Cyan_], [class*=_Dungeons2__Orange_], [class*=_Dungeons2__Light_Orange]) .MC_Bg_Core__Vanilla_Green_2,
body:is([class*=_Dungeons2__Cyan_], [class*=_Dungeons2__Orange_], [class*=_Dungeons2__Light_Orange]) .MC_Bg_Core__Vanilla_Green_3,
body:is([class*=_Dungeons2__Cyan_], [class*=_Dungeons2__Orange_], [class*=_Dungeons2__Light_Orange]) .MC_Bg_Core__Vanilla_Grey_1,
body:is([class*=_Dungeons2__Cyan_], [class*=_Dungeons2__Orange_], [class*=_Dungeons2__Light_Orange]) .MC_Bg_Core__Vanilla_Grey_2,
body:is([class*=_Dungeons2__Cyan_], [class*=_Dungeons2__Orange_], [class*=_Dungeons2__Light_Orange]) .MC_Bg_Core__Vanilla_Grey_3,
body:is([class*=_Dungeons2__Cyan_], [class*=_Dungeons2__Orange_], [class*=_Dungeons2__Light_Orange]) .MC_Bg_Core__off-white,
body:is([class*=_Dungeons2__Cyan_], [class*=_Dungeons2__Orange_], [class*=_Dungeons2__Light_Orange]) .MC_Bg_Core__white,
body:is([class*=_Vanilla__Blue_], [class*=_Dungeons__Red_]):not([class*=_1], [class*=_2]) .MC_Bg_Core__Green_1,
body:is([class*=_Vanilla__Blue_], [class*=_Dungeons__Red_]):not([class*=_1], [class*=_2]) .MC_Bg_Core__Green_2,
body:is([class*=_Vanilla__Blue_], [class*=_Dungeons__Red_]):not([class*=_1], [class*=_2]) .MC_Bg_Core__Green_3,
body:is([class*=_Vanilla__Blue_], [class*=_Dungeons__Red_]):not([class*=_1], [class*=_2]) .MC_Bg_Core__Grey_1,
body:is([class*=_Vanilla__Blue_], [class*=_Dungeons__Red_]):not([class*=_1], [class*=_2]) .MC_Bg_Core__Grey_2,
body:is([class*=_Vanilla__Blue_], [class*=_Dungeons__Red_]):not([class*=_1], [class*=_2]) .MC_Bg_Core__Grey_3,
body:is([class*=_Vanilla__Blue_], [class*=_Dungeons__Red_]):not([class*=_1], [class*=_2]) .MC_Bg_Core__Realms__Deep_Blue_2,
body:is([class*=_Vanilla__Blue_], [class*=_Dungeons__Red_]):not([class*=_1], [class*=_2]) .MC_Bg_Core__Realms__Deep_Blue_3,
body:is([class*=_Vanilla__Blue_], [class*=_Dungeons__Red_]):not([class*=_1], [class*=_2]) .MC_Bg_Core__Realms__Dungeons__Red_1,
body:is([class*=_Vanilla__Blue_], [class*=_Dungeons__Red_]):not([class*=_1], [class*=_2]) .MC_Bg_Core__Realms__Dungeons__Red_2,
body:is([class*=_Vanilla__Blue_], [class*=_Dungeons__Red_]):not([class*=_1], [class*=_2]) .MC_Bg_Core__Realms__Pink_1,
body:is([class*=_Vanilla__Blue_], [class*=_Dungeons__Red_]):not([class*=_1], [class*=_2]) .MC_Bg_Core__Realms__Pink_2,
body:is([class*=_Vanilla__Blue_], [class*=_Dungeons__Red_]):not([class*=_1], [class*=_2]) .MC_Bg_Core__Realms__Pink_3 .MC_Bg_Core__Realms__Deep_Blue_1,
body:is([class*=_Vanilla__Blue_], [class*=_Dungeons__Red_]):not([class*=_1], [class*=_2]) .MC_Bg_Core__Realms__Vanilla_Blue_1,
body:is([class*=_Vanilla__Blue_], [class*=_Dungeons__Red_]):not([class*=_1], [class*=_2]) .MC_Bg_Core__Realms__Vanilla_Blue_2,
body:is([class*=_Vanilla__Blue_], [class*=_Dungeons__Red_]):not([class*=_1], [class*=_2]) .MC_Bg_Core__Vanilla_Brown_1,
body:is([class*=_Vanilla__Blue_], [class*=_Dungeons__Red_]):not([class*=_1], [class*=_2]) .MC_Bg_Core__Vanilla_Brown_2,
body:is([class*=_Vanilla__Blue_], [class*=_Dungeons__Red_]):not([class*=_1], [class*=_2]) .MC_Bg_Core__Vanilla_Brown_3,
body:is([class*=_Vanilla__Blue_], [class*=_Dungeons__Red_]):not([class*=_1], [class*=_2]) .MC_Bg_Core__Vanilla_Green_1,
body:is([class*=_Vanilla__Blue_], [class*=_Dungeons__Red_]):not([class*=_1], [class*=_2]) .MC_Bg_Core__Vanilla_Green_2,
body:is([class*=_Vanilla__Blue_], [class*=_Dungeons__Red_]):not([class*=_1], [class*=_2]) .MC_Bg_Core__Vanilla_Green_3,
body:is([class*=_Vanilla__Blue_], [class*=_Dungeons__Red_]):not([class*=_1], [class*=_2]) .MC_Bg_Core__Vanilla_Grey_1,
body:is([class*=_Vanilla__Blue_], [class*=_Dungeons__Red_]):not([class*=_1], [class*=_2]) .MC_Bg_Core__Vanilla_Grey_2,
body:is([class*=_Vanilla__Blue_], [class*=_Dungeons__Red_]):not([class*=_1], [class*=_2]) .MC_Bg_Core__Vanilla_Grey_3,
body:is([class*=_Vanilla__Blue_], [class*=_Dungeons__Red_]):not([class*=_1], [class*=_2]) .MC_Bg_Core__off-white,
body:is([class*=_Vanilla__Blue_], [class*=_Dungeons__Red_]):not([class*=_1], [class*=_2]) .MC_Bg_Core__white {
--mc-theme-primary-color: var(--mc-core-rich-black)
}
}
@layer Glyphs {
.MC_Glyph_Link_A {
align-items: center;
display: inline-flex
}
.MC_Glyph_Link_A:after {
aspect-ratio: 1/1;
background-color: #000;
clip-path: var(--mc-environment-link_A);
content: "";
display: inline-block;
flex-basis: 7px;
flex-grow: 0;
flex-shrink: 0;
height: 7px;
margin-left: 12px;
width: 7px
}
.MC_Glyph_Link_A:active,
.MC_Glyph_Link_A:focus,
.MC_Glyph_Link_A:focus-visible {
background-color: transparent;
border-radius: 0;
box-shadow: 0 0 0 .0625rem #fff;
outline: 2px solid var(--mc-default-focus)
}
.MC_Glyph_Link_B {
align-items: center;
display: flex;
gap: 1rem
}
.MC_Glyph_Link_B:after {
background-color: var(--mc-core-rich-black);
clip-path: var(--mc-environment-arrow__down_clip-path);
content: "";
display: inline-block;
flex-basis: 14px;
flex-grow: 0;
flex-shrink: 0;
height: 8px;
transform: rotate(-90deg);
width: 14px
}
.MC_Glyph_Link_C {
align-items: end;
display: inline-flex;
gap: 9px
}
.MC_Glyph_Link_C:after {
background-color: #fff;
clip-path: var(--mc-environment-right_arrow_with_tail_icon_clip-path);
content: "";
display: block;
flex-basis: 16px;
flex-grow: 0;
flex-shrink: 0;
height: 16px;
width: 16px
}
.MC_Glyph_Download_A {
align-items: end;
display: inline-flex;
gap: 9px;
position: relative
}
.MC_Glyph_Download_A>span {
padding-right: 33px
}
.MC_Glyph_Download_A:after {
background-color: #fff;
clip-path: var(--mc-environment-arrow__download_clip-path);
content: "";
display: block;
flex-basis: 24px;
flex-grow: 0;
flex-shrink: 0;
height: 24px;
position: absolute;
right: 28px;
top: 50%;
transform: translateY(-50%);
width: 24px
}
.MC_Glyph_Icon_A rect {
fill: #ede5e2
}
.MC_Theme_Legends .MC_Glyph_Link_A:not(.MC_Button_Hero, .MC_Button_NotchedHero, .MC_Button_Primary, .MC_Button_Secondary):after {
background-color: var(--mc-legends-blue-link-color, var(--mc-legends-dark-blue-3))
}
.MC_Theme_Legends .MC_Glyph_Link_A:not(.MC_Button_Hero, .MC_Button_NotchedHero, .MC_Button_Primary, .MC_Button_Secondary):hover {
color: var(--mc-vanilla-green-link-hover-color, var(--mc-legends-blue-link-color, var(--mc-legends-dark-blue-3)))
}
.MC_Theme_Legends .MC_Glyph_Link_A.MC_Link_Accent:not(.MC_Button_Hero, .MC_Button_NotchedHero, .MC_Button_Primary, .MC_Button_Secondary):hover:after,
.MC_Theme_Legends .MC_Glyph_Link_A:not(.MC_Button_Hero, .MC_Button_NotchedHero, .MC_Button_Primary, .MC_Button_Secondary):hover:after {
background-color: var(--mc-vanilla-green-link-hover-color, var(--mc-legends-blue-link-color, var(--mc-legends-dark-blue-3)))
}
.MC_Theme_Dungeons .MC_Glyph_Link_A:not(.MC_Button_Hero, .MC_Button_NotchedHero, .MC_Button_Primary, .MC_Button_Secondary):after {
background-color: var(--mc-dungeons-orange-link-color, var(--mc-dungeons-orange-6))
}
.MC_Theme_Dungeons .MC_Glyph_Link_A:not(.MC_Button_Hero, .MC_Button_NotchedHero, .MC_Button_Primary, .MC_Button_Secondary):hover {
color: var(--mc-dungeons-orange-link-hover-color, var(--mc-dungeons-orange-link-color, var(--mc-dungeons-orange-6)))
}
.MC_Theme_Dungeons .MC_Glyph_Link_A:not(.MC_Button_Hero, .MC_Button_NotchedHero, .MC_Button_Primary, .MC_Button_Secondary).MC_Link_Accent:hover:after,
.MC_Theme_Dungeons .MC_Glyph_Link_A:not(.MC_Button_Hero, .MC_Button_NotchedHero, .MC_Button_Primary, .MC_Button_Secondary):hover:after {
background-color: var(--mc-dungeons-orange-link-hover-color, var(--mc-dungeons-orange-link-color, var(--mc-dungeons-orange-6)))
}
.MC_Theme_Dungeons2 .MC_Glyph_Link_A:not(.MC_Button_Hero, .MC_Button_NotchedHero, .MC_Button_Primary, .MC_Button_Secondary):after {
background-color: var(--mc-dungeons-orange-link-color, var(--mc-dungeons-orange-6))
}
.MC_Theme_Dungeons2 .MC_Glyph_Link_A:not(.MC_Button_Hero, .MC_Button_NotchedHero, .MC_Button_Primary, .MC_Button_Secondary):hover {
color: var(--mc-dungeons-orange-link-hover-color, var(--mc-dungeons-orange-link-color, var(--mc-dungeons-orange-6)))
}
.MC_Theme_Dungeons2 .MC_Glyph_Link_A.MC_Link_Accent:not(.MC_Button_Hero, .MC_Button_NotchedHero, .MC_Button_Primary, .MC_Button_Secondary):hover:after,
.MC_Theme_Dungeons2 .MC_Glyph_Link_A:not(.MC_Button_Hero, .MC_Button_NotchedHero, .MC_Button_Primary, .MC_Button_Secondary):hover:after {
background-color: var(--mc-dungeons-orange-link-hover-color, var(--mc-dungeons-orange-link-color, var(--mc-dungeons-orange-6)))
}
.MC_Theme_Vanilla .MC_Glyph_Link_A:not(.MC_Button_Hero, .MC_Button_NotchedHero, .MC_Button_Primary, .MC_Button_Secondary):after {
background-color: var(--mc-vanilla-green-link-color, var(--mc-core-green-6))
}
.MC_Theme_Vanilla .MC_Glyph_Link_A:not(.MC_Button_Hero, .MC_Button_NotchedHero, .MC_Button_Primary, .MC_Button_Secondary):hover {
color: var(--mc-vanilla-green-link-hover-color, var(--mc-vanilla-green-link-color, var(--mc-core-green-6)))
}
.MC_Theme_Vanilla .MC_Glyph_Link_A.MC_Link_Accent:not(.MC_Button_Hero, .MC_Button_NotchedHero, .MC_Button_Primary, .MC_Button_Secondary):hover:after,
.MC_Theme_Vanilla .MC_Glyph_Link_A:not(.MC_Button_Hero, .MC_Button_NotchedHero, .MC_Button_Primary, .MC_Button_Secondary):hover:after {
background-color: var(--mc-vanilla-green-link-hover-color, var(--mc-vanilla-green-link-color, var(--mc-core-green-6)))
}
.MC_Theme_Realms .MC_Glyph_Link_A:not(.MC_Button_Hero, .MC_Button_NotchedHero, .MC_Button_Primary, .MC_Button_Secondary):after {
background-color: var(--mc-realms-blue-link-color, var(--mc-realms-deep-blue-3))
}
.MC_Theme_Realms .MC_Glyph_Link_A:not(.MC_Button_Hero, .MC_Button_NotchedHero, .MC_Button_Primary, .MC_Button_Secondary):hover {
color: var(--mc-realms-blue-link-hover-color, var(--mc-realms-blue-link-color, var(--mc-realms-deep-blue-3)))
}
.MC_Theme_Realms .MC_Glyph_Link_A.MC_Link_Accent:not(.MC_Button_Hero, .MC_Button_NotchedHero, .MC_Button_Primary, .MC_Button_Secondary):hover:after,
.MC_Theme_Realms .MC_Glyph_Link_A:not(.MC_Button_Hero, .MC_Button_NotchedHero, .MC_Button_Primary, .MC_Button_Secondary):hover:after {
background-color: var(--mc-realms-blue-link-hover-color, var(--mc-realms-blue-link-color, var(--mc-realms-deep-blue-3)))
}
.MC_Theme_Marketplace .MC_Glyph_Link_A:not(.MC_Button_Hero, .MC_Button_NotchedHero, .MC_Button_Primary, .MC_Button_Secondary):after {
background-color: var(--mc-marketplace-gold-3)
}
.MC_Theme_Marketplace .MC_Glyph_Link_A:not(.MC_Button_Hero, .MC_Button_NotchedHero, .MC_Button_Primary, .MC_Button_Secondary):hover {
color: var(--mc-core-white)
}
.MC_Theme_Marketplace .MC_Glyph_Link_A:not(.MC_Button_Hero, .MC_Button_NotchedHero, .MC_Button_Primary, .MC_Button_Secondary):hover:after {
background-color: var(--mc-marketplace-gold-3)
}
.MC_Theme_Marketplace .MC_Glyph_Link_A.MC_Link_Accent:not(.MC_Button_Hero, .MC_Button_NotchedHero, .MC_Button_Primary, .MC_Button_Secondary):hover:after {
background-color: var(--mc-core-white)
}
}
@media (forced-colors:active) {
.MC_Glyph_Link_A:hover {
text-decoration: underline
}
}
@media (forced-colors:active) and (prefers-color-scheme:dark) {
.MC_Glyph_Link_A:after,
.MC_Glyph_Link_B:after,
.MC_Glyph_Link_C:after {
background-color: currentColor !important;
filter: invert(1)
}
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
.MC_Glyph_Link_A:after,
.MC_Glyph_Link_B:after,
.MC_Glyph_Link_C:after {
filter: invert(1)
}
}
@layer linkStyles {
.MC_Theme_Legends a:not(.MC_Button, .MC_Link_Accent) {
color: var(--mc-legends-blue-link-color, var(--mc-legends-dark-blue-3));
text-decoration: underline
}
.MC_Theme_Legends a:not(.MC_Button):active,
.MC_Theme_Legends a:not(.MC_Button):focus,
.MC_Theme_Legends a:not(.MC_Button):focus-visible {
background-color: transparent;
border-radius: 0;
box-shadow: 0 0 0 .125rem var(--mc-default-focus);
outline: .0625rem solid var(--mc-core-white);
outline-offset: 1px
}
.MC_Theme_Legends a:not(.MC_Button, .MC_Link_Accent):hover {
background-color: transparent;
color: var(--mc-legends-blue-link-hover-color, var(--mc-legends-blue-link-color, var(--mc-legends-dark-blue-3)))
}
.MC_Theme_Legends .MC_Link_Accent {
color: var(--mc-legends-blue-link-color, var(--mc-legends-dark-blue-3))
}
.MC_Theme_Legends .MC_Link_Accent:hover {
color: var(--mc-legends-blue-link-hover-color, var(--mc-legends-blue-link-color, var(--mc-legends-dark-blue-3)));
text-decoration: underline
}
.MC_Theme_Legends .MC_Link_h5 {
font-size: 1.125rem;
font-weight: 700;
line-height: 1.5625rem;
text-decoration: none
}
.MC_Theme_Legends .MC_Link_h5:hover {
color: var(--mc-legends-blue-link-hover-color, var(--mc-legends-blue-link-color, var(--mc-legends-dark-blue-3)))
}
.MC_Theme_Vanilla a:not(.MC_Button, .MC_Link_Accent) {
color: var(--mc-vanilla-green-link-color, var(--mc-core-green-6));
text-decoration: underline
}
.MC_Theme_Vanilla a:not(.MC_Button):active,
.MC_Theme_Vanilla a:not(.MC_Button):focus,
.MC_Theme_Vanilla a:not(.MC_Button):focus-visible {
background-color: transparent;
border-radius: 0;
box-shadow: 0 0 0 .125rem var(--mc-default-focus);
outline: .0625rem solid var(--mc-core-white);
outline-offset: 1px
}
.MC_Theme_Vanilla a:not(.MC_Button, .MC_Link_Accent):hover {
background-color: transparent;
color: var(--mc-vanilla-green-link-hover-color, var(--mc-vanilla-green-link-color, var(--mc-core-green-6)))
}
.MC_Theme_Vanilla .MC_Link_Accent {
color: var(--mc-vanilla-green-link-color, var(--mc-core-green-6))
}
.MC_Theme_Vanilla .MC_Link_Accent:hover {
color: var(--mc-vanilla-green-link-hover-color, var(--mc-vanilla-green-link-color, var(--mc-core-green-6)));
text-decoration: underline
}
.MC_Theme_Vanilla .MC_Link_h5 {
font-size: 1.125rem;
font-weight: 700;
line-height: 1.5625rem;
text-decoration: none
}
.MC_Theme_Vanilla .MC_Link_h5:hover {
color: var(--mc-vanilla-green-link-hover-color, var(--mc-vanilla-green-link-color, var(--mc-core-green-6)))
}
.MC_Theme_Dungeons a:not(.MC_Button, .MC_Link_Accent) {
color: var(--mc-dungeons-orange-link-color, var(--mc-dungeons-orange-6));
text-decoration: underline
}
.MC_Theme_Dungeons a:not(.MC_Button):active,
.MC_Theme_Dungeons a:not(.MC_Button):focus,
.MC_Theme_Dungeons a:not(.MC_Button):focus-visible {
background-color: transparent;
border-radius: 0;
box-shadow: 0 0 0 .125rem var(--mc-default-focus);
outline: .0625rem solid var(--mc-core-white);
outline-offset: 1px
}
.MC_Theme_Dungeons a:not(.MC_Button, .MC_Link_Accent):hover {
background-color: transparent;
color: var(--mc-dungeons-orange-link-hover-color, var(--mc-dungeons-orange-link-color, var(--mc-dungeons-orange-6)))
}
.MC_Theme_Dungeons .MC_Link_Accent {
color: var(--mc-dungeons-orange-link-color, var(--mc-dungeons-orange-6))
}
.MC_Theme_Dungeons .MC_Link_Accent:hover {
color: var(--mc-dungeons-orange-link-hover-color, var(--mc-dungeons-orange-link-color, var(--mc-dungeons-orange-6)));
text-decoration: underline
}
.MC_Theme_Dungeons .MC_Link_h5 {
font-size: 1.125rem;
font-weight: 700;
line-height: 1.5625rem;
text-decoration: none
}
.MC_Theme_Dungeons .MC_Link_h5:hover {
color: var(--mc-dungeons-orange-link-hover-color, var(--mc-dungeons-orange-link-color, var(--mc-dungeons-orange-6)))
}
.MC_Theme_Dungeons2 a:not(.MC_Button, .MC_Link_Accent) {
color: var(--mc-dungeons-orange-link-color, var(--mc-dungeons-orange-6));
text-decoration: underline
}
.MC_Theme_Dungeons2 a:not(.MC_Button):active,
.MC_Theme_Dungeons2 a:not(.MC_Button):focus,
.MC_Theme_Dungeons2 a:not(.MC_Button):focus-visible {
background-color: transparent;
border-radius: 0;
box-shadow: 0 0 0 .125rem var(--mc-default-focus);
outline: .0625rem solid var(--mc-core-white);
outline-offset: 1px
}
.MC_Theme_Dungeons2 a:not(.MC_Button, .MC_Link_Accent):hover {
background-color: transparent;
color: var(--mc-dungeons-orange-link-hover-color, var(--mc-dungeons-orange-link-color, var(--mc-dungeons-orange-6)))
}
.MC_Theme_Dungeons2 .MC_Link_Accent {
color: var(--mc-dungeons-orange-link-color, var(--mc-dungeons-orange-6))
}
.MC_Theme_Dungeons2 .MC_Link_Accent:hover {
color: var(--mc-dungeons-orange-link-hover-color, var(--mc-dungeons-orange-link-color, var(--mc-dungeons-orange-6)));
text-decoration: underline
}
.MC_Theme_Dungeons2 .MC_Link_h5 {
font-size: 1.125rem;
font-weight: 700;
line-height: 1.5625rem;
text-decoration: none
}
.MC_Theme_Dungeons2 .MC_Link_h5:hover {
color: var(--mc-dungeons2-orange-link-hover-color, var(--mc-dungeons2-orange-link-color, var(--mc-dungeons-orange-6)))
}
.MC_Theme_Realms a:not(.MC_Button, .MC_Link_Accent) {
color: var(--mc-realms-deep-blue-1, var(--mc-realms-deep-blue-3));
text-decoration: underline
}
.MC_Theme_Realms a:not(.MC_Button):active,
.MC_Theme_Realms a:not(.MC_Button):focus,
.MC_Theme_Realms a:not(.MC_Button):focus-visible {
background-color: transparent;
border-radius: 0;
box-shadow: 0 0 0 .125rem var(--mc-default-focus);
outline: .0625rem solid var(--mc-core-white);
outline-offset: 1px
}
.MC_Theme_Realms a:not(.MC_Button, .MC_Link_Accent):hover {
background-color: transparent;
color: var(--mc-realms-blue-link-hover-color, var(--mc-realms-blue-link-color, var(--mc-realms-deep-blue-3)))
}
.MC_Theme_Realms .MC_Link_Accent {
color: var(--mc-realms-blue-link-color, var(--mc-realms-deep-blue-3))
}
.MC_Theme_Realms .MC_Link_Accent:hover {
color: var(--mc-realms-blue-link-hover-color, var(--mc-realms-blue-link-color, var(--mc-realms-deep-blue-3)));
text-decoration: underline
}
.MC_Theme_Realms .MC_Link_h5 {
font-size: 1.125rem;
font-weight: 700;
line-height: 1.5625rem;
text-decoration: none
}
.MC_Theme_Realms .MC_Link_h5:hover {
color: var(--mc-realms-blue-link-hover-color, var(--mc-realms-blue-link-color, var(--mc-realms-deep-blue-3)));
text-decoration: underline
}
.MC_Theme_Marketplace a:not(.MC_Button, .MC_Link_Accent) {
color: var(--mc-core-white);
text-decoration: underline
}
.MC_Theme_Marketplace a:not(.MC_Button):active,
.MC_Theme_Marketplace a:not(.MC_Button):focus,
.MC_Theme_Marketplace a:not(.MC_Button):focus-visible {
background-color: transparent;
border-radius: 0;
box-shadow: 0 0 0 .125rem var(--mc-default-focus);
outline: .0625rem solid var(--mc-core-white);
outline-offset: 1px
}
.MC_Theme_Marketplace a:not(.MC_Button, .MC_Link_Accent):hover {
background-color: transparent;
color: var(--mc-marketplace-gold-3)
}
.MC_Theme_Marketplace .MC_Link_Accent {
color: var(--mc-marketplace-gold-3)
}
.MC_Theme_Marketplace .MC_Link_Accent:hover {
color: var(--mc-core-white);
text-decoration: underline
}
.MC_Theme_Marketplace .MC_Link_h5 {
font-size: 1.125rem;
font-weight: 700;
line-height: 1.5625rem;
text-decoration: none
}
.MC_Link_StyleA,
.MC_Theme_Marketplace .MC_Link_h5:hover {
color: var(--mc-core-white)
}
.MC_Link_StyleA {
font-size: .875rem;
font-weight: 700;
letter-spacing: .03em;
line-height: 19px;
text-decoration: none !important;
text-transform: uppercase
}
.MC_Link_StyleA:hover {
color: var(--mc-core-white) !important;
text-decoration: underline !important
}
.MC_Link_StyleA:focus,
.MC_Link_StyleA:focus-visible {
background-color: transparent;
border-radius: 0;
box-shadow: 0 0 0 .125rem var(--mc-default-focus);
outline: .0625rem solid var(--mc-core-white);
outline-offset: 1px
}
.MC_Theme_Marketplace .MC_Link_StyleA {
color: var(--mc-marketplace-gold-3) !important
}
.MC_Theme_Marketplace .MC_Link_StyleA.MC_Glyph_Link_B {
gap: 8px
}
.MC_Theme_Marketplace .MC_Link_StyleA.MC_Glyph_Link_B:after {
background-color: var(--mc-marketplace-gold-3)
}
.MC_Theme_Vanilla .MC_Link_StyleA {
color: var(--mc-vanilla-green-link-color, var(--mc-core-green-6)) !important
}
.MC_Theme_Vanilla .MC_Link_StyleA.MC_Glyph_Link_B {
gap: 8px
}
.MC_Theme_Vanilla .MC_Link_StyleA.MC_Glyph_Link_B:after {
background-color: var(--mc-vanilla-green-link-color, var(--mc-core-green-6))
}
.MC_Theme_Vanilla .MC_Link_Style_RichText a,
.MC_Theme_Vanilla .MC_Link_Style_RichText a:hover {
color: var(--mc-vanilla-green-link-color, var(--mc-core-green-6));
font-weight: 700;
text-decoration: underline
}
.MC_Theme_Vanilla .MC_Link_Style_RichText a:not(.MC_Button, .MC_Link_Accent) {
color: var(--mc-vanilla-green-link-color, var(--mc-core-green-6))
}
.MC_Theme_Legends .MC_Link_Style_RichText a,
.MC_Theme_Legends .MC_Link_Style_RichText a:hover {
color: var(--mc-legends-blue-link-color, var(--mc-legends-dark-blue-3));
font-weight: 700;
text-decoration: underline
}
.MC_Theme_Legends .MC_Link_Style_RichText a:not(.MC_Button, .MC_Link_Accent) {
color: var(--mc-legends-blue-link-color, var(--mc-legends-dark-blue-3))
}
.MC_Theme_Dungeons .MC_Link_Style_RichText a,
.MC_Theme_Dungeons .MC_Link_Style_RichText a:hover {
color: var(--mc-dungeons-orange-link-color, var(--mc-dungeons-orange-6));
font-weight: 700;
text-decoration: underline
}
.MC_Theme_Dungeons .MC_Link_Style_RichText a:not(.MC_Button, .MC_Link_Accent) {
color: var(--mc-dungeons-orange-link-color, var(--mc-dungeons-orange-6))
}
.MC_Theme_Dungeons2 .MC_Link_Style_RichText a,
.MC_Theme_Dungeons2 .MC_Link_Style_RichText a:hover {
color: var(--mc-dungeons-orange-link-color, var(--mc-dungeons-orange-6));
font-weight: 700;
text-decoration: underline
}
.MC_Theme_Dungeons2 .MC_Link_Style_RichText a:not(.MC_Button, .MC_Link_Accent) {
color: var(--mc-dungeons-orange-link-color, var(--mc-dungeons-orange-6))
}
.MC_Theme_Realms .MC_Link_Style_RichText a,
.MC_Theme_Realms .MC_Link_Style_RichText a:hover {
color: var(--mc-realms-pink-link-color, var(--mc-realms-deep-blue-3));
font-weight: 700;
text-decoration: underline
}
.MC_Theme_Realms .MC_Link_Style_RichText a:not(.MC_Button, .MC_Link_Accent) {
color: var(--mc-realms-pink-link-color, var(--mc-realms-deep-blue-3))
}
.MC_Theme_Marketplace .MC_Link_Style_RichText a,
.MC_Theme_Marketplace .MC_Link_Style_RichText a:hover {
color: var(--mc-marketplace-gold-3);
font-weight: 700;
text-decoration: underline
}
.MC_Link_Style_RichText a:hover {
text-decoration: none !important
}
.MC_Link_Style_RichText ul {
list-style-type: square
}
.MC_Link_Style_RichText ol {
list-style-type: auto
}
.MC_Link_Style_RichText ol,
.MC_Link_Style_RichText ul {
color: var(--mc-theme-primary-color, var(--mc-core-rich-black));
margin: 6px 0 12px;
padding-left: 32px
}
}
@keyframes mcAnimateFadeInUp {
0% {
opacity: 0;
transform: translate3d(0, 100%, 0)
}
to {
opacity: 1;
transform: translateZ(0)
}
}
@keyframes mcAnimateFadeOutDown {
0% {
opacity: 1;
transform: translateZ(0)
}
to {
opacity: 0;
transform: translate3d(0, 100%, 0)
}
}
@keyframes mcAnimateGlyphDown {
0%,
to {
bottom: 0
}
50% {
bottom: -15px
}
}
@keyframes mcAnimateFadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes mcAnimateFadeOut {
0% {
opacity: 1
}
to {
opacity: 0
}
}
.MC_Draggable {
position: relative;
z-index: 0
}
.MC_Draggable>div {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.MC_AEM_Wrapper {
position: relative;
z-index: 20
}
.MC_AEM_Wrapper+.MC_AEM_Wrapper {
z-index: 19
}
.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper {
z-index: 18
}
.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper {
z-index: 17
}
.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper {
z-index: 16
}
.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper {
z-index: 15
}
.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper {
z-index: 14
}
.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper {
z-index: 13
}
.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper {
z-index: 12
}
.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper {
z-index: 11
}
.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper {
z-index: 10
}
.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper {
z-index: 9
}
.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper+.MC_AEM_Wrapper {
z-index: 8
}
.MC_AEM_Wrapper:has(>[class*=MC_Fade__top_]) {
z-index: 34 !important
}
.MC_AEM_Wrapper:has(>[class*=MC_Fade__top_])+.MC_AEM_Wrapper:has(>[class*=MC_Fade__top_]) {
z-index: 35 !important
}
.MC_AEM_Wrapper:has(>[class*=MC_Fade__top_])+.MC_AEM_Wrapper:has(>[class*=MC_Fade__top_])+.MC_AEM_Wrapper:has(>[class*=MC_Fade__top_]) {
z-index: 36 !important
}
.MC_AEM_Wrapper:has(>[class*=MC_Fade__top_])+.MC_AEM_Wrapper:has(>[class*=MC_Fade__top_])+.MC_AEM_Wrapper:has(>[class*=MC_Fade__top_])+.MC_AEM_Wrapper:has(>[class*=MC_Fade__top_]) {
z-index: 37 !important
}
.MC_AEM_Wrapper:has(>[class*=MC_Fade__top_])+.MC_AEM_Wrapper:has(>[class*=MC_Fade__top_])+.MC_AEM_Wrapper:has(>[class*=MC_Fade__top_])+.MC_AEM_Wrapper:has(>[class*=MC_Fade__top_])+.MC_AEM_Wrapper:has(>[class*=MC_Fade__top_]) {
z-index: 38 !important
}
.MC_AEM_Wrapper:has(>[class*=MC_Fade__top_])+.MC_AEM_Wrapper:has(>[class*=MC_Fade__top_])+.MC_AEM_Wrapper:has(>[class*=MC_Fade__top_])+.MC_AEM_Wrapper:has(>[class*=MC_Fade__top_])+.MC_AEM_Wrapper:has(>[class*=MC_Fade__top_])+.MC_AEM_Wrapper:has(>[class*=MC_Fade__top_]) {
z-index: 39 !important
}
.MC_AEM_Wrapper:has(>[class*=MC_Fade__top_])+.MC_AEM_Wrapper:has(>[class*=MC_Fade__top_])+.MC_AEM_Wrapper:has(>[class*=MC_Fade__top_])+.MC_AEM_Wrapper:has(>[class*=MC_Fade__top_])+.MC_AEM_Wrapper:has(>[class*=MC_Fade__top_])+.MC_AEM_Wrapper:has(>[class*=MC_Fade__top_])+.MC_AEM_Wrapper:has(>[class*=MC_Fade__top_]) {
z-index: 40 !important
}
.MC_Accordion_group {
border-top: 1px solid var(--mc-core-grey-4);
padding: 1px 0
}
.MC_Accordion_content[aria-hidden=true] {
display: none
}
.MC_Accordion_content {
padding-left: 3px
}
.MC_Accordion_toggle {
border: none;
padding: 0;
width: 100%
}
.MC_Accordion_toggle:focus {
box-shadow: 0 0 0 .0625rem var(--mc-default-focus);
outline: .0625rem solid var(--mc-core-white);
outline-offset: 1px
}
.MC_Accordion_toggle_text {
display: block;
font-family: var(--mc-default--fontlist);
font-size: 1rem;
font-weight: 700;
margin-bottom: 0;
padding: 17px 35px 17px 3px;
position: relative;
text-align: left;
text-transform: uppercase
}
.MC_Accordion_toggle_text:after {
aspect-ratio: 14/8;
background-color: var(--mc-core-grey-5);
clip-path: var(--mc-environment-arrow__down_clip-path);
content: "";
display: block;
position: absolute;
right: 5px;
top: 50%;
transform: translateY(-50%);
width: 14px
}
.MC_Accordion_toggle[aria-expanded=true] .MC_Accordion_toggle_text:after {
transform: translateY(-50%) rotate(180deg)
}
@media (forced-colors:active) {
.MC_Accordion_toggle:focus,
.MC_Accordion_toggle:focus-visible {
outline: 2px solid #000 !important
}
.MC_Accordion_content {
margin-top: 2px;
padding-bottom: 2px
}
}
@media (forced-colors:active) and (prefers-color-scheme:dark) {
.MC_Accordion_toggle_text:after {
background-color: currentColor;
filter: invert(1)
}
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
.MC_Accordion_toggle_text:after {
filter: invert(1)
}
}
.MC_Animations {
height: 0;
overflow: hidden;
position: relative;
white-space: nowrap;
width: 0
}
.MC_Animations_group {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.MC_Animations_Layer {
animation-timing-function: linear;
left: 0;
position: absolute;
top: 0;
width: auto
}
.MC_Animations_Layer,
.MC_Animations_Layer:after {
aspect-ratio: calc(var(--width)/var(--frames)) /var(--height);
height: auto
}
.MC_Animations_Layer:after {
animation-delay: var(--animation-delay, 0);
animation-duration: calc(1s*(var(--frames)/12));
animation-iteration-count: var(--animation-iteration-count, infinite);
animation-name: MCAnimations;
animation-timing-function: steps(var(--frames), jump-none);
background-image: var(--bg-asset);
background-repeat: no-repeat;
background-size: calc(100%*var(--frames)) 100%;
content: "";
display: block;
position: relative;
width: 100%
}
@media (forced-colors:active) {
.MC_Animations_Layer:after {
filter: invert(1)
}
}
@keyframes MCAnimations {
0% {
background-position-x: 0
}
to {
background-position-x: 100%
}
}
.MC_Animations .MC_Animations_Layer:after {
animation: none !important
}
.MC_Animation__cancel .MC_Animations_Layer,
.MC_Animation__cancel .MC_Animations_Layer:after {
animation-play-state: paused
}
@media (prefers-reduced-motion:reduce) {
.MC_Animations_Layer,
.MC_Animations_Layer:after {
animation-play-state: paused
}
}
.MC_Blocks {
display: none
}
.MC_Blocks_Group {
height: 100%;
left: 0;
pointer-events: none;
position: absolute;
top: 0
}
.MC_Blocks_Row {
display: flex;
flex-wrap: nowrap;
gap: 0;
justify-content: flex-start;
pointer-events: none;
position: relative
}
.MC_Blocks_Block,
.MC_Blocks_Block>* {
--frames: 4;
--height: 90;
height: 100%;
--width: 360;
--border-width: calc((1px/var(--height))*100);
aspect-ratio: calc(var(--width)/var(--frames)) /var(--height);
background-color: transparent;
background-position-x: calc(100%*(1 - var(--state, var(--strength))/(var(--frames) - 1)));
background-repeat: no-repeat;
background-size: cover;
border-width: 0;
display: block;
padding: 0;
pointer-events: auto;
position: relative
}
.MC_Blocks_Block[data-mc-block-strength="0"]>* {
bottom: 0;
left: 0;
position: absolute
}
.MC_Blocks_Block.MC_Blocks_Contains[data-mc-block-strength="0"]:focus:after,
.MC_Blocks_Block:not([disabled]):focus {
border: 0;
border-radius: 0;
box-shadow: inset 0 0 0 1px var(--mc-core-white), inset 0 0 0 3px var(--mc-default-focus);
outline: none;
outline-offset: 0
}
.MC_Blocks_Block.MC_Blocks_Contains[data-mc-block-strength="0"]:focus {
box-shadow: none
}
.MC_Blocks_Block.MC_Blocks_Contains[data-mc-block-strength="0"]:focus:after {
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.MC_Blocks_Block:not([data-mc-block-strength="0"]):not([disabled]):focus:before,
.MC_Blocks_Block:not([data-mc-block-strength="0"]):not([disabled]):hover:before {
background-color: var(--mc-core-white);
clip-path: var(--mc-environment-plus_icon_clip-path);
content: " ";
display: block;
height: 25%;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 25%
}
.MC_Blocks_Breakable {
aspect-ratio: 1/1;
width: 100%
}
.MC_Blocks_Breakable,
.MC_Blocks_Breakable * {
cursor: none !important
}
.MC_Blocks_Group .MC_Animations_Explode {
width: 100%;
z-index: 1000
}
.MC_Animation__explode {
animation: youShookMeAllNightLong 1s cubic-bezier(.34, .13, .21, 1) both
}
@keyframes youShookMeAllNightLong {
10%,
90% {
transform: translateX(-.1%)
}
20%,
80% {
transform: translateX(.2%)
}
30%,
50%,
70% {
transform: translateX(-.4%)
}
40%,
60% {
transform: translateX(.4%)
}
}
.MC_Animation__cancel .MC_Blocks_Breakable,
.MC_Animation__cancel .MC_Blocks_Breakable * {
cursor: unset !important
}
.MC_Animation__cancel .MC_Blocks_Breakable button {
cursor: pointer !important
}
.MC_Blocks_Block.MC_Blocks_Blank,
.MC_Blocks_Block[aria-hidden=true] {
pointer-events: none
}
.MC_Animation__cancel .MC_Animation__explode {
animation-play-state: paused
}
.MC_Animation__cancel .MC_Animations_Explode {
display: none !important
}
@media (forced-colors:active) {
.MC_Blocks_Block {
filter: invert(1)
}
.MC_Blocks_Block.MC_Blocks_Contains[data-mc-block-strength="0"]:focus:after,
.MC_Blocks_Block.MC_Blocks_Contains[data-mc-block-strength="0"]:hover:after,
.MC_Blocks_Block:not([disabled]):focus,
.MC_Blocks_Block:not([disabled]):hover {
outline: 2px solid var(--mc-default-focus);
outline-offset: -2px
}
}
.MC_Blocks_Branding {
display: grid;
grid-template-columns: repeat(auto-fill, calc(var(--blockSize)*1px));
grid-template-rows: repeat(auto-fill, minmax(calc(var(--blockSize)*1px), calc(var(--blockSize)*1px)));
justify-content: center;
margin: 0 auto;
position: relative;
width: 100%
}
.MC_Blocks_Branding_Background {
grid-area: 1/1/-1/-1;
height: 100%;
position: relative;
z-index: 0
}
.MC_Button {
font-family: var(--mc-default--fontlist);
max-width: fit-content;
max-width: -moz-fit-content;
text-decoration: none
}
.MC_Button>span {
word-break: break-word
}
.MC_Button:hover {
text-decoration: none
}
@media (forced-colors:active) {
.MC_Button {
outline: 1px solid transparent
}
.MC_Button:not([aria-disabled=true]):focus,
.MC_Button:not([aria-disabled=true]):hover {
filter: invert(1)
}
.MC_Button:focus,
.MC_Button:focus-visible {
background-color: var(--mc-core-white) !important
}
.MC_Button[aria-disabled=true] {
opacity: .5
}
}
.MC_Button_textTransform-none {
text-transform: none !important
}
.MC_Theme_Dungeons .MC_Button[disabled],
.MC_Theme_Dungeons2 .MC_Button[disabled],
.MC_Theme_Legends .MC_Button[disabled],
.MC_Theme_Marketplace .MC_Button[disabled],
.MC_Theme_Realms .MC_Button[disabled],
.MC_Theme_Vanilla .MC_Button[disabled] {
background-color: var(--mc-vanilla-grey-1);
box-shadow: none;
color: var(--mc-vanilla-grey-3);
outline: 2px solid var(--mc-vanilla-grey-3)
}
.MC_Theme_Dungeons .MC_Button[disabled]:active,
.MC_Theme_Dungeons .MC_Button[disabled]:hover,
.MC_Theme_Dungeons2 .MC_Button[disabled]:active,
.MC_Theme_Dungeons2 .MC_Button[disabled]:hover,
.MC_Theme_Legends .MC_Button[disabled]:active,
.MC_Theme_Legends .MC_Button[disabled]:hover,
.MC_Theme_Marketplace .MC_Button[disabled]:active,
.MC_Theme_Marketplace .MC_Button[disabled]:hover,
.MC_Theme_Realms .MC_Button[disabled]:active,
.MC_Theme_Realms .MC_Button[disabled]:hover,
.MC_Theme_Vanilla .MC_Button[disabled]:active,
.MC_Theme_Vanilla .MC_Button[disabled]:hover {
background-color: var(--mc-vanilla-grey-1);
box-shadow: none
}
.MC_Theme_Dungeons .MC_Button[disabled]:focus,
.MC_Theme_Dungeons2 .MC_Button[disabled]:focus,
.MC_Theme_Legends .MC_Button[disabled]:focus,
.MC_Theme_Marketplace .MC_Button[disabled]:focus,
.MC_Theme_Realms .MC_Button[disabled]:focus,
.MC_Theme_Vanilla .MC_Button[disabled]:focus {
border: 0;
border-radius: 0;
box-shadow: 0 0 0 3px var(--mc-core-white);
outline: 2px solid var(--mc-default-focus)
}
html .MC_Button_transparent {
border: 2px solid var(--mc-core-white);
color: var(--mc-core-white);
margin-left: 10px;
padding: 10px 10px 10px 15px
}
html .MC_Button_transparent:hover {
background-color: var(--mc-core-white);
color: var(--mc-core-rich-black);
text-decoration: none
}
html .MC_Button_transparent:hover:after {
background-color: var(--mc-core-rich-black)
}
html .MC_Button_transparent:hover:active,
html .MC_Button_transparent:hover:focus {
color: var(--mc-core-white)
}
html .MC_Button_transparent:after,
html .MC_Button_transparent:hover:active:after,
html .MC_Button_transparent:hover:focus:after {
background-color: var(--mc-core-white)
}
html .MC_Button_transparent:active,
html .MC_Button_transparent:focus,
html .MC_Button_transparent:focus-visible {
background-color: transparent;
border-radius: 0;
box-shadow: 0 0 0 .0625rem #fff;
outline: 2px solid var(--mc-default-focus);
outline-offset: -2px
}
.MC_Carousel {
margin: 0 auto;
overflow: hidden;
width: 100%
}
.MC_Carousel :focus {
box-shadow: none;
outline: none
}
.MC_Carousel :focus-visible {
box-shadow: 0 0 0 3px var(--mc-core-white);
outline: 2px solid var(--mc-default-focus)
}
.MC_Carousel_controls_button:focus {
box-shadow: 0 0 0 3px var(--mc-core-white);
outline: 2px solid var(--mc-default-focus) !important
}
.MC_Carousel_thumbs_track,
.MC_Carousel_track_slider {
display: flex;
flex-wrap: nowrap
}
.MC_Carousel_thumbs_slide,
.MC_Carousel_track_slide {
flex: 0 0 auto
}
.MC_Carousel .MC_Carousel_thumbs_wrapper,
.MC_Carousel .MC_Carousel_track_wrapper,
.MC_Carousel_track_slide_media {
position: relative
}
.MC_Carousel_controls_button {
background-color: transparent;
border: none;
margin: 0 56px 0 0;
position: relative;
transform: rotate(1turn)
}
.MC_Carousel_controls_button,
.MC_Carousel_controls_button:after {
aspect-ratio: 1/1;
cursor: pointer;
width: 40px
}
.MC_Carousel_controls_button:after {
clip-path: var(--mc-environment-arrow__horizontal_clip-path);
content: "";
display: block;
left: 0;
position: absolute;
top: 0
}
.MC_Carousel_controls_button:not([aria-disabled=true]):hover:after,
.MC_Theme_Vanilla .MC_Carousel_controls_button:not([aria-disabled=true]):hover:after {
background-color: var(--mc-vanilla-green-4)
}
.MC_Carousel_controls_button__next {
margin-right: 0;
transform: rotate(180deg)
}
.MC_Bg_Inherit .MC_Carousel_controls_button:after,
.MC_Bg_Inherit_Light .MC_Carousel_controls_button:after {
background-color: var(--mc-core-white)
}
.MC_Bg_Inherit_Dark .MC_Carousel_controls_button:after {
background-color: var(--mc-core-off-black)
}
.MC_Theme_Legends .MC_Carousel_controls_button:not([aria-disabled=true]):hover:after {
background-color: var(--mc-legends-light-blue-4)
}
.MC_Theme_Legends .MC_Carousel_track_slide_media_link__play:before {
background-color: var(--mc-legends-light-blue-5);
box-shadow: 0 4px 0 rgba(0, 0, 0, .25), inset 0 -6px 0 var(--mc-legends-light-blue-6), inset 0 6px 0 var(--mc-legends-light-blue-1)
}
.MC_Theme_Legends .MC_Carousel_track_slide_media_link__play:after {
background-color: var(--mc-legends-ultra-dark-blue)
}
.MC_Theme_Dungeons .MC_Carousel_controls_button:not([aria-disabled=true]):hover:after {
background-color: var(--mc-dungeons-orange-4)
}
.MC_Theme_Dungeons .MC_Carousel_track_slide_media_link__play:before {
background-color: var(--mc-dungeons-orange-4);
box-shadow: 0 4px 0 rgba(0, 0, 0, .25), inset 0 -6px 0 var(--mc-dungeons-orange-5), inset 0 6px 0 var(--mc-dungeons-orange-2)
}
.MC_Theme_Dungeons .MC_Carousel_track_slide_media_link__play:after {
background-color: var(--mc-dungeons-mulberry-3)
}
.MC_Theme_Marketplace .MC_Carousel_controls_button:not([aria-disabled=true]):hover:after {
background-color: var(--mc-marketplace-gold-4)
}
.MC_Theme_Marketplace .MC_Carousel_track_slide_media_link__play:before {
background-color: var(--mc-marketplace-gold-4);
box-shadow: 0 4px 0 rgba(0, 0, 0, .25), inset 0 -6px 0 var(--mc-dungeons-orange-5), inset 0 6px 0 var(--mc-dungeons-orange-2)
}
.MC_Theme_Marketplace .MC_Carousel_track_slide_media_link__play:after {
background-color: var(--mc-marketplace-gold-3)
}
.MC_Bg_Core__Green_4 .MC_Carousel_controls_button:after,
.MC_Bg_Core__Green_5 .MC_Carousel_controls_button:after,
.MC_Bg_Core__Green_6 .MC_Carousel_controls_button:after {
background-color: var(--mc-core-white)
}
.MC_Bg_Core__Green_1 .MC_Carousel_controls_button:after,
.MC_Bg_Core__Green_2 .MC_Carousel_controls_button:after,
.MC_Bg_Core__Green_3 .MC_Carousel_controls_button:after {
background-color: var(--mc-core-rich-black)
}
.MC_Bg_Core__Grey_4 .MC_Carousel_controls_button:after,
.MC_Bg_Core__Grey_5 .MC_Carousel_controls_button:after,
.MC_Bg_Core__Grey_6 .MC_Carousel_controls_button:after {
background-color: var(--mc-core-white)
}
.MC_Bg_Core__Grey_1 .MC_Carousel_controls_button:after,
.MC_Bg_Core__Grey_2 .MC_Carousel_controls_button:after,
.MC_Bg_Core__Grey_3 .MC_Carousel_controls_button:after {
background-color: var(--mc-core-rich-black)
}
.MC_Bg_Core__off-black .MC_Carousel_controls_button:after,
.MC_Bg_Core__rich-black .MC_Carousel_controls_button:after {
background-color: var(--mc-core-white)
}
.MC_Bg_Core__off-white .MC_Carousel_controls_button:after,
.MC_Bg_Core__white .MC_Carousel_controls_button:after {
background-color: var(--mc-core-rich-black)
}
.MC_Bg_Vanilla__Green_4 .MC_Carousel_controls_button:after,
.MC_Bg_Vanilla__Green_5 .MC_Carousel_controls_button:after,
.MC_Bg_Vanilla__Green_6 .MC_Carousel_controls_button:after {
background-color: var(--mc-core-white)
}
.MC_Bg_Vanilla__Green_1 .MC_Carousel_controls_button:after,
.MC_Bg_Vanilla__Green_2 .MC_Carousel_controls_button:after,
.MC_Bg_Vanilla__Green_3 .MC_Carousel_controls_button:after {
background-color: var(--mc-core-rich-black)
}
.MC_Bg_Vanilla__Brown_4 .MC_Carousel_controls_button:after,
.MC_Bg_Vanilla__Brown_5 .MC_Carousel_controls_button:after,
.MC_Bg_Vanilla__Brown_6 .MC_Carousel_controls_button:after {
background-color: var(--mc-core-white)
}
.MC_Bg_Vanilla__Brown_1 .MC_Carousel_controls_button:after,
.MC_Bg_Vanilla__Brown_2 .MC_Carousel_controls_button:after,
.MC_Bg_Vanilla__Brown_3 .MC_Carousel_controls_button:after {
background-color: var(--mc-core-rich-black)
}
.MC_Bg_Vanilla__Blue_3 .MC_Carousel_controls_button:after,
.MC_Bg_Vanilla__Blue_4 .MC_Carousel_controls_button:after,
.MC_Bg_Vanilla__Blue_5 .MC_Carousel_controls_button:after,
.MC_Bg_Vanilla__Blue_6 .MC_Carousel_controls_button:after {
background-color: var(--mc-core-white)
}
.MC_Bg_Vanilla__Blue_1 .MC_Carousel_controls_button:after,
.MC_Bg_Vanilla__Blue_2 .MC_Carousel_controls_button:after {
background-color: var(--mc-core-rich-black)
}
.MC_Bg_Vanilla__Cold_Grey_1 .MC_Carousel_controls_button:after,
.MC_Bg_Vanilla__Cold_Grey_2 .MC_Carousel_controls_button:after,
.MC_Bg_Vanilla__Cold_Grey_3 .MC_Carousel_controls_button:after,
.MC_Bg_Vanilla__Cold_Grey_4 .MC_Carousel_controls_button:after,
.MC_Bg_Vanilla__Cold_Grey_5 .MC_Carousel_controls_button:after,
.MC_Bg_Vanilla__Cold_Grey_6 .MC_Carousel_controls_button:after,
.MC_Bg_Vanilla__Grey_4 .MC_Carousel_controls_button:after,
.MC_Bg_Vanilla__Grey_5 .MC_Carousel_controls_button:after,
.MC_Bg_Vanilla__Grey_6 .MC_Carousel_controls_button:after {
background-color: var(--mc-core-white)
}
.MC_Bg_Dungeons__Orange_1 .MC_Carousel_controls_button:after,
.MC_Bg_Dungeons__Orange_2 .MC_Carousel_controls_button:after,
.MC_Bg_Dungeons__Orange_3 .MC_Carousel_controls_button:after,
.MC_Bg_Dungeons__Orange_4 .MC_Carousel_controls_button:after,
.MC_Bg_Dungeons__Orange_5 .MC_Carousel_controls_button:after,
.MC_Bg_Dungeons__Orange_6 .MC_Carousel_controls_button:after,
.MC_Bg_Vanilla__Grey_1 .MC_Carousel_controls_button:after,
.MC_Bg_Vanilla__Grey_2 .MC_Carousel_controls_button:after,
.MC_Bg_Vanilla__Grey_3 .MC_Carousel_controls_button:after {
background-color: var(--mc-core-rich-black)
}
.MC_Bg_Dungeons__Red_3 .MC_Carousel_controls_button:after,
.MC_Bg_Dungeons__Red_4 .MC_Carousel_controls_button:after,
.MC_Bg_Dungeons__Red_5 .MC_Carousel_controls_button:after,
.MC_Bg_Dungeons__Red_6 .MC_Carousel_controls_button:after {
background-color: var(--mc-core-white)
}
.MC_Bg_Dungeons__Red_1 .MC_Carousel_controls_button:after,
.MC_Bg_Dungeons__Red_2 .MC_Carousel_controls_button:after {
background-color: var(--mc-core-rich-black)
}
.MC_Bg_Dungeons__Mulberry_1 .MC_Carousel_controls_button:after,
.MC_Bg_Dungeons__Mulberry_2 .MC_Carousel_controls_button:after,
.MC_Bg_Dungeons__Mulberry_3 .MC_Carousel_controls_button:after,
.MC_Bg_Dungeons__Mulberry_4 .MC_Carousel_controls_button:after,
.MC_Bg_Dungeons__Mulberry_5 .MC_Carousel_controls_button:after,
.MC_Bg_Dungeons__Mulberry_6 .MC_Carousel_controls_button:after {
background-color: var(--mc-core-white)
}
.MC_Bg_Legends__Light_Blue_1 .MC_Carousel_controls_button:after,
.MC_Bg_Legends__Light_Blue_2 .MC_Carousel_controls_button:after,
.MC_Bg_Legends__Light_Blue_3 .MC_Carousel_controls_button:after,
.MC_Bg_Legends__Light_Blue_4 .MC_Carousel_controls_button:after,
.MC_Bg_Legends__Light_Blue_5 .MC_Carousel_controls_button:after,
.MC_Bg_Legends__Light_Blue_6 .MC_Carousel_controls_button:after {
background-color: var(--mc-core-rich-black)
}
.MC_Bg_Legends__Dark_Blue_1 .MC_Carousel_controls_button:after,
.MC_Bg_Legends__Dark_Blue_2 .MC_Carousel_controls_button:after,
.MC_Bg_Legends__Dark_Blue_3 .MC_Carousel_controls_button:after,
.MC_Bg_Legends__Dark_Blue_4 .MC_Carousel_controls_button:after,
.MC_Bg_Legends__Dark_Blue_5 .MC_Carousel_controls_button:after,
.MC_Bg_Legends__Dark_Blue_6 .MC_Carousel_controls_button:after {
background-color: var(--mc-core-white)
}
.MC_Bg_Legends__Light_Orange_1 .MC_Carousel_controls_button:after,
.MC_Bg_Legends__Light_Orange_2 .MC_Carousel_controls_button:after,
.MC_Bg_Legends__Light_Orange_3 .MC_Carousel_controls_button:after,
.MC_Bg_Legends__Light_Orange_4 .MC_Carousel_controls_button:after,
.MC_Bg_Legends__Light_Orange_5 .MC_Carousel_controls_button:after,
.MC_Bg_Legends__Light_Orange_6 .MC_Carousel_controls_button:after {
background-color: var(--mc-core-rich-black)
}
.MC_Bg_Legends__Ultra_Dark_Blue .MC_Carousel_controls_button:after,
.MC_Bg_Legends__Ultra_Dark_Orange .MC_Carousel_controls_button:after,
.MC_Bg_Realms__Pink_4 .MC_Carousel_controls_button:after,
.MC_Bg_Realms__Pink_5 .MC_Carousel_controls_button:after,
.MC_Bg_Realms__Pink_6 .MC_Carousel_controls_button:after {
background-color: var(--mc-core-white)
}
.MC_Bg_Realms__Pink_1 .MC_Carousel_controls_button:after,
.MC_Bg_Realms__Pink_2 .MC_Carousel_controls_button:after,
.MC_Bg_Realms__Pink_3 .MC_Carousel_controls_button:after {
background-color: var(--mc-core-rich-black)
}
.MC_Bg_Realms__Deep_Blue_4 .MC_Carousel_controls_button:after,
.MC_Bg_Realms__Deep_Blue_5 .MC_Carousel_controls_button:after,
.MC_Bg_Realms__Deep_Blue_6 .MC_Carousel_controls_button:after,
.MC_Bg_Realms__Deep_Blue_7 .MC_Carousel_controls_button:after {
background-color: var(--mc-core-white)
}
.MC_Bg_Realms__Deep_Blue_1 .MC_Carousel_controls_button:after,
.MC_Bg_Realms__Deep_Blue_2 .MC_Carousel_controls_button:after,
.MC_Bg_Realms__Deep_Blue_3 .MC_Carousel_controls_button:after {
background-color: var(--mc-core-rich-black)
}
@media (forced-colors:active) and (prefers-color-scheme:dark) {
.MC_Carousel_controls_button:after {
background-color: currentColor !important;
filter: invert(1)
}
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
.MC_Carousel_controls_button:after {
filter: invert(1)
}
}
.MC_Cursors__custom {
left: -100%;
pointer-events: none;
position: absolute;
top: -100%;
user-select: none
}
.MC_Cursors__custom,
.MC_Cursors__custom .MC_Animations_Layer {
transform: translate(-50%, -50%)
}
.MC_Animation__cancel .MC_Cursors__custom,
.MC_modal_open .MC_Cursors__custom {
display: none
}
.MC_Discovery {
margin: 0 auto;
overflow: hidden;
width: 100%
}
.MC_Dropdown_toggle-button[aria-invalid=true] {
outline: 2px solid var(--mc-default-warning-2);
outline-offset: -2px
}
.MC_Dropdown_toggle-button[aria-invalid=true]+.MC_Dropdown_scrollWrapper+.MC_Dropdown_errorContainer,
.MC_Dropdown_toggle-button[aria-invalid=true]+.MC_input_errorContainer {
margin-top: 8px
}
.MC_Dropdown_errorContainer p {
color: var(--mc-default-warning-2) !important;
font-style: normal;
font-weight: 600;
line-height: normal
}
:root {
--mc-environment-arrow__down_clip-path: polygon(0% 0%, 0% 25%, 14.286% 25%, 14.286% 50%, 28.572% 50%, 28.572% 75%, 42.858% 75%, 42.858% 100%, 57.142% 100%, 57.142% 75%, 71.428% 75%, 71.428% 50%, 85.714% 50%, 85.714% 25%, 100% 25%, 100% 0%, 85.714% 0%, 85.714% 25%, 71.428% 25%, 71.428% 50%, 57.142% 50%, 57.142% 75%, 42.858% 75%, 42.858% 50%, 28.572% 50%, 28.572% 25%, 14.286% 25%, 14.286% 0%);
--mc-environment-arrow__down_scale: scaleY(57.14%);
--mc-environment-arrow__right_clip-path: polygon(0% 0%, 33.33% 0%, 33.33% 20%, 66.66% 20%, 66.66% 40%, 100% 40%, 100% 60%, 66.66% 60%, 66.66% 80%, 33.33% 80%, 33.33% 100%, 0% 100%, 0% 80%, 33.33% 80%, 33.33% 60%, 66.66% 60%, 66.66% 40%, 33.33% 40%, 33.33% 20%, 0% 20%);
--mc-environment-arrow__horizontal_clip-path: polygon(50% 5%, 40% 5%, 40% 15%, 30% 15%, 30% 25%, 20% 25%, 20% 35%, 10% 35%, 10% 45%, 0% 45%, 0% 55%, 10% 55%, 10% 65%, 20% 65%, 20% 75%, 30% 75%, 30% 85%, 40% 85%, 40% 95%, 50% 95%, 50% 85%, 40% 85%, 40% 75%, 30% 75%, 30% 65%, 20% 65%, 20% 55%, 100% 55%, 100% 45%, 20% 45%, 20% 35%, 30% 35%, 30% 25%, 40% 25%, 40% 15%, 50% 15%, 50% 5%);
--mc-environment-arrow__download_clip-path: polygon(50.00% 0.000%, 50.00% 66.67%, 58.33% 66.67%, 58.33% 58.33%, 66.67% 58.33%, 66.67% 50.00%, 75.00% 50.00%, 75.00% 41.67%, 83.33% 41.67%, 83.33% 50.00%, 75.00% 50.00%, 75.00% 58.33%, 66.67% 58.33%, 66.67% 66.67%, 58.33% 66.67%, 58.33% 75.00%, 50.00% 75.00%, 50.00% 83.33%, 50.00% 91.67%, 83.33% 91.67%, 83.33% 100.0%, 8.333% 100.0%, 8.333% 91.67%, 50.00% 91.67%, 50.00% 83.33%, 41.67% 83.33%, 41.67% 75.00%, 33.33% 75.00%, 33.33% 66.67%, 25.00% 66.67%, 25.00% 58.33%, 16.67% 58.33%, 16.67% 50.00%, 8.333% 50.00%, 8.333% 41.67%, 16.67% 41.67%, 16.67% 50.00%, 25.00% 50.00%, 25.00% 58.33%, 33.33% 58.33%, 33.33% 66.67%, 41.67% 66.67%, 41.67% 0.000%);
--mc-environment-breakthrough_clip-path: polygon(40% 0%, 40% 8.33%, 10% 8.33%, 10% 16.67%, 5% 16.67%, 5% 33.33%, 0% 33.33%, 0% 50%, 5% 50%, 5% 58.33%, 10% 58.33%, 10% 83.33%, 25% 83.33%, 25% 91.67%, 30% 91.67%, 30% 100%, 45% 100%, 45% 91.67%, 60% 91.67%, 60% 100%, 65% 100%, 65% 91.67%, 70% 91.67%, 70% 75%, 85% 75%, 85% 83.33%, 90% 83.33%, 90% 75%, 95% 75%, 95% 58.33%, 100% 58.33%, 100% 50%, 95% 50%, 95% 33.33%, 100% 33.33%, 100% 25%, 95% 25%, 95% 8.33%, 85% 8.33%, 85% 16.67%, 70% 16.67%, 70% 8.33%, 60% 8.33%, 60% 0%);
--mc-environment-breakthrough__2_clip-path: polygon(0.000% 41.67%, 0.000% 50.00%, 5.000% 50.00%, 5.000% 66.67%, 0.000% 66.67%, 0.000% 75.00%, 5.000% 75.00%, 5.000% 91.67%, 15.00% 91.67%, 15.00% 83.33%, 30.00% 83.33%, 30.00% 91.67%, 40.00% 91.67%, 40.00% 100.0%, 60.00% 100.0%, 60.00% 91.67%, 90.00% 91.67%, 90.00% 83.33%, 95.00% 83.33%, 95.00% 66.67%, 100.0% 66.67%, 100.0% 50.00%, 95.00% 50.00%, 95.00% 41.67%, 90.00% 41.67%, 90.00% 16.67%, 75.00% 16.67%, 75.00% 8.333%, 70.00% 8.333%, 70.00% 0.000%, 55.00% 0.000%, 55.00% 8.333%, 40.00% 8.333%, 40.00% 0.000%, 35.00% 0.000%, 35.00% 8.333%, 30.00% 8.333%, 30.00% 25.00%, 15.00% 25.00%, 15.00% 16.67%, 10.00% 16.67%, 10.00% 25.00%, 5.000% 25.00%, 5.000% 41.67%);
--mc-environment-plus_icon_clip-path: polygon(0% 42.857%, 42.857% 42.857%, 42.857% 0%, 57.142% 0%, 57.142% 42.857%, 100% 42.857%, 100% 57.142%, 57.142% 57.142%, 57.142% 100%, 42.857% 100%, 42.857% 57.142%, 0% 57.142%, 0% 42.857%);
--mc-environment-minus_icon_clip-path: polygon(0% 0px, 100% 0px, 100% 100%, 0% 100%);
--mc-environment-link_A: polygon(14.29% 0%, 14.29% 28.57%, 71.43% 28.57%, 71.43% 85.71%, 100% 85.71%, 100% 0, 14.29% 0%, 14.29% 71.43%, 0% 71.43%, 0% 100%, 28.57% 100%, 28.57% 71.43%, 57.14% 71.43%, 57.14% 42.86%, 28.57% 42.86%, 28.57% 71.43%, 14.29% 71.43%);
--mc-environment-close_icon_clip-path: polygon(0% 14.28%, 14.28% 14.28%, 14.28% 28.57%, 28.57% 28.57%, 28.57% 42.85%, 42.85% 42.85%, 42.85% 57.13%, 28.57% 57.13%, 28.57% 71.41%, 14.28% 71.41%, 14.28% 85.69%, 0% 85.69%, 0 99.97%, 14.28% 99.97%, 14.28% 85.69%, 28.57% 85.69%, 28.57% 71.41%, 42.85% 71.41%, 42.85% 57.13%, 57.13% 57.13%, 57.13% 71.41%, 71.41% 71.41%, 71.41% 85.69%, 85.69% 85.69%, 85.69% 99.97%, 99.97% 99.97%, 99.97% 85.69%, 85.69% 85.69%, 85.69% 71.41%, 71.41% 71.41%, 71.41% 57.13%, 57.13% 57.13%, 57.13% 42.85%, 71.41% 42.85%, 71.41% 28.57%, 85.69% 28.57%, 85.69% 14.28%, 99.97% 14.28%, 99.97% 0%, 85.69% 0%, 85.69% 14.28%, 71.41% 14.28%, 71.41% 28.56%, 57.13% 28.56%, 57.13% 42.85%, 42.85% 42.85%, 42.85% 28.57%, 28.57% 28.57%, 28.57% 14.28%, 14.28% 14.28%, 14.28% 0%, 0% 0%);
--mc-environment-check_icon_clip-path: polygon(0.000% 42.86%, 0.000% 57.14%, 14.29% 57.14%, 14.29% 71.43%, 28.57% 71.43%, 28.57% 85.71%, 42.86% 85.71%, 42.86% 71.43%, 57.14% 71.43%, 57.14% 57.14%, 71.43% 57.14%, 71.43% 42.86%, 85.71% 42.86%, 85.71% 28.57%, 100.0% 28.57%, 100.0% 14.29%, 85.71% 14.29%, 85.71% 28.57%, 71.43% 28.57%, 71.43% 42.86%, 57.14% 42.86%, 57.14% 57.14%, 42.86% 57.14%, 42.86% 71.43%, 28.57% 71.43%, 28.57% 57.14%, 14.29% 57.14%, 14.29% 42.86%);
--mc-environment-x_icon_clip-path: polygon(14.29% 14.29%, 14.29% 28.57%, 28.57% 28.57%, 28.57% 42.86%, 42.86% 42.86%, 42.86% 57.14%, 28.57% 57.14%, 28.57% 71.43%, 14.29% 71.43%, 14.29% 85.71%, 28.57% 85.71%, 28.57% 71.43%, 42.86% 71.43%, 42.86% 57.14%, 57.14% 57.14%, 57.14% 71.43%, 71.43% 71.43%, 71.43% 85.71%, 85.71% 85.71%, 85.71% 71.43%, 71.43% 71.43%, 71.43% 57.14%, 57.14% 57.14%, 57.14% 42.86%, 71.43% 42.86%, 71.43% 28.57%, 85.71% 28.57%, 85.71% 14.29%, 71.43% 14.29%, 71.43% 28.57%, 57.14% 28.57%, 57.14% 42.86%, 42.86% 42.86%, 42.86% 28.57%, 28.57% 28.57%, 28.57% 14.29%);
--mc-environment-questionMark_icon_clip-path: polygon(28.57% 0.000%, 28.57% 14.29%, 14.29% 14.29%, 14.29% 28.57%, 28.57% 28.57%, 28.57% 14.29%, 71.43% 14.29%, 71.43% 42.86%, 57.14% 42.86%, 57.14% 57.14%, 42.86% 57.14%, 42.86% 71.43%, 42.86% 85.71%, 42.86% 100.0%, 57.14% 100.0%, 57.14% 85.71%, 42.86% 85.71%, 42.86% 71.43%, 57.14% 71.43%, 57.14% 57.14%, 71.43% 57.14%, 71.43% 42.86%, 85.71% 42.86%, 85.71% 14.29%, 71.43% 14.29%, 71.43% 0.000%);
--mc-environment-unlock_icon_clip-path: polygon(0.000% 41.67%, 0.000% 91.67%, 66.67% 91.67%, 66.67% 41.67%, 58.33% 41.67%, 58.33% 25.00%, 91.67% 25.00%, 91.67% 41.67%, 100.0% 41.67%, 100.0% 25.00%, 91.67% 25.00%, 91.67% 16.67%, 58.33% 16.67%, 58.33% 25.00%, 50.00% 25.00%, 50.00% 41.67%, 37.50% 41.67%, 37.50% 62.50%, 29.17% 62.50%, 29.17% 70.83%, 37.50% 70.83%, 37.50% 50.00%, 58.33% 50.00%, 58.33% 83.33%, 8.333% 83.33%, 8.333% 50.00%, 37.50% 50.00%, 37.50% 41.67%);
--mc-environment-lock_icon_clip-path: polygon(0.000% 41.67%, 0.000% 91.67%, 66.67% 91.67%, 66.67% 41.67%, 58.33% 41.67%, 58.33% 25.00%, 50.00% 25.00%, 50.00% 16.67%, 16.67% 16.67%, 16.67% 25.00%, 8.333% 25.00%, 8.333% 41.67%, 16.67% 41.67%, 16.67% 25.00%, 50.00% 25.00%, 50.00% 41.67%, 37.50% 41.67%, 37.50% 62.50%, 29.17% 62.50%, 29.17% 70.83%, 37.50% 70.83%, 37.50% 50.00%, 58.33% 50.00%, 58.33% 83.33%, 8.333% 83.33%, 8.333% 50.00%, 37.50% 50.00%, 37.50% 41.67%);
--mc-environment-play_icon_clip-path: polygon(0% 0%, 0% 100%, 16.67% 100%, 16.67% 90.91%, 33.33% 90.91%, 33.33% 81.82%, 50% 81.82%, 50% 72.73%, 66.67% 72.73%, 66.67% 63.64%, 83.33% 63.64%, 83.33% 54.55%, 100% 54.55%, 100% 45.45%, 83.33% 45.45%, 83.33% 36.36%, 66.67% 36.36%, 66.67% 27.27%, 50% 27.27%, 50% 18.18%, 33.33% 18.18%, 33.33% 9.09%, 16.67% 9.09%, 16.67% 0%);
--mc-environment-pause_icon_clip-path: polygon(12.50% 0.000%, 12.50% 100.0%, 87.50% 100.0%, 87.50% 0.000%, 62.50% 0.000%, 62.50% 100.0%, 37.50% 100.0%, 37.50% 0.000%);
--mc-environment-creeper_face_icon_clip-path: polygon(33.33% 33.33%, 33.33% 16.67%, 16.67% 16.67%, 16.67% 33.33%, 33.33% 33.33%, 33.33% 41.67%, 50.00% 41.67%, 50.00% 33.33%, 66.67% 33.33%, 66.67% 16.67%, 50.00% 16.67%, 50.00% 41.67%, 33.33% 41.67%, 33.33% 41.67%, 25.00% 41.67%, 25.00% 75.00%, 33.33% 75.00%, 33.33% 66.67%, 50.00% 66.67%, 50.00% 75.00%, 58.33% 75.00%, 58.33% 41.67%, 50.00% 41.67%, 50.00% 33.33%);
--mc-environment-pickaxe_icon_clip-path: polygon(0.000% 81.25%, 0.000% 100.0%, 18.75% 100.0%, 18.75% 93.75%, 25.00% 93.75%, 25.00% 87.50%, 31.25% 87.50%, 31.25% 81.25%, 37.50% 81.25%, 37.50% 75.00%, 43.75% 75.00%, 43.75% 68.75%, 50.00% 68.75%, 50.00% 62.50%, 56.25% 62.50%, 56.25% 56.25%, 62.50% 56.25%, 62.50% 50.00%, 68.75% 50.00%, 68.75% 43.75%, 75.00% 43.75%, 75.00% 81.25%, 81.25% 81.25%, 81.25% 87.50%, 93.75% 87.50%, 93.75% 81.25%, 100.0% 81.25%, 100.0% 37.50%, 93.75% 37.50%, 93.75% 6.250%, 62.50% 6.250%, 62.50% 0.000%, 18.75% 0.000%, 18.75% 6.250%, 12.50% 6.250%, 12.50% 18.75%, 18.75% 18.75%, 18.75% 25.00%, 56.25% 25.00%, 56.25% 31.25%, 50.00% 31.25%, 50.00% 37.50%, 43.75% 37.50%, 43.75% 43.75%, 37.50% 43.75%, 37.50% 50.00%, 31.25% 50.00%, 31.25% 56.25%, 25.00% 56.25%, 25.00% 62.50%, 18.75% 62.50%, 18.75% 68.75%, 12.50% 68.75%, 12.50% 75.00%, 6.250% 75.00%, 6.250% 81.25%, 12.50% 81.25%, 12.50% 75.00%, 18.75% 75.00%, 18.75% 68.75%, 25.00% 68.75%, 25.00% 62.50%, 31.25% 62.50%, 31.25% 56.25%, 37.50% 56.25%, 37.50% 50.00%, 43.75% 50.00%, 43.75% 43.75%, 50.00% 43.75%, 50.00% 37.50%, 56.25% 37.50%, 56.25% 31.25%, 62.50% 31.25%, 62.50% 25.00%, 56.25% 25.00%, 56.25% 18.75%, 18.75% 18.75%, 18.75% 6.250%, 62.50% 6.250%, 62.50% 12.50%, 87.50% 12.50%, 87.50% 37.50%, 93.75% 37.50%, 93.75% 81.25%, 81.25% 81.25%, 81.25% 43.75%, 75.00% 43.75%, 75.00% 37.50%, 68.75% 37.50%, 68.75% 43.75%, 62.50% 43.75%, 62.50% 50.00%, 56.25% 50.00%, 56.25% 56.25%, 50.00% 56.25%, 50.00% 62.50%, 43.75% 62.50%, 43.75% 68.75%, 37.50% 68.75%, 37.50% 75.00%, 31.25% 75.00%, 31.25% 81.25%, 25.00% 81.25%, 25.00% 87.50%, 18.75% 87.50%, 18.75% 93.75%, 6.250% 93.75%, 6.250% 81.25%);
--mc-environment-marketplace_icon_clip-path: polygon(0.000% 18.75%, 0.000% 93.75%, 6.250% 93.75%, 6.250% 100.0%, 93.75% 100.0%, 93.75% 93.75%, 100.0% 93.75%, 100.0% 18.75%, 93.75% 18.75%, 93.75% 12.50%, 87.50% 12.50%, 87.50% 6.250%, 81.25% 6.250%, 81.25% 0.000%, 18.75% 0.000%, 18.75% 6.250%, 12.50% 6.250%, 12.50% 12.50%, 6.250% 12.50%, 6.250% 18.75%, 12.50% 18.75%, 12.50% 12.50%, 18.75% 12.50%, 18.75% 6.250%, 31.25% 6.250%, 31.25% 31.25%, 37.50% 31.25%, 37.50% 6.250%, 62.50% 6.250%, 62.50% 31.25%, 68.75% 31.25%, 68.75% 6.250%, 81.25% 6.250%, 81.25% 12.50%, 87.50% 12.50%, 87.50% 18.75%, 93.75% 18.75%, 93.75% 31.25%, 87.50% 31.25%, 87.50% 37.50%, 93.75% 37.50%, 93.75% 93.75%, 6.250% 93.75%, 6.250% 37.50%, 12.50% 37.50%, 12.50% 43.75%, 25.00% 43.75%, 25.00% 37.50%, 31.25% 37.50%, 31.25% 93.75%, 37.50% 93.75%, 37.50% 62.50%, 62.50% 62.50%, 62.50% 93.75%, 68.75% 93.75%, 68.75% 56.25%, 31.25% 56.25%, 31.25% 31.25%, 37.50% 31.25%, 37.50% 37.50%, 43.75% 37.50%, 43.75% 43.75%, 56.25% 43.75%, 56.25% 37.50%, 62.50% 37.50%, 62.50% 31.25%, 68.75% 31.25%, 68.75% 37.50%, 75.00% 37.50%, 75.00% 43.75%, 87.50% 43.75%);
--mc-environment-news_icon_clip-path: polygon(0.000% 12.50%, 0.000% 87.50%, 6.250% 87.50%, 6.250% 93.75%, 12.50% 93.75%, 12.50% 100.0%, 87.50% 100.0%, 87.50% 93.75%, 93.75% 93.75%, 93.75% 87.50%, 100.0% 87.50%, 100.0% 12.50%, 93.75% 12.50%, 93.75% 6.250%, 87.50% 6.250%, 87.50% 0.000%, 12.50% 0.000%, 12.50% 6.250%, 6.250% 6.250%, 6.250% 12.50%, 12.50% 12.50%, 12.50% 6.250%, 18.75% 6.250%, 18.75% 25.00%, 81.25% 25.00%, 81.25% 31.25%, 18.75% 31.25%, 18.75% 43.75%, 81.25% 43.75%, 81.25% 50.00%, 18.75% 50.00%, 18.75% 62.50%, 46.88% 62.50%, 46.88% 68.75%, 18.75% 68.75%, 18.75% 6.250%, 87.50% 6.250%, 87.50% 12.50%, 93.75% 12.50%, 93.75% 87.50%, 87.50% 87.50%, 87.50% 93.75%, 12.50% 93.75%, 12.50% 87.50%, 6.250% 87.50%, 6.250% 12.50%);
--mc-environment-community_icon_clip-path: polygon(0.000% 37.50%, 0.000% 62.50%, 6.250% 62.50%, 6.250% 68.75%, 12.50% 68.75%, 18.75% 75.00%, 18.75% 81.25%, 12.50% 81.25%, 12.50% 87.50%, 6.250% 87.50%, 6.250% 93.75%, 12.50% 93.75%, 12.50% 87.50%, 18.75% 87.50%, 18.75% 81.25%, 43.75% 81.25%, 43.75% 87.50%, 50.00% 87.50%, 50.00% 93.75%, 56.25% 93.75%, 56.25% 87.50%, 50.00% 87.50%, 50.00% 81.25%, 43.75% 81.25%, 43.75% 75.00%, 50.00% 75.00%, 50.00% 68.75%, 56.25% 68.75%, 56.25% 62.50%, 62.50% 62.50%, 62.50% 37.50%, 56.25% 37.50%, 56.25% 31.25%, 50.00% 31.25%, 50.00% 25.00%, 43.75% 25.00%, 43.75% 18.75%, 18.75% 18.75%, 18.75% 25.00%, 12.50% 25.00%, 12.50% 31.25%, 6.250% 31.25%, 6.250% 37.50%, 12.50% 37.50%, 12.50% 31.25%, 18.75% 31.25%, 18.75% 25.00%, 43.75% 25.00%, 43.75% 31.25%, 50.00% 31.25%, 50.00% 37.50%, 56.25% 37.50%, 56.25% 62.50%, 50.00% 62.50%, 50.00% 68.75%, 43.75% 68.75%, 43.75% 75.00%, 18.75% 75.00%, 18.75% 68.75%, 12.50% 68.75%, 12.50% 62.50%, 6.250% 62.50%, 6.250% 37.50%, 12.50% 37.50%, 12.50% 31.25%, 18.75% 31.25%, 18.75% 25.00%, 43.75% 25.00%, 43.75% 31.25%, 50.00% 31.25%, 50.00% 12.50%, 50.00% 6.250%, 56.25% 6.250%, 56.25% 0.000%, 81.25% 0.000%, 81.25% 6.250%, 87.50% 6.250%, 87.50% 12.50%, 93.75% 12.50%, 93.75% 18.75%, 100.0% 18.75%, 100.0% 43.75%, 93.75% 43.75%, 93.75% 50.00%, 87.50% 50.00%, 87.50% 56.25%, 81.25% 56.25%, 81.25% 62.50%, 87.50% 62.50%, 87.50% 68.75%, 93.75% 68.75%, 93.75% 75.00%, 87.50% 75.00%, 87.50% 68.75%, 81.25% 68.75%, 81.25% 62.50%, 68.75% 62.50%, 68.75% 56.25%, 81.25% 56.25%, 81.25% 50.00%, 87.50% 50.00%, 87.50% 43.75%, 93.75% 43.75%, 93.75% 18.75%, 87.50% 18.75%, 87.50% 12.50%, 81.25% 12.50%, 81.25% 6.250%, 56.25% 6.250%, 56.25% 12.50%, 50.00% 12.50%);
--mc-environment-questionMarkBorder_clip-path: polygon(0.000% 12.50%, 0.000% 87.50%, 6.250% 87.50%, 6.250% 93.75%, 12.50% 93.75%, 12.50% 100.0%, 87.50% 100.0%, 87.50% 93.75%, 93.75% 93.75%, 93.75% 87.50%, 100.0% 87.50%, 100.0% 12.50%, 93.75% 12.50%, 93.75% 6.250%, 87.50% 6.250%, 87.50% 0.000%, 12.50% 0.000%, 12.50% 6.250%, 6.250% 6.250%, 6.250% 12.50%, 12.50% 12.50%, 12.50% 6.250%, 18.75% 6.250%, 37.50% 6.250%, 37.50% 25.00%, 31.25% 25.00%, 31.25% 37.50%, 37.50% 37.50%, 37.50% 25.00%, 62.50% 25.00%, 62.50% 43.75%, 56.25% 43.75%, 56.25% 50.00%, 50.00% 50.00%, 50.00% 56.25%, 43.75% 56.25%, 43.75% 68.75%, 50.00% 68.75%, 50.00% 56.25%, 56.25% 50.00%, 62.50% 50.00%, 62.50% 43.75%, 68.75% 43.75%, 68.75% 25.00%, 62.50% 25.00%, 62.50% 18.75%, 37.50% 18.75%, 37.50% 6.250%, 87.50% 6.250%, 87.50% 12.50%, 93.75% 12.50%, 93.75% 87.50%, 87.50% 87.50%, 87.50% 93.75%, 50.00% 93.75%, 50.00% 75.00%, 43.75% 75.00%, 43.75% 81.25%, 50.00% 81.25%, 50.00% 93.75%, 12.50% 93.75%, 12.50% 87.50%, 6.250% 87.50%, 6.250% 12.50%);
--mc-environment-block_quote_ornament_clip-path: polygon(0px 12px, 0px 18px, 300px 18px, 300px 12px, 159px 12px, 159px 6px, 165px 6px, 165px 0px, 159px 0px, 159px 6px, 153px 6px, 153px 0px, 147px 0px, 147px 6px, 141px 6px, 141px 0px, 135px 0px, 135px 6px, 141px 6px, 141px 12px, 0px 12px);
--mc-environment-feedback_bubble_clip-path: polygon(0.000% 16.67%, 0.000% 50.00%, 8.333% 50.00%, 8.333% 58.33%, 16.67% 58.33%, 16.67% 66.67%, 50.00% 66.67%, 50.00% 58.33%, 16.67% 58.33%, 16.67% 50.00%, 8.333% 50.00%, 8.333% 16.67%, 16.67% 16.67%, 16.67% 8.333%, 83.33% 8.333%, 83.33% 16.67%, 91.67% 16.67%, 91.67% 50.00%, 83.33% 50.00%, 83.33% 58.33%, 66.67% 58.33%, 66.67% 66.67%, 58.33% 66.67%, 58.33% 75.00%, 50.00% 75.00%, 50.00% 83.33%, 58.33% 83.33%, 58.33% 75.00%, 66.67% 75.00%, 66.67% 66.67%, 83.33% 66.67%, 83.33% 58.33%, 91.67% 58.33%, 91.67% 50.00%, 100.0% 50.00%, 100.0% 16.67%, 91.67% 16.67%, 91.67% 8.333%, 83.33% 8.333%, 83.33% 0.000%, 16.67% 0.000%, 16.67% 8.333%, 8.333% 8.333%, 8.333% 16.67%, 0.000% 16.67%);
--mc-environment-lifesaver_clip-path: polygon(64.29% 0.000%, 35.71% 0.000%, 35.71% 7.143%, 21.43% 7.143%, 21.43% 14.29%, 14.29% 14.29%, 14.29% 21.43%, 7.143% 21.43%, 7.143% 35.71%, 14.29% 35.71%, 14.29% 21.43%, 21.43% 21.43%, 21.43% 28.57%, 28.57% 28.57%, 28.57% 35.71%, 35.71% 35.71%, 35.71% 42.86%, 28.57% 42.86%, 28.57% 57.14%, 35.71% 57.14%, 35.71% 42.86%, 42.86% 42.86%, 42.86% 35.71%, 35.71% 35.71%, 35.71% 28.57%, 28.57% 28.57%, 28.57% 21.43%, 21.43% 21.43%, 21.43% 14.29%, 35.71% 14.29%, 35.71% 7.143%, 64.29% 7.143%, 64.29% 14.29%, 78.57% 14.29%, 78.57% 21.43%, 71.43% 21.43%, 71.43% 28.57%, 64.29% 28.57%, 64.29% 35.71%, 57.14% 35.71%, 57.14% 28.57%, 42.86% 28.57%, 42.86% 35.71%, 57.14% 35.71%, 57.14% 42.86%, 64.29% 42.86%, 64.29% 35.71%, 71.43% 35.71%, 71.43% 28.57%, 78.57% 28.57%, 78.57% 21.43%, 85.71% 21.43%, 85.71% 35.71%, 92.86% 35.71%, 92.86% 64.29%, 85.71% 64.29%, 85.71% 78.57%, 78.57% 78.57%, 78.57% 71.43%, 71.43% 71.43%, 71.43% 64.29%, 64.29% 64.29%, 64.29% 57.14%, 71.43% 57.14%, 71.43% 42.86%, 64.29% 42.86%, 64.29% 57.14%, 57.14% 57.14%, 57.14% 64.29%, 64.29% 64.29%, 64.29% 71.43%, 71.43% 71.43%, 71.43% 78.57%, 78.57% 78.57%, 78.57% 85.71%, 64.29% 85.71%, 64.29% 92.86%, 35.71% 92.86%, 35.71% 85.71%, 21.43% 85.71%, 21.43% 78.57%, 28.57% 78.57%, 28.57% 71.43%, 35.71% 64.29%, 42.86% 64.29%, 42.86% 71.43%, 57.14% 71.43%, 57.14% 64.29%, 42.86% 64.29%, 42.86% 57.14%, 35.71% 57.14%, 35.71% 64.29%, 28.57% 64.29%, 28.57% 71.43%, 21.43% 71.43%, 21.43% 78.57%, 14.29% 78.57%, 14.29% 64.29%, 7.143% 64.29%, 7.143% 35.71%, 0.000% 35.71%, 0.000% 64.29%, 7.143% 64.29%, 7.143% 78.57%, 14.29% 78.57%, 14.29% 85.71%, 21.43% 85.71%, 21.43% 92.86%, 35.71% 92.86%, 35.71% 100.0%, 64.29% 100.0%, 64.29% 92.86%, 78.57% 92.86%, 78.57% 85.71%, 85.71% 85.71%, 85.71% 78.57%, 92.86% 78.57%, 92.86% 64.29%, 100.0% 64.29%, 100.0% 35.71%, 92.86% 35.71%, 92.86% 21.43%, 85.71% 21.43%, 85.71% 14.29%, 78.57% 14.29%, 78.57% 7.143%, 64.29% 7.143%);
--mc-environment-right_arrow_with_tail_icon_clip-path: polygon(0.000% 50.00%, 75.00% 50.00%, 75.00% 62.50%, 62.50% 62.50%, 62.50% 75.00%, 50.00% 75.00%, 50.00% 87.50%, 62.50% 87.50%, 62.50% 75.00%, 75.00% 75.00%, 75.00% 62.50%, 87.50% 62.50%, 87.50% 50.00%, 100.0% 50.00%, 100.0% 37.50%, 87.50% 37.50%, 87.50% 25.00%, 75.00% 25.00%, 75.00% 12.50%, 62.50% 12.50%, 62.50% 0.000%, 50.00% 0.000%, 50.00% 12.50%, 62.50% 12.50%, 62.50% 25.00%, 75.00% 25.00%, 75.00% 37.50%, 0.000% 37.50%, 0.000% 50.00%);
--mc-environment-star_icon_clip-path: polygon(0.000% 30.77%, 0.000% 38.46%, 7.692% 38.46%, 7.692% 46.15%, 15.38% 46.15%, 15.38% 53.85%, 23.08% 53.85%, 23.08% 69.23%, 15.38% 69.23%, 15.38% 84.62%, 7.692% 84.62%, 7.692% 100.0%, 23.08% 100.0%, 23.08% 92.31%, 38.46% 92.31%, 38.46% 84.62%, 46.15% 84.62%, 46.15% 76.92%, 53.85% 76.92%, 53.85% 84.62%, 61.54% 84.62%, 61.54% 92.31%, 76.92% 92.31%, 76.92% 100.0%, 92.31% 100.0%, 92.31% 84.62%, 84.62% 84.62%, 84.62% 69.23%, 76.92% 69.23%, 76.92% 53.85%, 84.62% 53.85%, 84.62% 46.15%, 92.31% 46.15%, 92.31% 38.46%, 100.0% 38.46%, 100.0% 30.77%, 69.23% 30.77%, 69.23% 23.08%, 61.54% 23.08%, 61.54% 7.692%, 53.85% 7.692%, 53.85% 0.000%, 46.15% 0.000%, 46.15% 7.692%, 38.46% 7.692%, 38.46% 23.08%, 30.77% 23.08%, 30.77% 30.77%, 0.000% 30.77%);
--mc-environment-outline-star_icon_clip-path: polygon(42.86% 0.000%, 42.86% 7.143%, 35.71% 7.143%, 35.71% 21.43%, 28.57% 21.43%, 28.57% 28.57%, 0.000% 28.57%, 0.000% 42.86%, 7.143% 42.86%, 7.143% 50.00%, 14.29% 50.00%, 14.29% 57.14%, 21.43% 57.14%, 21.43% 64.29%, 14.29% 64.29%, 14.29% 78.57%, 7.143% 78.57%, 7.143% 100.0%, 28.57% 100.0%, 28.57% 92.86%, 35.71% 92.86%, 35.71% 85.71%, 42.86% 85.71%, 42.86% 78.57%, 57.14% 78.57%, 57.14% 85.71%, 64.29% 85.71%, 64.29% 92.86%, 71.43% 92.86%, 71.43% 100.0%, 92.86% 100.0%, 92.86% 78.57%, 85.71% 78.57%, 85.71% 64.29%, 78.57% 64.29%, 78.57% 57.14%, 85.71% 57.14%, 85.71% 50.00%, 92.86% 50.00%, 92.86% 42.86%, 100.0% 42.86%, 100.0% 28.57%, 71.43% 28.57%, 71.43% 21.43%, 64.29% 21.43%, 64.29% 7.143%, 57.14% 7.143%, 57.14% 0.000%, 42.86% 0.000%, 42.86% 7.143%, 57.14% 7.143%, 57.14% 21.43%, 64.29% 21.43%, 64.29% 35.71%, 92.86% 35.71%, 92.86% 42.86%, 85.71% 42.86%, 85.71% 50.00%, 78.57% 50.00%, 78.57% 57.14%, 71.43% 57.14%, 71.43% 64.29%, 78.57% 64.29%, 78.57% 78.57%, 85.71% 78.57%, 85.71% 92.86%, 71.43% 92.86%, 71.43% 85.71%, 64.29% 85.71%, 64.29% 78.57%, 57.14% 78.57%, 57.14% 71.43%, 42.86% 71.43%, 42.86% 78.57%, 35.71% 78.57%, 35.71% 85.71%, 28.57% 85.71%, 28.57% 92.86%, 14.29% 92.86%, 14.29% 78.57%, 21.43% 78.57%, 21.43% 64.29%, 28.57% 64.29%, 28.57% 57.14%, 21.43% 57.14%, 21.43% 50.00%, 14.29% 50.00%, 14.29% 42.86%, 7.143% 42.86%, 7.143% 35.71%, 35.71% 35.71%, 35.71% 21.43%, 42.86% 21.43%, 42.86% 7.143%);
--mc-environment-search_icon_clip-path: polygon(0.000% 23.08%, 0.000% 53.85%, 7.692% 53.85%, 7.692% 61.54%, 15.38% 61.54%, 15.38% 69.23%, 23.08% 69.23%, 23.08% 76.92%, 53.85% 76.92%, 53.85% 69.23%, 69.23% 69.23%, 69.23% 76.92%, 76.92% 76.92%, 76.92% 84.62%, 84.62% 84.62%, 84.62% 92.31%, 92.31% 92.31%, 92.31% 100.0%, 100.0% 100.0%, 100.0% 107.7%, 107.7% 107.7%, 107.7% 100.0%, 100.0% 100.0%, 100.0% 92.31%, 92.31% 92.31%, 92.31% 84.62%, 84.62% 84.62%, 84.62% 76.92%, 76.92% 76.92%, 76.92% 69.23%, 69.23% 69.23%, 69.23% 53.85%, 76.92% 53.85%, 76.92% 23.08%, 69.23% 23.08%, 69.23% 15.38%, 61.54% 15.38%, 61.54% 7.692%, 53.85% 7.692%, 53.85% 0.000%, 23.08% 0.000%, 23.08% 7.692%, 15.38% 7.692%, 15.38% 15.38%, 7.692% 15.38%, 7.692% 23.08%, 15.38% 23.08%, 15.38% 15.38%, 23.08% 15.38%, 23.08% 7.692%, 53.85% 7.692%, 53.85% 15.38%, 61.54% 15.38%, 61.54% 23.08%, 69.23% 23.08%, 69.23% 53.85%, 61.54% 53.85%, 61.54% 61.54%, 53.85% 61.54%, 53.85% 69.23%, 23.08% 69.23%, 23.08% 61.54%, 15.38% 61.54%, 15.38% 53.85%, 7.692% 53.85%, 7.692% 23.08%);
--mc-environment-clear_icon_clip-path: polygon(21.43% 7.143%, 21.43% 14.29%, 14.29% 14.29%, 14.29% 21.43%, 7.143% 21.43%, 7.143% 35.71%, 0.000% 35.71%, 0.000% 64.29%, 7.143% 64.29%, 7.143% 78.57%, 14.29% 78.57%, 14.29% 85.71%, 21.43% 85.71%, 21.43% 92.86%, 35.71% 92.86%, 35.71% 100.0%, 64.29% 100.0%, 64.29% 92.86%, 78.57% 92.86%, 78.57% 85.71%, 85.71% 85.71%, 85.71% 78.57%, 92.86% 78.57%, 92.86% 64.29%, 100.0% 64.29%, 100.0% 35.71%, 92.86% 35.71%, 92.86% 21.43%, 85.71% 21.43%, 85.71% 14.29%, 78.57% 14.29%, 78.57% 7.143%, 64.29% 7.143%, 64.29% 0.000%, 35.71% 0.000%, 35.71% 7.143%, 21.43% 7.143%, 21.43% 14.29%, 35.71% 14.29%, 35.71% 7.143%, 64.29% 7.143%, 64.29% 14.29%, 78.57% 14.29%, 78.57% 21.43%, 85.71% 21.43%, 85.71% 35.71%, 92.86% 35.71%, 92.86% 64.29%, 85.71% 64.29%, 85.71% 78.57%, 78.57% 78.57%, 78.57% 85.71%, 64.29% 85.71%, 64.29% 92.86%, 35.71% 92.86%, 35.71% 85.71%, 21.43% 85.71%, 21.43% 78.57%, 14.29% 78.57%, 14.29% 64.29%, 7.143% 64.29%, 7.143% 35.71%, 14.29% 35.71%, 14.29% 21.43%, 21.43% 21.43%, 21.43% 8.571%, 25.00% 25.00%, 25.00% 25.00%, 32.14% 25.00%, 32.14% 32.14%, 39.29% 32.14%, 39.29% 39.29%, 46.43% 39.29%, 46.43% 46.43%, 53.57% 46.43%, 53.57% 39.29%, 60.71% 39.29%, 60.71% 32.14%, 67.86% 32.14%, 67.86% 25.00%, 75.00% 25.00%, 75.00% 32.14%, 67.86% 32.14%, 67.86% 39.29%, 60.71% 39.29%, 60.71% 46.43%, 53.57% 46.43%, 53.57% 53.57%, 60.71% 53.57%, 60.71% 60.71%, 67.86% 60.71%, 67.86% 67.86%, 75.00% 67.86%, 75.00% 75.00%, 67.86% 75.00%, 67.86% 67.86%, 60.71% 67.86%, 60.71% 60.71%, 53.57% 60.71%, 53.57% 53.57%, 46.43% 53.57%, 46.43% 60.71%, 39.29% 60.71%, 39.29% 67.86%, 32.14% 67.86%, 32.14% 75.00%, 25.00% 75.00%, 25.00% 67.86%, 32.14% 67.86%, 32.14% 60.71%, 39.29% 60.71%, 39.29% 53.57%, 46.43% 53.57%, 46.43% 46.43%, 39.29% 46.43%, 39.29% 39.29%, 32.14% 39.29%, 32.14% 32.14%, 25.00% 32.14%, 25.00% 25.00%);
--mc-environment-settings_icon_clip-path: polygon(0.000% 3.571%, 0.000% 10.71%, 21.43% 10.71%, 21.43% 14.29%, 28.57% 14.29%, 28.57% 10.71%, 42.86% 10.71%, 100.0% 10.71%, 100.0% 3.571%, 42.86% 3.571%, 42.86% 10.71%, 28.57% 10.71%, 28.57% 0.000%, 21.43% 0.000%, 21.43% 3.571%, 0.000% 3.571%, 0.000% 32.14%, 0.000% 39.29%, 21.43% 39.29%, 21.43% 42.86%, 28.57% 42.86%, 28.57% 39.29%, 42.86% 39.29%, 100.0% 39.29%, 100.0% 32.14%, 42.86% 32.14%, 42.86% 39.29%, 28.57% 39.29%, 28.57% 28.57%, 21.43% 28.57%, 21.43% 32.14%, 0.000% 32.14%, 0.000% 60.71%, 57.14% 60.71%, 71.43% 60.71%, 71.43% 57.14%, 78.57% 57.14%, 78.57% 60.71%, 100.0% 60.71%, 100.0% 67.86%, 78.57% 67.86%, 78.57% 71.43%, 71.43% 71.43%, 71.43% 60.71%, 57.14% 60.71%, 57.14% 67.86%, 0.000% 67.86%);
--mc-environment-voice_icon_clip-path: polygon(37.50% 81.25%, 12.50% 81.25%, 12.50% 75.00%, 6.250% 75.00%, 6.250% 43.75%, 0.000% 43.75%, 0.000% 75.00%, 6.250% 75.00%, 6.250% 81.25%, 12.50% 81.25%, 12.50% 87.50%, 31.25% 87.50%, 31.25% 93.75%, 18.75% 93.75%, 18.75% 100.0%, 56.25% 100.0%, 56.25% 93.75%, 43.75% 93.75%, 43.75% 87.50%, 62.50% 87.50%, 62.50% 81.25%, 68.75% 81.25%, 68.75% 75.00%, 75.00% 75.00%, 75.00% 43.75%, 68.75% 43.75%, 68.75% 75.00%, 62.50% 75.00%, 62.50% 81.25%, 37.50% 81.25%, 37.50% 75.00%, 50.00% 75.00%, 50.00% 68.75%, 56.25% 68.75%, 56.25% 62.50%, 62.50% 62.50%, 62.50% 12.50%, 56.25% 12.50%, 56.25% 6.250%, 50.00% 6.250%, 50.00% 0.000%, 25.00% 0.000%, 25.00% 6.250%, 18.75% 6.250%, 18.75% 12.50%, 12.50% 12.50%, 12.50% 62.50%, 18.75% 62.50%, 18.75% 68.75%, 25.00% 68.75%, 25.00% 75.00%, 37.50% 75.00%, 37.50% 68.75%, 25.00% 68.75%, 25.00% 62.50%, 18.75% 62.50%, 18.75% 12.50%, 25.00% 12.50%, 25.00% 6.250%, 50.00% 6.250%, 50.00% 12.50%, 56.25% 12.50%, 56.25% 62.50%, 50.00% 62.50%, 50.00% 68.75%, 37.50% 68.75%);
--mc-environment-external-link_icon_clip-path: polygon(0.000% 78.75%, 12.50% 78.75%, 12.50% 66.25%, 25.00% 66.25%, 25.00% 53.75%, 37.50% 53.75%, 37.50% 41.25%, 50.00% 41.25%, 50.00% 28.75%, 62.50% 28.75%, 66.25% 28.75%, 66.25% 62.50%, 78.75% 62.50%, 78.75% 0.000%, 16.25% 0.000%, 16.25% 12.50%, 66.25% 12.50%, 66.25% 28.75%, 62.50% 28.75%, 62.50% 16.25%, 50.00% 16.25%, 50.00% 28.75%, 37.50% 28.75%, 37.50% 41.25%, 25.00% 41.25%, 25.00% 53.75%, 12.50% 53.75%, 12.50% 66.25%, 0.000% 66.25%);
--mc-environment-external-notched_radio_button_clip-path: polygon(0.000% 16.67%, 0.000% 83.33%, 16.67% 83.33%, 16.67% 100.0%, 83.33% 100.0%, 83.33% 83.33%, 100.0% 83.33%, 100.0% 16.67%, 83.33% 16.67%, 83.33% 0.000%, 16.67% 0.000%, 16.67% 16.67%);
--mc-environment-external-link-small_icon_clip-path: polygon(0.000% 100.0%, 22.22% 100.0%, 22.22% 77.78%, 44.44% 77.78%, 44.44% 55.56%, 66.67% 55.56%, 66.67% 33.33%, 77.78% 33.33%, 77.78% 88.89%, 100.0% 88.89%, 100.0% 0.000%, 11.11% 0.000%, 11.11% 22.22%, 77.78% 22.22%, 77.78% 33.33%, 66.67% 33.33%, 44.44% 33.33%, 44.44% 55.56%, 22.22% 55.56%, 22.22% 77.78%, 0.000% 77.78%);
--mc-environment-external-link-small_icon_svg_16x16: url('data:image/svg+xml;utf8,');
--mc-environment-internal-link-icon_svg_6x10: url('data:image/svg+xml;utf8,');
--mc-environment-smiley-face_icon_clip-path: polygon(27.27% 0.000%, 27.27% 9.091%, 18.18% 9.091%, 18.18% 18.18%, 9.091% 18.18%, 9.091% 27.27%, 0.000% 27.27%, 0.000% 72.73%, 9.091% 72.73%, 9.091% 81.82%, 18.18% 81.82%, 18.18% 90.91%, 27.27% 90.91%, 27.27% 100.0%, 72.73% 100.0%, 72.73% 90.91%, 81.82% 90.91%, 81.82% 81.82%, 90.91% 81.82%, 90.91% 72.73%, 100.0% 72.73%, 100.0% 27.27%, 90.91% 27.27%, 90.91% 18.18%, 81.82% 18.18%, 81.82% 9.091%, 72.73% 9.091%, 72.73% 0.000%, 27.27% 0.000%, 27.27% 63.64%, 36.36% 63.64%, 36.36% 72.73%, 63.64% 72.73%, 63.64% 63.64%, 72.73% 63.64%, 72.73% 36.36%, 63.64% 36.36%, 63.64% 45.45%, 72.73% 45.45%, 72.73% 54.55%, 63.64% 54.55%, 63.64% 63.64%, 36.36% 63.64%, 36.36% 54.55%, 27.27% 54.55%, 27.27% 45.45%, 36.36% 45.45%, 36.36% 36.36%, 27.27% 36.36%, 27.27% 9.091%, 72.73% 9.091%, 72.73% 18.18%, 81.82% 18.18%, 81.82% 27.27%, 90.91% 27.27%, 90.91% 72.73%, 81.82% 72.73%, 81.82% 81.82%, 72.73% 81.82%, 72.73% 90.91%, 27.27% 90.91%, 27.27% 81.82%, 18.18% 81.82%, 18.18% 72.73%, 9.091% 72.73%, 9.091% 27.27%, 18.18% 27.27%, 18.18% 18.18%, 27.27% 18.18%);
--mc-environment-logout_icon_clip-path: polygon(0.000% 0.000%, 0.000% 100.0%, 63.64% 100.0%, 63.64% 90.91%, 9.091% 90.91%, 9.091% 54.55%, 81.82% 54.55%, 81.82% 63.64%, 72.73% 63.64%, 72.73% 72.73%, 81.82% 72.73%, 81.82% 63.64%, 90.91% 63.64%, 90.91% 54.55%, 100.0% 54.55%, 100.0% 45.45%, 90.91% 45.45%, 90.91% 36.36%, 81.82% 36.36%, 81.82% 27.27%, 72.73% 27.27%, 72.73% 36.36%, 81.82% 36.36%, 81.82% 45.45%, 27.27% 45.45%, 27.27% 54.55%, 9.091% 54.55%, 9.091% 9.091%, 63.64% 9.091%, 63.64% 0.000%, 0.000% 0.000%);
--mc-environment-download_icon_clip-path: polygon(45.83% 0.000%, 54.17% 0.000%, 54.17% 66.67%, 62.50% 66.67%, 62.50% 58.33%, 70.83% 58.33%, 70.83% 50.00%, 79.17% 50.00%, 79.17% 41.67%, 87.50% 41.67%, 87.50% 50.00%, 79.17% 50.00%, 79.17% 58.33%, 70.83% 58.33%, 70.83% 66.67%, 62.50% 66.67%, 62.50% 75.00%, 54.17% 75.00%, 54.17% 83.33%, 45.83% 83.33%, 45.83% 91.67%, 87.50% 91.67%, 87.50% 100.0%, 12.50% 100.0%, 12.50% 91.67%, 45.83% 91.67%, 45.83% 75.00%, 37.50% 75.00%, 37.50% 66.67%, 29.17% 66.67%, 29.17% 58.33%, 20.83% 58.33%, 20.83% 50.00%, 12.50% 50.00%, 12.50% 41.67%, 20.83% 41.67%, 20.83% 50.00%, 29.17% 50.00%, 29.17% 58.33%, 37.50% 58.33%, 37.50% 66.67%, 45.83% 66.67%, 45.83% 75.00%);
--mc-environment-download_icon_svg_10x14: url('data:image/svg+xml;utf8,');
--mc-environment-search_icon_svg-18x18: url('data:image/svg+xml;utf8,');
--mc-environment-search_icon_svg_hover-18x18: url('data:image/svg+xml;utf8,');
--mc-environment-search_icon_svg-24x24: url('data:image/svg+xml;utf8,');
--mc-environment-pickaxe_icon_svg-25x24: url('data:image/svg+xml;utf8,');
--mc-environment-pickaxe_icon_svg_hover-25x24: url('data:image/svg+xml;utf8,');
--mc-environment-chest_icon_svg-25x24: url('data:image/svg+xml;utf8,');
--mc-environment-chest_icon_svg_hover-25x24: url('data:image/svg+xml;utf8,');
--mc-environment-marketplace_icon_svg-25x24: url('data:image/svg+xml;utf8,');
--mc-environment-marketplace_icon_svg_hover-25x24: url('data:image/svg+xml;utf8,');
--mc-environment-news_icon_svg-25x24: url('data:image/svg+xml;utf8,');
--mc-environment-news_icon_svg_hover-25x24: url('data:image/svg+xml;utf8,');
--mc-environment-community_icon_svg-25x24: url('data:image/svg+xml;utf8,');
--mc-environment-community_icon_svg_hover-25x24: url('data:image/svg+xml;utf8,');
--mc-environment-support_icon_svg-25x24: url('data:image/svg+xml;utf8,');
--mc-environment-support_icon_svg_hover-25x24: url('data:image/svg+xml;utf8,');
--mc-environment-filter_icon_svg-24x24: url('data:image/svg+xml;utf8,');
--mc-environment-settings_icon_svg-24x24: url('data:image/svg+xml;utf8,');
--mc-environment-grid_icon_svg-24x24: url('data:image/svg+xml;utf8,');
--mc-environment-grid_icon_svg_hover-24x24: url('data:image/svg+xml;utf8,');
--mc-environment-list_icon_svg-24x24: url('data:image/svg+xml;utf8,');
--mc-environment-list_icon_svg_hover-24x24: url('data:image/svg+xml;utf8,');
--mc-environment-star_full_icon_svg-22x24: url('data:image/svg+xml;utf8,');
--mc-environment-star_empty_icon_svg-22x24: url('data:image/svg+xml;utf8,');
--mc-environment-star_empty_icon_light_svg-22x24: url('data:image/svg+xml;utf8,');
--mc-environment-star_1of9_icon_svg-22x24: url('data:image/svg+xml;utf8,');
--mc-environment-star_2of9_icon_svg-22x24: url('data:image/svg+xml;utf8,');
--mc-environment-star_3of9_icon_svg-22x24: url('data:image/svg+xml;utf8,');
--mc-environment-star_4of9_icon_svg-22x24: url('data:image/svg+xml;utf8,');
--mc-environment-star_5of9_icon_svg-22x24: url('data:image/svg+xml;utf8,');
--mc-environment-star_6of9_icon_svg-22x24: url('data:image/svg+xml;utf8,');
--mc-environment-star_7of9_icon_svg-22x24: url('data:image/svg+xml;utf8,');
--mc-environment-star_8of9_icon_svg-22x24: url('data:image/svg+xml;utf8,');
--mc-environment-star_9of9_icon_svg-22x24: url('data:image/svg+xml;utf8,');
--mc-environment-checkmark_icon_svg-16x12: url('data:image/svg+xml;utf8,');
--mc-environment-checkmark_icon_svg-24x18: url('data:image/svg+xml;utf8,');
--mc-environment-monochrome-characteritem_icon_svg-20x20: url('data:image/svg+xml;utf8,');
--mc-environment-monochrome-addon_icon_svg-16x16: url('data:image/svg+xml;utf8,');
--mc-environment-monochrome-emote_icon_svg-20x20: url('data:image/svg+xml;utf8,');
--mc-environment-monochrome-minecoin_icon_svg-18x18: url('data:image/svg+xml;utf8,');
--mc-environment-monochrome-world_icon_svg-16x16: url('data:image/svg+xml;utf8,');
--mc-environment-monochrome-mashup_icon_svg-16x16: url('data:image/svg+xml;utf8,');
--mc-environment-monochrome-texturepack_icon_svg-16x16: url('data:image/svg+xml;utf8,');
--mc-environment-monochrome-skinpack_icon_svg-16x16: url('data:image/svg+xml;utf8,');
--mc-environment-games_salebadgefin_svg-9x24: url('data:image/svg+xml;utf8,');
--mc-environment-marketplace_salebadgefin_svg-6x20: url('data:image/svg+xml;utf8,');
--mc-environment-marketplace_rating_svg-22x24: url('data:image/svg+xml;utf8,');
--mc-environment-error_svg-18x20: url('data:image/svg+xml;utf8,');
--mc-environment-warning_svg-18x20: url('data:image/svg+xml;utf8,');
--mc-environment-link-downarrow_svg-10x6: url('data:image/svg+xml;utf8,');
--mc-environment-select-downarrow_svg-24x24: url('data:image/svg+xml;utf8,');
--mc-environment-switch-zero-12x12: url('data:image/svg+xml;utf8,');
--mc-environment-switch-hc-zero-12x12: url('data:image/svg+xml;utf8,');
--mc-environment-switch-one-2x12: url('data:image/svg+xml;utf8,');
--mc-environment-switch-hc-one-2x12: url('data:image/svg+xml;utf8,');
--mc-environment-badgeb_svg-9x26: url('data:image/svg+xml;utf8,');
--mc-environment-breadcrumbsA_svg-6x10: url('data:image/svg+xml;utf8,');
--mc-environment-accountIcon_svg-16x16: url('data:image/svg+xml;utf8,');
--mc-environment-accountIcon_svg_hover-16x16: url('data:image/svg+xml;utf8,');
--mc-environment-filterBlockCRemove_svg-10x10: url('data:image/svg+xml;utf8,');
--mc-environment-tabShowcaseAArrow_svg-20x84: url('data:image/svg+xml;utf8,');
--mc-environment-tabShowcaseAArrowGlow_svg-84x32: url('data:image/svg+xml;utf8,');
--mc-environment-tabShowcaseADiamond_svg-22x22: url('data:image/svg+xml;utf8,');
--mc-environment-unionArrows_svg-48x48: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%2386d562' d='M4 40h4v4h8v4H0V32h4z'/%3E%3Cpath fill='%2386d562' d='M12 40H8v-4h4zM16 36h-4v-4h4zM20 32h-4v-4h4zM32 20h-4v-4h4zM36 16h-4v-4h4zM48 16h-4V8h-4V4h-8V0h16z'/%3E%3Cpath fill='%2386d562' d='M40 12h-4V8h4z'/%3E%3C/svg%3E")
}
.MC_forms_requiredAsterisk {
color: var(--mc-default-warning-2);
margin-left: 4px
}
.MC_inputA .MC_input_input:focus {
border: 2px solid var(--mc-core-white);
border-radius: 0;
outline: 2px solid var(--mc-default-focus);
outline-offset: -3px
}
.MC_input_input[aria-invalid=true] {
outline: 2px solid var(--mc-default-warning-2);
outline-offset: -2px
}
.MC_input_input[aria-invalid=true]+.MC_input_errorContainer {
margin-top: 8px
}
.MC_input_errorContainer p {
color: var(--mc-default-warning-2) !important;
font-style: normal;
font-weight: 600;
line-height: normal
}
.MC_AEM_Wrapper:has(.MC_modal[aria-hidden=true]:not([data-hide-wrapper=false])) {
display: none
}
.MC_AEM_Wrapper:has(.MC_modal[aria-hidden=false]) {
height: 100%;
position: fixed;
top: 0;
width: 100%;
z-index: 350 !important
}
.MC_modal_open .MC_modal {
cursor: unset !important
}
.MC_modal_open .MC_modal a,
.MC_modal_open .MC_modal button {
cursor: pointer !important
}
[data-mc-ref*=mc_modals_modal] {
--maxWidth: 420px;
--zIndex: 500;
bottom: 0;
display: none;
height: fit-content;
left: 0;
margin: auto;
max-width: var(--maxWidth);
position: fixed;
right: 0;
top: 0;
width: fit-content;
z-index: var(--zIndex)
}
.MC_modal {
position: relative;
z-index: 100
}
@media screen and (min-height:200px) {
.MC_modal {
min-height: 200px
}
}
.MC_modal_cover {
background: rgba(0, 0, 0, .6);
display: none;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 99
}
[data-mc-ref*=mc_modals_modal]:has(.MC_modal[aria-hidden=false]),
[data-mc-ref*=mc_modals_modal]:has(.MC_modal[aria-hidden=false]) .MC_modal_cover {
display: block
}
.MC_AEM_Wrapper.MC_modal_visible {
height: 100%;
position: fixed;
top: 0;
width: 100%;
z-index: 350
}
.MC_modal_visible [data-mc-ref*=mc_modals_modal],
.MC_modal_visible [data-mc-ref*=mc_modals_modal] .MC_modal_cover,
.MC_modal_visible[data-mc-ref*=mc_modals_modal],
.MC_modal_visible[data-mc-ref*=mc_modals_modal] .MC_modal_cover {
display: block
}
.MC_modal_actions_container {
display: none
}
.MC_modal_actions_container:has(a, button) {
display: block
}
.MC_modal_actions_container .MC_Button+.MC_Button {
margin-top: 0
}
.MC_modal_actions_container.MC_modal_actions_singlerow {
display: block
}
.MC_modal_actions_container.MC_modal_actions_doublerow {
display: flex;
flex-wrap: wrap;
gap: 16px
}
.MC_modal_actions_container.MC_modal_actions_doublerow .MC_Button {
flex: 0 0 calc(50% - 8px)
}
.MC_modal_actions_container.MC_modal_actions_singlerow .MC_Button+.MC_Button {
margin-top: 16px
}
.MC_modal_actions_container .MC_Button:nth-child(3n),
.MC_modal_actions_container.MC_modal_actions_doublerow .MC_Button:nth-child(3n) {
flex: 0 0 100%
}
@media screen and (max-width:596px) {
.MC_modal_actions_container.MC_modal_actions_doublerow {
display: block !important
}
.MC_modal_actions_container.MC_modal_actions_doublerow .MC_Button+.MC_Button {
margin-top: 16px
}
}
.MC_modal_close {
background-color: transparent;
border: 0;
padding: 3px;
position: absolute;
right: 12px;
top: 12px
}
.MC_modal_close:focus,
.MC_modal_close:focus-visible {
box-shadow: 0 0 0 3px var(--mc-core-white);
outline: 2px solid var(--mc-default-focus)
}
.MC_modal_close:after {
background-color: var(--mc-core-white);
clip-path: var(--mc-environment-close_icon_clip-path);
content: "";
display: block;
height: 14px;
width: 14px
}
@media screen and (min-width:767.98px) {
.MC_modal_close:after {
height: 18px;
width: 18px
}
}
@media screen and (min-width:768px) {
[data-mc-ref*=mc_modals_modal] {
max-width: 800px
}
}
@media(forced-colors:active) {
.MC_modal {
border: 2px solid
}
}
@media (forced-colors:active) and (prefers-color-scheme:dark) {
.MC_modal_close:after {
background-color: currentColor;
filter: invert(1)
}
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
.MC_modal_close:after {
filter: invert(1)
}
}
.MC_Link_Style_RichText table {
background-color: var(--mc-core-grey-6)
}
.MC_Link_Style_RichText table th {
font-family: var(--mc-legends-fontlist);
font-size: 1.25rem;
font-weight: 400;
letter-spacing: .04em;
line-height: 1.25rem
}
.MC_Link_Style_RichText table tr {
border-bottom: 1px solid var(--mc-core-grey-4)
}
.MC_Link_Style_RichText table td,
.MC_Link_Style_RichText table th {
padding: 12px
}
.MC_Tabs_tabpanels_panel {
padding: 0;
position: relative
}
.MC_Tabs_tabpanels_panel:focus-visible {
outline: 0
}
.MC_Tabs_tabpanels_panel:focus-visible:after {
box-shadow: 0 0 0 2px var(--mc-default-focus);
content: " ";
display: block;
height: 100%;
left: 0;
outline: 1px solid var(--mc-core-white);
outline-offset: 2px;
position: absolute;
top: 0;
width: 100%;
z-index: 26
}
.MC_Tabs_tabpanels_panel[tabindex="-1"] {
display: none
}
.MC_Tabs_controls {
background-color: inherit;
display: flex;
flex-flow: column;
justify-content: space-around;
left: 0;
position: absolute;
z-index: 20
}
.MC_Tabs_controls~.MC_Tabs_controls {
left: unset;
right: 0;
transform: translateY(-100%)
}
.MC_Tabs_controls_button {
background-color: transparent;
border: none;
height: 100%;
position: relative;
transform: rotate(1turn)
}
.MC_Tabs_controls_button:focus,
.MC_Tabs_controls_button:focus-visible {
outline: .0625rem solid #fff;
outline-offset: -1px
}
.MC_Tabs_controls_button:focus-visible:before,
.MC_Tabs_controls_button:focus:before {
content: " ";
display: block;
height: 100%;
left: 0;
outline: .125rem solid #1452cc;
outline-offset: -3px;
position: absolute;
top: 0;
width: 100%;
z-index: 2
}
.MC_Tabs_controls_button[disabled=disabled] {
display: none
}
.MC_Tabs_controls_button,
.MC_Tabs_controls_button:after {
cursor: pointer;
width: 40px
}
.MC_Tabs_controls_button:after {
clip-path: var(--mc-environment-arrow__down_clip-path);
content: "";
display: block;
height: 14px;
transform: rotate(90deg);
width: 25px
}
.MC_Tabs_controls_button:hover:after,
.MC_Theme_Vanilla .MC_Tabs_controls_button:hover:after {
background-color: var(--mc-vanilla-green-4)
}
.MC_Tabs_controls_button__next {
margin-right: 0;
transform: rotate(180deg)
}
.MC_Bg_Core__Green_4 .MC_Tabs_controls_button:after,
.MC_Bg_Core__Green_5 .MC_Tabs_controls_button:after,
.MC_Bg_Core__Green_6 .MC_Tabs_controls_button:after {
background-color: var(--mc-core-white)
}
.MC_Bg_Core__Green_1 .MC_Tabs_controls_button:after,
.MC_Bg_Core__Green_2 .MC_Tabs_controls_button:after,
.MC_Bg_Core__Green_3 .MC_Tabs_controls_button:after {
background-color: var(--mc-core-rich-black)
}
.MC_Bg_Core__Grey_4 .MC_Tabs_controls_button:after,
.MC_Bg_Core__Grey_5 .MC_Tabs_controls_button:after,
.MC_Bg_Core__Grey_6 .MC_Tabs_controls_button:after {
background-color: var(--mc-core-white)
}
.MC_Bg_Core__Grey_1 .MC_Tabs_controls_button:after,
.MC_Bg_Core__Grey_2 .MC_Tabs_controls_button:after,
.MC_Bg_Core__Grey_3 .MC_Tabs_controls_button:after {
background-color: var(--mc-core-rich-black)
}
.MC_Bg_Core__off-black .MC_Tabs_controls_button:after,
.MC_Bg_Core__rich-black .MC_Tabs_controls_button:after {
background-color: var(--mc-core-white)
}
.MC_Bg_Core__off-white .MC_Tabs_controls_button:after,
.MC_Bg_Core__white .MC_Tabs_controls_button:after {
background-color: var(--mc-core-rich-black)
}
.MC_Bg_Vanilla__Green_4 .MC_Tabs_controls_button:after,
.MC_Bg_Vanilla__Green_5 .MC_Tabs_controls_button:after,
.MC_Bg_Vanilla__Green_6 .MC_Tabs_controls_button:after {
background-color: var(--mc-core-white)
}
.MC_Bg_Vanilla__Green_1 .MC_Tabs_controls_button:after,
.MC_Bg_Vanilla__Green_2 .MC_Tabs_controls_button:after,
.MC_Bg_Vanilla__Green_3 .MC_Tabs_controls_button:after {
background-color: var(--mc-core-rich-black)
}
.MC_Bg_Vanilla__Brown_4 .MC_Tabs_controls_button:after,
.MC_Bg_Vanilla__Brown_5 .MC_Tabs_controls_button:after,
.MC_Bg_Vanilla__Brown_6 .MC_Tabs_controls_button:after {
background-color: var(--mc-core-white)
}
.MC_Bg_Vanilla__Brown_1 .MC_Tabs_controls_button:after,
.MC_Bg_Vanilla__Brown_2 .MC_Tabs_controls_button:after,
.MC_Bg_Vanilla__Brown_3 .MC_Tabs_controls_button:after {
background-color: var(--mc-core-rich-black)
}
.MC_Bg_Vanilla__Blue_3 .MC_Tabs_controls_button:after,
.MC_Bg_Vanilla__Blue_4 .MC_Tabs_controls_button:after,
.MC_Bg_Vanilla__Blue_5 .MC_Tabs_controls_button:after,
.MC_Bg_Vanilla__Blue_6 .MC_Tabs_controls_button:after {
background-color: var(--mc-core-white)
}
.MC_Bg_Vanilla__Blue_1 .MC_Tabs_controls_button:after,
.MC_Bg_Vanilla__Blue_2 .MC_Tabs_controls_button:after {
background-color: var(--mc-core-rich-black)
}
.MC_Bg_Vanilla__Cold_Grey_1 .MC_Tabs_controls_button:after,
.MC_Bg_Vanilla__Cold_Grey_2 .MC_Tabs_controls_button:after,
.MC_Bg_Vanilla__Cold_Grey_3 .MC_Tabs_controls_button:after,
.MC_Bg_Vanilla__Cold_Grey_4 .MC_Tabs_controls_button:after,
.MC_Bg_Vanilla__Cold_Grey_5 .MC_Tabs_controls_button:after,
.MC_Bg_Vanilla__Cold_Grey_6 .MC_Tabs_controls_button:after,
.MC_Bg_Vanilla__Grey_4 .MC_Tabs_controls_button:after,
.MC_Bg_Vanilla__Grey_5 .MC_Tabs_controls_button:after,
.MC_Bg_Vanilla__Grey_6 .MC_Tabs_controls_button:after {
background-color: var(--mc-core-white)
}
.MC_Bg_Dungeons__Orange_1 .MC_Tabs_controls_button:after,
.MC_Bg_Dungeons__Orange_2 .MC_Tabs_controls_button:after,
.MC_Bg_Dungeons__Orange_3 .MC_Tabs_controls_button:after,
.MC_Bg_Dungeons__Orange_4 .MC_Tabs_controls_button:after,
.MC_Bg_Dungeons__Orange_5 .MC_Tabs_controls_button:after,
.MC_Bg_Dungeons__Orange_6 .MC_Tabs_controls_button:after,
.MC_Bg_Vanilla__Grey_1 .MC_Tabs_controls_button:after,
.MC_Bg_Vanilla__Grey_2 .MC_Tabs_controls_button:after,
.MC_Bg_Vanilla__Grey_3 .MC_Tabs_controls_button:after {
background-color: var(--mc-core-rich-black)
}
.MC_Bg_Dungeons__Red_3 .MC_Tabs_controls_button:after,
.MC_Bg_Dungeons__Red_4 .MC_Tabs_controls_button:after,
.MC_Bg_Dungeons__Red_5 .MC_Tabs_controls_button:after,
.MC_Bg_Dungeons__Red_6 .MC_Tabs_controls_button:after {
background-color: var(--mc-core-white)
}
.MC_Bg_Dungeons__Red_1 .MC_Tabs_controls_button:after,
.MC_Bg_Dungeons__Red_2 .MC_Tabs_controls_button:after {
background-color: var(--mc-core-rich-black)
}
.MC_Bg_Dungeons__Mulberry_1 .MC_Tabs_controls_button:after,
.MC_Bg_Dungeons__Mulberry_2 .MC_Tabs_controls_button:after,
.MC_Bg_Dungeons__Mulberry_3 .MC_Tabs_controls_button:after,
.MC_Bg_Dungeons__Mulberry_4 .MC_Tabs_controls_button:after,
.MC_Bg_Dungeons__Mulberry_5 .MC_Tabs_controls_button:after,
.MC_Bg_Dungeons__Mulberry_6 .MC_Tabs_controls_button:after {
background-color: var(--mc-core-white)
}
.MC_Bg_Legends__Light_Blue_1 .MC_Tabs_controls_button:after,
.MC_Bg_Legends__Light_Blue_2 .MC_Tabs_controls_button:after,
.MC_Bg_Legends__Light_Blue_3 .MC_Tabs_controls_button:after,
.MC_Bg_Legends__Light_Blue_4 .MC_Tabs_controls_button:after,
.MC_Bg_Legends__Light_Blue_5 .MC_Tabs_controls_button:after,
.MC_Bg_Legends__Light_Blue_6 .MC_Tabs_controls_button:after {
background-color: var(--mc-core-rich-black)
}
.MC_Bg_Legends__Dark_Blue_1 .MC_Tabs_controls_button:after,
.MC_Bg_Legends__Dark_Blue_2 .MC_Tabs_controls_button:after,
.MC_Bg_Legends__Dark_Blue_3 .MC_Tabs_controls_button:after,
.MC_Bg_Legends__Dark_Blue_4 .MC_Tabs_controls_button:after,
.MC_Bg_Legends__Dark_Blue_5 .MC_Tabs_controls_button:after,
.MC_Bg_Legends__Dark_Blue_6 .MC_Tabs_controls_button:after {
background-color: var(--mc-core-white)
}
.MC_Bg_Legends__Light_Orange_1 .MC_Tabs_controls_button:after,
.MC_Bg_Legends__Light_Orange_2 .MC_Tabs_controls_button:after,
.MC_Bg_Legends__Light_Orange_3 .MC_Tabs_controls_button:after,
.MC_Bg_Legends__Light_Orange_4 .MC_Tabs_controls_button:after,
.MC_Bg_Legends__Light_Orange_5 .MC_Tabs_controls_button:after,
.MC_Bg_Legends__Light_Orange_6 .MC_Tabs_controls_button:after {
background-color: var(--mc-core-rich-black)
}
.MC_Bg_Legends__Ultra_Dark_Blue .MC_Tabs_controls_button:after,
.MC_Bg_Legends__Ultra_Dark_Orange .MC_Tabs_controls_button:after,
.MC_Bg_Realms__Pink_4 .MC_Tabs_controls_button:after,
.MC_Bg_Realms__Pink_5 .MC_Tabs_controls_button:after,
.MC_Bg_Realms__Pink_6 .MC_Tabs_controls_button:after {
background-color: var(--mc-core-white)
}
.MC_Bg_Realms__Pink_1 .MC_Tabs_controls_button:after,
.MC_Bg_Realms__Pink_2 .MC_Tabs_controls_button:after,
.MC_Bg_Realms__Pink_3 .MC_Tabs_controls_button:after {
background-color: var(--mc-core-rich-black)
}
.MC_Bg_Realms__Deep_Blue_4 .MC_Tabs_controls_button:after,
.MC_Bg_Realms__Deep_Blue_5 .MC_Tabs_controls_button:after,
.MC_Bg_Realms__Deep_Blue_6 .MC_Tabs_controls_button:after,
.MC_Bg_Realms__Deep_Blue_7 .MC_Tabs_controls_button:after {
background-color: var(--mc-core-white)
}
.MC_Bg_Realms__Deep_Blue_1 .MC_Tabs_controls_button:after,
.MC_Bg_Realms__Deep_Blue_2 .MC_Tabs_controls_button:after,
.MC_Bg_Realms__Deep_Blue_3 .MC_Tabs_controls_button:after {
background-color: var(--mc-core-rich-black)
}
@media (forced-colors:active) {
.MC_Tabs_controls_button__next,
.MC_Tabs_controls_button__previous {
outline: 1px solid #fff;
outline-offset: -1px
}
.MC_Tabs_tabpanels_panel:before {
top: -3px
}
.MC_Tabs_tablist_tab {
border: 2px solid #000;
border-right: 0;
position: relative;
top: 1px
}
.MC_Tabs_tablist_tab[aria-selected=true] {
border-right: 1px solid #000
}
.MC_Tabs_tablist_tab:last-child {
border-right: 2px solid #000
}
}
@media (forced-colors:active) and (prefers-color-scheme:dark) {
.MC_Tabs_controls_button:after {
background-color: currentColor;
filter: invert(1)
}
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
.MC_Tabs_controls_button:after {
filter: invert(1)
}
}
@layer fontDefault {
[class*=MC_]:not(html, body) p,
body,
html {
font-family: var(--mc-default--fontlist)
}
}
[class*=MC_Heading] {
font-family: var(--mc-default--fontlist);
font-weight: 400;
margin: 0;
text-transform: none !important
}
.MC_Text__align_left {
text-align: left !important
}
.MC_Text__align_center {
text-align: center !important
}
.MC_Text__align_right {
text-align: right !important
}
.MC_Text__uppercase {
text-transform: uppercase !important
}
.MC_Theme_Dungeons .MC_Theme_Vanilla [class*=MC_Heading],
.MC_Theme_Legends .MC_Theme_Vanilla [class*=MC_Heading],
.MC_Theme_Realms .MC_Theme_Vanilla [class*=MC_Heading],
.MC_Theme_Vanilla [class*=MC_Heading] {
font-family: var(--mc-vanilla-fontlist)
}
.MC_Theme_Core .MC_Heading_1,
.MC_Theme_Dungeons .MC_Theme_Vanilla .MC_Heading_1,
.MC_Theme_Legends .MC_Theme_Vanilla .MC_Heading_1,
.MC_Theme_Realms .MC_Theme_Vanilla .MC_Heading_1,
.MC_Theme_Vanilla .MC_Heading_1 {
font-size: 4.5rem;
letter-spacing: -.015em;
line-height: 4.5rem
}
.MC_Theme_Core .MC_Heading_2,
.MC_Theme_Dungeons .MC_Theme_Vanilla .MC_Heading_2,
.MC_Theme_Legends .MC_Theme_Vanilla .MC_Heading_2,
.MC_Theme_Realms .MC_Theme_Vanilla .MC_Heading_2,
.MC_Theme_Vanilla .MC_Heading_2 {
font-size: 3.5rem;
letter-spacing: -.015em;
line-height: 3.5rem
}
.MC_Theme_Dungeons .MC_Theme_Vanilla .MC_Heading_3,
.MC_Theme_Legends .MC_Theme_Vanilla .MC_Heading_3,
.MC_Theme_Realms .MC_Theme_Vanilla .MC_Heading_3,
.MC_Theme_Vanilla .MC_Heading_3 {
font-size: 1.5rem;
letter-spacing: .04em
}
.MC_Theme_Core .MC_Heading_3 {
font-size: 2.5rem;
letter-spacing: .04em;
line-height: 2.5rem
}
.MC_Theme_Dungeons .MC_Theme_Vanilla .MC_Heading_4,
.MC_Theme_Legends .MC_Theme_Vanilla .MC_Heading_4,
.MC_Theme_Realms .MC_Theme_Vanilla .MC_Heading_4,
.MC_Theme_Vanilla .MC_Heading_4 {
font-size: 1.25rem;
line-height: 1.25rem
}
.MC_Theme_Core .MC_Heading_4 {
font-size: 1.5rem;
line-height: 1.75rem
}
.MC_Theme_Core .MC_Theme_Dungeons [class*=MC_Heading],
.MC_Theme_Dungeons [class*=MC_Heading],
.MC_Theme_Legends .MC_Theme_Dungeons [class*=MC_Heading],
.MC_Theme_Marketplace .MC_Theme_Dungeons [class*=MC_Heading],
.MC_Theme_Realms .MC_Theme_Dungeons [class*=MC_Heading],
.MC_Theme_Vanilla .MC_Theme_Dungeons [class*=MC_Heading] {
font-family: var(--mc-dungeons-fontlist)
}
.MC_Theme_Core .MC_Theme_Dungeons .MC_Heading_1,
.MC_Theme_Dungeons .MC_Heading_1,
.MC_Theme_Legends .MC_Theme_Dungeons .MC_Heading_1,
.MC_Theme_Marketplace .MC_Theme_Dungeons .MC_Heading_1,
.MC_Theme_Realms .MC_Theme_Dungeons .MC_Heading_1,
.MC_Theme_Vanilla .MC_Theme_Dungeons .MC_Heading_1 {
font-size: 3.5rem;
line-height: 3.5rem
}
.MC_Theme_Core .MC_Theme_Dungeons .MC_Heading_2,
.MC_Theme_Dungeons .MC_Heading_2,
.MC_Theme_Legends .MC_Theme_Dungeons .MC_Heading_2,
.MC_Theme_Marketplace .MC_Theme_Dungeons .MC_Heading_2,
.MC_Theme_Realms .MC_Theme_Dungeons .MC_Heading_2,
.MC_Theme_Vanilla .MC_Theme_Dungeons .MC_Heading_2 {
font-size: 2.5rem;
line-height: 2.5rem
}
.MC_Theme_Core .MC_Theme_Dungeons .MC_Heading_3,
.MC_Theme_Dungeons .MC_Heading_3,
.MC_Theme_Legends .MC_Theme_Dungeons .MC_Heading_3,
.MC_Theme_Marketplace .MC_Theme_Dungeons .MC_Heading_3,
.MC_Theme_Realms .MC_Theme_Dungeons .MC_Heading_3,
.MC_Theme_Vanilla .MC_Theme_Dungeons .MC_Heading_3 {
font-size: 1.5rem;
line-height: 1.75rem
}
.MC_Theme_Core .MC_Theme_Dungeons .MC_Heading_4,
.MC_Theme_Dungeons .MC_Heading_4,
.MC_Theme_Legends .MC_Theme_Dungeons .MC_Heading_4,
.MC_Theme_Marketplace .MC_Theme_Dungeons .MC_Heading_4,
.MC_Theme_Realms .MC_Theme_Dungeons .MC_Heading_4,
.MC_Theme_Vanilla .MC_Theme_Dungeons .MC_Heading_4 {
font-size: 1.25rem;
line-height: 1.25rem
}
.MC_Theme_Dungeons2 [class*=MC_Heading] {
font-family: var(--mc-dungeons2-fontlist);
font-weight: 600
}
.MC_Theme_Dungeons2 .MC_Heading_1 {
font-size: 5rem;
line-height: 5rem
}
.MC_Theme_Dungeons2 .MC_Heading_2 {
font-size: 4rem;
line-height: 4rem
}
.MC_Theme_Dungeons2 .MC_Heading_3 {
font-size: 3rem;
line-height: 3rem
}
.MC_Theme_Core .MC_Theme_Realms [class*=MC_Heading],
.MC_Theme_Dungeons .MC_Theme_Realms [class*=MC_Heading],
.MC_Theme_Legends .MC_Theme_Realms [class*=MC_Heading],
.MC_Theme_Marketplace .MC_Theme_Realms [class*=MC_Heading],
.MC_Theme_Realms [class*=MC_Heading],
.MC_Theme_Vanilla .MC_Theme_Realms [class*=MC_Heading] {
font-family: var(--mc-realms-fontlist)
}
.MC_Theme_Core .MC_Theme_Realms .MC_Heading_1,
.MC_Theme_Dungeons .MC_Theme_Realms .MC_Heading_1,
.MC_Theme_Legends .MC_Theme_Realms .MC_Heading_1,
.MC_Theme_Marketplace .MC_Theme_Realms .MC_Heading_1,
.MC_Theme_Realms .MC_Heading_1,
.MC_Theme_Vanilla .MC_Theme_Realms .MC_Heading_1 {
font-size: 4.5rem;
letter-spacing: -.015em;
line-height: 4.5rem
}
.MC_Theme_Core .MC_Theme_Realms .MC_Heading_2,
.MC_Theme_Dungeons .MC_Theme_Realms .MC_Heading_2,
.MC_Theme_Legends .MC_Theme_Realms .MC_Heading_2,
.MC_Theme_Marketplace .MC_Theme_Realms .MC_Heading_2,
.MC_Theme_Realms .MC_Heading_2,
.MC_Theme_Vanilla .MC_Theme_Realms .MC_Heading_2 {
font-size: 3.5rem;
letter-spacing: -.015em;
line-height: 3.5rem
}
.MC_Theme_Core .MC_Theme_Realms .MC_Heading_3,
.MC_Theme_Dungeons .MC_Theme_Realms .MC_Heading_3,
.MC_Theme_Legends .MC_Theme_Realms .MC_Heading_3,
.MC_Theme_Marketplace .MC_Theme_Realms .MC_Heading_3,
.MC_Theme_Realms .MC_Heading_3,
.MC_Theme_Vanilla .MC_Theme_Realms .MC_Heading_3 {
font-size: 1.5rem;
letter-spacing: .04em;
line-height: 1.75rem
}
.MC_Theme_Core .MC_Theme_Realms .MC_Heading_4,
.MC_Theme_Dungeons .MC_Theme_Realms .MC_Heading_4,
.MC_Theme_Legends .MC_Theme_Realms .MC_Heading_4,
.MC_Theme_Marketplace .MC_Theme_Realms .MC_Heading_4,
.MC_Theme_Realms .MC_Heading_4,
.MC_Theme_Vanilla .MC_Theme_Realms .MC_Heading_4 {
font-size: 1.25rem;
line-height: 1.25rem
}
.MC_Theme_Core .MC_Theme_Legends [class*=MC_Heading],
.MC_Theme_Dungeons .MC_Theme_Legends [class*=MC_Heading],
.MC_Theme_Legends [class*=MC_Heading],
.MC_Theme_Marketplace .MC_Theme_Legends [class*=MC_Heading],
.MC_Theme_Realms .MC_Theme_Legends [class*=MC_Heading],
.MC_Theme_Vanilla .MC_Theme_Legends [class*=MC_Heading] {
font-family: var(--mc-legends-fontlist)
}
.MC_Theme_Core .MC_Theme_Legends .MC_Heading_1,
.MC_Theme_Dungeons .MC_Theme_Legends .MC_Heading_1,
.MC_Theme_Legends .MC_Heading_1,
.MC_Theme_Marketplace .MC_Theme_Legends .MC_Heading_1,
.MC_Theme_Realms .MC_Theme_Legends .MC_Heading_1,
.MC_Theme_Vanilla .MC_Theme_Legends .MC_Heading_1 {
font-size: 4.5rem;
line-height: 4.5rem
}
.MC_Theme_Core .MC_Theme_Legends .MC_Heading_2,
.MC_Theme_Dungeons .MC_Theme_Legends .MC_Heading_2,
.MC_Theme_Legends .MC_Heading_2,
.MC_Theme_Marketplace .MC_Theme_Legends .MC_Heading_2,
.MC_Theme_Realms .MC_Theme_Legends .MC_Heading_2,
.MC_Theme_Vanilla .MC_Theme_Legends .MC_Heading_2 {
font-size: 3.5rem;
letter-spacing: -.015em;
line-height: 3.5rem
}
.MC_Theme_Core .MC_Theme_Legends .MC_Heading_3,
.MC_Theme_Dungeons .MC_Theme_Legends .MC_Heading_3,
.MC_Theme_Legends .MC_Heading_3,
.MC_Theme_Marketplace .MC_Theme_Legends .MC_Heading_3,
.MC_Theme_Realms .MC_Theme_Legends .MC_Heading_3,
.MC_Theme_Vanilla .MC_Theme_Legends .MC_Heading_3 {
font-size: 2rem;
letter-spacing: .015em;
line-height: 2.25rem
}
.MC_Theme_Core .MC_Theme_Legends .MC_Heading_4,
.MC_Theme_Dungeons .MC_Theme_Legends .MC_Heading_4,
.MC_Theme_Marketplace .MC_Theme_Legends .MC_Heading_4 .MC_Theme_Legends .MC_Heading_4,
.MC_Theme_Realms .MC_Theme_Legends .MC_Heading_4,
.MC_Theme_Vanilla .MC_Theme_Legends .MC_Heading_4 {
font-size: 1.25rem;
line-height: 1.25rem
}
.MC_Theme_Core .MC_Theme_Marketplace [class*=MC_Heading],
.MC_Theme_Dungeons .MC_Theme_Marketplace [class*=MC_Heading],
.MC_Theme_Legends .MC_Theme_Marketplace [class*=MC_Heading],
.MC_Theme_Marketplace [class*=MC_Heading],
.MC_Theme_Realms .MC_Theme_Marketplace [class*=MC_Heading],
.MC_Theme_Vanilla .MC_Theme_Marketplace [class*=MC_Heading] {
font-family: var(--mc-realms-fontlist)
}
.MC_Theme_Core .MC_Theme_Marketplace .MC_Heading_1,
.MC_Theme_Dungeons .MC_Theme_Marketplace .MC_Heading_1,
.MC_Theme_Legends .MC_Theme_Marketplace .MC_Heading_1,
.MC_Theme_Marketplace .MC_Heading_1,
.MC_Theme_Realms .MC_Theme_Marketplace .MC_Heading_1,
.MC_Theme_Vanilla .MC_Theme_Marketplace .MC_Heading_1 {
font-size: 4.5rem;
letter-spacing: -.015em;
line-height: 4.5rem
}
.MC_Theme_Core .MC_Theme_Marketplace .MC_Heading_2,
.MC_Theme_Dungeons .MC_Theme_Marketplace .MC_Heading_2,
.MC_Theme_Legends .MC_Theme_Marketplace .MC_Heading_2,
.MC_Theme_Marketplace .MC_Heading_2,
.MC_Theme_Realms .MC_Theme_Marketplace .MC_Heading_2,
.MC_Theme_Vanilla .MC_Theme_Marketplace .MC_Heading_2 {
font-size: 3.5rem;
letter-spacing: -.015em;
line-height: 3.5rem
}
.MC_Theme_Core .MC_Theme_Marketplace .MC_Heading_3,
.MC_Theme_Dungeons .MC_Theme_Marketplace .MC_Heading_3,
.MC_Theme_Legends .MC_Theme_Marketplace .MC_Heading_3,
.MC_Theme_Marketplace .MC_Heading_3,
.MC_Theme_Realms .MC_Theme_Marketplace .MC_Heading_3,
.MC_Theme_Vanilla .MC_Theme_Marketplace .MC_Heading_3 {
font-size: 1.5rem;
letter-spacing: .04em;
line-height: 1.75rem
}
.MC_Theme_Core .MC_Theme_Marketplace .MC_Heading_4,
.MC_Theme_Dungeons .MC_Theme_Marketplace .MC_Heading_4,
.MC_Theme_Legends .MC_Theme_Marketplace .MC_Heading_4,
.MC_Theme_Marketplace .MC_Heading_4,
.MC_Theme_Realms .MC_Theme_Marketplace .MC_Heading_4,
.MC_Theme_Vanilla .MC_Theme_Marketplace .MC_Heading_4 {
font-size: 1.25rem;
line-height: 1.25rem
}
.MC_Heading_5,
[class*=MC_Theme_] .MC_Heading_5 {
font-family: var(--mc-default--fontlist);
font-size: 1.125rem;
letter-spacing: -.015em;
line-height: 1.5rem
}
.MC_Heading_6,
[class*=MC_Theme_] .MC_Heading_6 {
font-family: var(--mc-default--fontlist);
font-size: 1rem;
line-height: 1.25rem
}
@media screen and (max-width:1199.98px) {
.MC_Theme_Core .MC_Heading_1,
.MC_Theme_Dungeons .MC_Theme_Vanilla .MC_Heading_1,
.MC_Theme_Legends .MC_Theme_Vanilla .MC_Heading_1,
.MC_Theme_Marketplace .MC_Theme_Vanilla .MC_Heading_1,
.MC_Theme_Realms .MC_Theme_Vanilla .MC_Heading_1,
.MC_Theme_Vanilla .MC_Heading_1 {
font-size: 4rem;
line-height: 4rem
}
.MC_Theme_Core .MC_Theme_Dungeons .MC_Heading_1,
.MC_Theme_Dungeons .MC_Heading_1,
.MC_Theme_Legends .MC_Theme_Dungeons .MC_Heading_1,
.MC_Theme_Marketplace .MC_Theme_Dungeons .MC_Heading_1,
.MC_Theme_Realms .MC_Theme_Dungeons .MC_Heading_1,
.MC_Theme_Vanilla .MC_Theme_Dungeons .MC_Heading_1 {
font-size: 3rem;
line-height: 3rem
}
.MC_Theme_Core .MC_Theme_Legends .MC_Heading_1,
.MC_Theme_Core .MC_Theme_Realms .MC_Heading_1,
.MC_Theme_Dungeons .MC_Theme_Legends .MC_Heading_1,
.MC_Theme_Dungeons .MC_Theme_Realms .MC_Heading_1,
.MC_Theme_Legends .MC_Heading_1,
.MC_Theme_Legends .MC_Theme_Realms .MC_Heading_1,
.MC_Theme_Marketplace .MC_Theme_Legends .MC_Heading_1,
.MC_Theme_Marketplace .MC_Theme_Realms .MC_Heading_1,
.MC_Theme_Realms .MC_Heading_1,
.MC_Theme_Realms .MC_Theme_Legends .MC_Heading_1,
.MC_Theme_Vanilla .MC_Theme_Legends .MC_Heading_1,
.MC_Theme_Vanilla .MC_Theme_Realms .MC_Heading_1 {
font-size: 4rem;
line-height: 4rem
}
.MC_Theme_Core .MC_Theme_Dungeons .MC_Heading_2,
.MC_Theme_Core .MC_Theme_Realms .MC_Heading_2,
.MC_Theme_Core .MC_Theme_Vanilla .MC_Heading_2,
.MC_Theme_Dungeons .MC_Heading_2,
.MC_Theme_Dungeons .MC_Theme_Realms .MC_Heading_2,
.MC_Theme_Dungeons .MC_Theme_Vanilla .MC_Heading_2,
.MC_Theme_Legends .MC_Theme_Dungeons .MC_Heading_2,
.MC_Theme_Legends .MC_Theme_Realms .MC_Heading_2,
.MC_Theme_Legends .MC_Theme_Vanilla .MC_Heading_2,
.MC_Theme_Marketplace .MC_Theme_Dungeons .MC_Heading_2,
.MC_Theme_Marketplace .MC_Theme_Realms .MC_Heading_2,
.MC_Theme_Marketplace .MC_Theme_Vanilla .MC_Heading_2,
.MC_Theme_Realms .MC_Heading_2,
.MC_Theme_Realms .MC_Theme_Dungeons .MC_Heading_2,
.MC_Theme_Realms .MC_Theme_Vanilla .MC_Heading_2,
.MC_Theme_Vanilla .MC_Heading_2,
.MC_Theme_Vanilla .MC_Theme_Dungeons .MC_Heading_2,
.MC_Theme_Vanilla .MC_Theme_Realms .MC_Heading_2 {
font-size: 2rem;
line-height: 2rem
}
.MC_Theme_Core .MC_Theme_Legends .MC_Heading_2,
.MC_Theme_Dungeons .MC_Theme_Legends .MC_Heading_2,
.MC_Theme_Legends .MC_Heading_2,
.MC_Theme_Marketplace .MC_theme_Legends .MC_Heading_2,
.MC_Theme_Realms .MC_Theme_Legends .MC_Heading_2,
.MC_Theme_Vanilla .MC_Theme_Legends .MC_Heading_2 {
font-size: 2.25rem;
line-height: 2.25rem
}
.MC_Theme_Core .MC_Theme_Marketplace .MC_Heading_2,
.MC_Theme_Dungeons .MC_Theme_Marketplace .MC_Heading_2,
.MC_Theme_Legends .MC_Theme_Marketplace .MC_Heading_2,
.MC_Theme_Marketplace .MC_Heading_2,
.MC_Theme_Realms .MC_Theme_Marketplace .MC_Heading_2,
.MC_Theme_Vanilla .MC_Theme_Marketplace .MC_Heading_2 {
font-size: 2rem;
line-height: 2rem
}
.MC_Theme_Dungeons2 .MC_Heading_1 {
font-size: 4.5rem;
line-height: 4.5rem
}
.MC_Theme_Dungeons2 .MC_Heading_2 {
font-size: 3.5rem;
line-height: 3.5rem
}
.MC_Theme_Dungeons2 .MC_Heading_3 {
font-size: 2.5rem;
line-height: 2.5rem
}
}
@media screen and (max-width:767.98px) {
.MC_Theme_Core .MC_Heading_1,
.MC_Theme_Dungeons .MC_Theme_Vanilla .MC_Heading_1,
.MC_Theme_Legends .MC_Theme_Vanilla .MC_Heading_1,
.MC_Theme_Marketplace .MC_Theme_Vanilla .MC_Heading_1,
.MC_Theme_Realms .MC_Theme_Vanilla .MC_Heading_1,
.MC_Theme_Vanilla .MC_Heading_1 {
font-size: 3rem;
line-height: 3rem
}
.MC_Theme_Core .MC_Theme_Dungeons .MC_Heading_1,
.MC_Theme_Dungeons .MC_Heading_1,
.MC_Theme_Legends .MC_Theme_Dungeons .MC_Heading_1,
.MC_Theme_Marketplace .MC_Theme_Dungeons .MC_Heading_1,
.MC_Theme_Realms .MC_Theme_Dungeons .MC_Heading_1,
.MC_Theme_Vanilla .MC_Theme_Dungeons .MC_Heading_1 {
font-size: 2rem;
line-height: 2rem
}
.MC_Theme_Core .MC_Theme_Legends .MC_Heading_1,
.MC_Theme_Core .MC_Theme_Marketplace .MC_Heading_1,
.MC_Theme_Core .MC_Theme_Realms .MC_Heading_1,
.MC_Theme_Dungeons .MC_Theme_Legends .MC_Heading_1,
.MC_Theme_Dungeons .MC_Theme_Marketplace .MC_Heading_1,
.MC_Theme_Dungeons .MC_Theme_Realms .MC_Heading_1,
.MC_Theme_Legends .MC_Heading_1,
.MC_Theme_Legends .MC_Theme_Marketplace .MC_Heading_1,
.MC_Theme_Legends .MC_Theme_Realms .MC_Heading_1,
.MC_Theme_Marketplace .MC_Heading_1,
.MC_Theme_Marketplace .MC_Theme_Legends .MC_Heading_1,
.MC_Theme_Marketplace .MC_Theme_Realms .MC_Heading_1,
.MC_Theme_Realms .MC_Heading_1,
.MC_Theme_Realms .MC_Theme_Legends .MC_Heading_1,
.MC_Theme_Realms .MC_Theme_Marketplace .MC_Heading_1,
.MC_Theme_Vanilla .MC_Theme_Legends .MC_Heading_1,
.MC_Theme_Vanilla .MC_Theme_Marketplace .MC_Heading_1,
.MC_Theme_Vanilla .MC_Theme_Realms .MC_Heading_1 {
font-size: 3rem;
line-height: 3rem
}
.MC_Theme_Dungeons2 .MC_Heading_1 {
font-size: 3.5rem;
line-height: 3.5rem
}
.MC_Theme_Dungeons2 .MC_Heading_2 {
font-size: 2.5rem;
line-height: 2.5rem
}
.MC_Theme_Dungeons2 .MC_Heading_3 {
font-size: 1.5rem;
line-height: 1.5rem
}
}
[class*=MC_Heading].MC_Heading_Font_MinecraftSeven {
font-family: var(--mc-legends-fontlist)
}
[class*=MC_Heading].MC_Heading_Font_MinecraftFive {
font-family: var(--mc-dungeons-fontlist)
}
[class*=MC_Heading].MC_Heading_Font_MinecraftSixteen {
font-family: var(--mc-dungeons2-fontlist)
}
[class*=MC_Heading].MC_Heading_Font_MinecraftTen {
font-family: var(--mc-vanilla-fontlist)
}
[class*=MC_Heading].MC_Heading_Font_NotoSans {
font-family: var(--mc-default--fontlist)
}
[class*=MC_Heading][style*="--font-color"] {
color: var(--font-color) !important
}
@layer themeOrNoThemeColorDefinition {
body [class*=MC_Bg_]:not(.MC_Bg_Inherit) :is(h1, h2, h3, h4, h5, h6),
body [class*=MC_Bg_]:not(.MC_Bg_Inherit) p,
body [class*=MC_Bg_]:not(.MC_Bg_Inherit) picture {
color: var(--mc-theme-primary-color, var(--mc-core-rich-black))
}
.MC_Bg_Inherit {
color: var(--mc-page-default-color, var(--mc-core-rich-black))
}
}
.MC_Layout_Article .MC_CarouselD {
padding: 16px 0 !important
}
.MC_Layout_Article .MC_articleGridA_mediaBlock:has(>:first-child>:first-child.MC_articleGridA_sectionRef),
.MC_Layout_Article .MC_articleGridA_mediaBlock>:first-child>:first-child+.MC_Link_Style_RichText {
margin-top: 0
}
.MC_Layout_Article .MC_AEM_Wrapper:has(.MC_Carousel)~.MC_AEM_Wrapper .MC_articleGridA {
min-height: unset
}
.MC_Layout_Article .MC_articleGridA .MC_textBannerA {
padding: .5rem 4.5rem 1rem
}
.MC_Layout_Article .MC_articleGridA .MC_Link_Style_RichText [style*=windowtext] {
color: inherit !important
}
.MC_Layout_Article .MC_articleGridA .MC_Link_Style_RichText [style*=font-family] {
font-family: var(--mc-default--fontlist) !important;
font-size: 1rem !important
}
.MC_Layout_Article .article-section>.MC_imageBlockE:first-child {
margin-top: 16px
}
@media screen and (min-width:768px) {
.MC_Layout_Article .MC_AEM_Wrapper:has(.MC_articleHeroA)+div .MC_articleGridA {
min-height: 200px
}
}
body:has(.MC_simplifiedHeaderA) .MC_articleGridA {
padding-bottom: 60px
}
body:has(.MC_simplifiedHeaderA) .MC_articleGridA .MC_Link_Style_RichText {
margin-top: 0
}
body:has(.MC_simplifiedHeaderA) .MC_articleGridA .MC_articleGridA_grid {
flex-basis: 100% !important
}
.MC_Layout_PDP [data-mc-ref=mc_accordion_accordionD],
.MC_Layout_PDP [data-mc-ref=mc_carousel_carouselJ] {
border-top: 4px solid var(--mc-core-rich-black)
}
.MC_Layout_PDP#main-content:has(.MC_productHeroB, .MC_productHeroC) {
padding-bottom: 100px
}
.MC_Layout_GameDLCPDP .MC_AccordionC .MC_Accordion_toggle_text_label {
font-family: var(--mc-vanilla-fontlist);
font-size: 1.5rem;
font-weight: 400;
line-height: 28px
}
.MC_Layout_GameDLCPDP .MC_AccordionC p,
.MC_Layout_GameDLCPDP .MC_AccordionC ul {
color: var(--mc-core-grey-1) !important
}
.MC_AccordionB .MC_Accordion_action {
position: relative
}
.MC_AccordionB .MC_Accordion_toggle {
background-color: inherit;
position: relative
}
.MC_AccordionB .MC_Accordion_toggle:focus-visible:after,
.MC_AccordionB .MC_Accordion_toggle:focus:after {
border: 1px solid var(--mc-default-focus);
content: "";
display: block;
height: 100%;
left: 0;
outline: .0625rem solid var(--mc-core-white);
outline-offset: -2px;
position: absolute;
top: 0;
width: 100%
}
.MC_AccordionB .MC_Accordion_toggle_text_wrapper {
align-items: center;
display: inline-flex;
gap: 8px;
max-width: 70%;
padding-left: 0;
width: 100%
}
.MC_AccordionB .MC_Accordion_toggle_text_label {
color: var(--mc-core-grey-2);
display: inline-block;
font-family: var(--mc-default--fontlist);
font-size: 1rem;
font-weight: 700;
line-height: normal;
margin-left: 2px;
max-width: calc(100% - 100px);
padding: 0;
text-transform: uppercase;
word-wrap: break-word
}
.MC_AccordionB .MC_Accordion_toggle_text:after {
background-color: var(--mc-core-white);
right: 5px
}
.MC_AccordionB .MC_Accordion_option_count {
color: var(--mc-core-grey-3);
font-family: var(--mc-legends-fontlist);
font-size: 1rem;
line-height: 1.1875rem;
margin-left: 3px;
quotes: "(" ")"
}
.MC_AccordionB .MC_Accordion_option_count:before {
content: open-quote
}
.MC_AccordionB .MC_Accordion_option_count:after {
content: close-quote
}
.MC_AccordionB .MC_Accordion_option_clear_button {
background-color: transparent;
border: 0;
color: var(--mc-vanilla-green-1);
font-family: var(--mc-default--fontlist);
font-size: .75rem;
font-weight: 400;
letter-spacing: .96px;
position: absolute;
right: 30px;
text-transform: uppercase;
top: 50%;
transform: translateY(-50%)
}
.MC_AccordionB .MC_Accordion_option_clear_button:focus,
.MC_AccordionB .MC_Accordion_option_clear_button:focus-visible {
box-shadow: 0 0 0 2px var(--mc-core-white);
outline: 2px solid var(--mc-default-focus);
outline-offset: -1px
}
.MC_AccordionB .MC_Accordion_option_clear_button[aria-hidden=true] {
display: none
}
.MC_AccordionB .MC_Accordion_group {
border-top: 0;
width: 100%
}
.MC_AccordionB .MC_Accordion_group:before {
background-color: var(--mc-core-grey-5);
border-top: 1px solid var(--mc-core-rich-black);
content: "";
display: block;
height: 2px;
position: relative;
z-index: 2
}
.MC_AccordionB .MC_Accordion_content {
padding-bottom: 32px;
padding-left: 0
}
.MC_Animation_action__baseAnimationToggle {
align-items: center;
background: var(--mc-core-rich-black);
border: 0;
box-shadow: 0 2px 0 rgba(0, 0, 0, .2);
color: var(--mc-core-grey-1);
display: flex;
flex-direction: row;
font-size: .875rem;
gap: 10px;
max-width: 165px;
min-height: 34px;
padding: 4px 4px 4px 32px;
position: absolute;
right: 0;
top: 15px;
width: auto;
width: auto !important;
z-index: 250
}
.MC_Animation_action__baseAnimationToggle:before {
background-color: #d9d9d9;
content: " ";
display: block;
height: 16px;
left: 11px;
position: absolute;
width: 14px
}
.MC_Animation_action__baseAnimationToggle[data-paused=false]:before {
aspect-ratio: 1/1;
clip-path: var(--mc-environment-pause_icon_clip-path)
}
.MC_Animation_action__baseAnimationToggle[data-paused=true]:before {
aspect-ratio: 6/11;
clip-path: var(--mc-environment-play_icon_clip-path)
}
.MC_Animation_action__baseAnimationToggle_Wrapper {
overflow: hidden;
transition: width .7s ease-out
}
.MC_Animation_action__baseAnimationToggle_Text {
word-wrap: break-word
}
.MC_Animation_action__baseAnimationToggle:after {
content: " ";
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.MC_Animation_action__baseAnimationToggle:focus,
.MC_Animation_action__baseAnimationToggle:focus-visible {
border: 0;
outline: 0
}
.MC_Animation_action__baseAnimationToggle:focus-visible:after,
.MC_Animation_action__baseAnimationToggle:focus:after {
box-shadow: 0 0 0 3px var(--mc-core-white);
outline: 2px solid var(--mc-default-focus);
outline-offset: 0;
width: calc(100% - 3px)
}
@media (forced-colors:active) and (prefers-color-scheme:dark) {
.MC_Animation_action__baseAnimationToggle[data-paused=false]:before,
.MC_Animation_action__baseAnimationToggle[data-paused=true]:before {
background-color: currentColor;
filter: invert(1)
}
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
.MC_Animation_action__baseAnimationToggle[data-paused=false]:before,
.MC_Animation_action__baseAnimationToggle[data-paused=true]:before {
filter: invert(1)
}
.MC_Animation_action__baseAnimationToggle:focus,
.MC_Animation_action__baseAnimationToggle:focus-visible {
right: 3px
}
.MC_Animation_action__baseAnimationToggle:focus-visible:after,
.MC_Animation_action__baseAnimationToggle:focus:after {
filter: invert(1);
outline-offset: 1px;
width: 100%
}
.MC_Animation_action__baseAnimationToggle:focus-visible:before,
.MC_Animation_action__baseAnimationToggle:focus:before {
left: 14px
}
.MC_Animation_action__baseAnimationToggle:focus .MC_Animation_action__baseAnimationToggle_Wrapper,
.MC_Animation_action__baseAnimationToggle:focus-visible .MC_Animation_action__baseAnimationToggle_Wrapper {
left: 3px;
position: relative
}
}
.content-component:has([class*=MC_Animation__pageAnimationToggle]),
.content-component:has([data-mc-ref=mc_animationToggle_pageAnimations]) {
position: relative
}
.MC_Animation_action__pageAnimationToggle {
--top: 30px;
align-items: center;
background: var(--mc-core-rich-black);
border: 2px solid #5b5b5b;
border-right: 0;
box-shadow: 0 2px 0 rgba(0, 0, 0, .2);
color: var(--mc-core-grey-1);
display: flex;
flex-direction: row;
font-size: .875rem;
gap: 10px;
max-width: 165px;
min-height: 34px;
padding: 4px 4px 4px 28px;
position: absolute;
right: 0;
top: var(--top);
width: auto;
width: auto !important;
z-index: 250
}
.MC_Animation_action__pageAnimationToggle:before {
background-color: #d9d9d9;
content: " ";
display: block;
height: 16px;
left: 9px;
position: absolute;
width: 14px
}
.MC_Animation_action__pageAnimationToggle[data-paused=false]:before {
aspect-ratio: 1/1;
clip-path: var(--mc-environment-pause_icon_clip-path)
}
.MC_Animation_action__pageAnimationToggle[data-paused=true]:before {
aspect-ratio: 6/11;
clip-path: var(--mc-environment-play_icon_clip-path)
}
.MC_Animation_action__pageAnimationToggle_Wrapper {
overflow: hidden;
transition: width .7s ease-out
}
.MC_Animation_action__pageAnimationToggle_Text {
word-wrap: break-word
}
.MC_Animation_action__pageAnimationToggle:after {
content: " ";
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.MC_Animation_action__pageAnimationToggle:focus,
.MC_Animation_action__pageAnimationToggle:focus-visible {
border: 0;
outline: 0
}
.MC_Animation_action__pageAnimationToggle:focus-visible:after,
.MC_Animation_action__pageAnimationToggle:focus:after {
box-shadow: 0 0 0 3px var(--mc-core-white);
outline: 2px solid var(--mc-default-focus);
outline-offset: 0;
width: calc(100% - 3px)
}
.MC_Animation__pageAnimationToggle_sticky {
margin-top: 15px;
position: fixed;
right: 0;
top: inherit
}
@media (forced-colors:active) and (prefers-color-scheme:dark) {
.MC_Animation_action__pageAnimationToggle[data-paused=false]:before,
.MC_Animation_action__pageAnimationToggle[data-paused=true]:before {
background-color: currentColor;
filter: invert(1)
}
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
.MC_Animation_action__pageAnimationToggle[data-paused=false]:before,
.MC_Animation_action__pageAnimationToggle[data-paused=true]:before {
filter: invert(1)
}
.MC_Animation_action__pageAnimationToggle:focus,
.MC_Animation_action__pageAnimationToggle:focus-visible {
right: 3px
}
.MC_Animation_action__pageAnimationToggle:focus-visible:after,
.MC_Animation_action__pageAnimationToggle:focus:after {
filter: invert(1);
outline-offset: 1px;
width: 100%
}
.MC_Animation_action__pageAnimationToggle:focus-visible:before,
.MC_Animation_action__pageAnimationToggle:focus:before {
left: 14px
}
.MC_Animation_action__pageAnimationToggle:focus .MC_Animation_action__pageAnimationToggle_Wrapper,
.MC_Animation_action__pageAnimationToggle:focus-visible .MC_Animation_action__pageAnimationToggle_Wrapper {
left: 3px;
position: relative
}
}
@media screen and (min-width:768px) {
#main-content:has([data-mc-ref=mc_stickyBarA]) .MC_Animation_action__pageAnimationToggle {
top: 8px;
z-index: 299
}
#main-content:has([data-mc-ref=mc_stickyBarA]) .MC_Animation__pageAnimationToggle_sticky {
top: 128px
}
}
.MC_Hero_action__parallaxAnimationToggle {
align-items: center;
background: rgba(0, 0, 0, .8);
border: 0;
box-shadow: 0 2px 0 rgba(0, 0, 0, .2);
color: var(--mc-core-grey-1);
display: flex;
flex-direction: row;
font-size: .875rem;
gap: 10px;
max-width: 165px;
min-height: 34px;
padding: 4px 4px 4px 32px;
position: absolute;
right: 0;
top: 15px;
width: auto;
width: auto !important;
z-index: 250
}
.MC_Hero_action__parallaxAnimationToggle:before {
background-color: #d9d9d9;
content: " ";
display: block;
height: 16px;
left: 11px;
position: absolute;
width: 14px
}
.MC_Hero_action__parallaxAnimationToggle[data-paused=false]:before {
aspect-ratio: 1/1;
clip-path: var(--mc-environment-pause_icon_clip-path)
}
.MC_Hero_action__parallaxAnimationToggle[data-paused=true]:before {
aspect-ratio: 6/11;
clip-path: var(--mc-environment-play_icon_clip-path)
}
.MC_Hero_action__parallaxAnimationToggle_Wrapper {
overflow: hidden;
transition: width .7s ease-out
}
.MC_Hero_action__parallaxAnimationToggle_Text {
word-wrap: break-word
}
.MC_Hero_action__parallaxAnimationToggle:after {
content: " ";
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.MC_Hero_action__parallaxAnimationToggle:focus,
.MC_Hero_action__parallaxAnimationToggle:focus-visible {
border: 0;
outline: 0
}
.MC_Hero_action__parallaxAnimationToggle:focus-visible:after,
.MC_Hero_action__parallaxAnimationToggle:focus:after {
box-shadow: 0 0 0 3px var(--mc-core-white);
outline: 2px solid var(--mc-default-focus);
outline-offset: 0;
width: calc(100% - 3px)
}
@media (forced-colors:active) and (prefers-color-scheme:dark) {
.MC_Hero_action__parallaxAnimationToggle[data-paused=false]:before,
.MC_Hero_action__parallaxAnimationToggle[data-paused=true]:before {
background-color: currentColor;
filter: invert(1)
}
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
.MC_Hero_action__parallaxAnimationToggle[data-paused=false]:before,
.MC_Hero_action__parallaxAnimationToggle[data-paused=true]:before {
filter: invert(1)
}
.MC_Hero_action__parallaxAnimationToggle:focus,
.MC_Hero_action__parallaxAnimationToggle:focus-visible {
right: 3px
}
.MC_Hero_action__parallaxAnimationToggle:focus-visible:after,
.MC_Hero_action__parallaxAnimationToggle:focus:after {
filter: invert(1);
outline-offset: 1px;
width: 100%
}
.MC_Hero_action__parallaxAnimationToggle:focus-visible:before,
.MC_Hero_action__parallaxAnimationToggle:focus:before {
left: 14px
}
.MC_Hero_action__parallaxAnimationToggle:focus .MC_Hero_action__parallaxAnimationToggle_Wrapper,
.MC_Hero_action__parallaxAnimationToggle:focus-visible .MC_Hero_action__parallaxAnimationToggle_Wrapper {
left: 3px;
position: relative
}
}
.MC_Animations_Bat {
--height: 170;
height: 170px;
--frames: 4;
--width: 660;
--bg-asset: url(/content/dam/minecraftnet/franchise/component-library/animations/base/day/bat/bat_flying.png)
}
.MC_Animations_Bee {
--height: 146;
height: 146px;
--frames: 86;
--width: 26316;
--bg-asset: url(/content/dam/minecraftnet/franchise/component-library/animations/base/day/bee/bee_idle.png)
}
.MC_Animations_Bee_Login {
--height: 338;
height: 338px;
--frames: 86;
--width: 54008;
--bg-asset: url(/content/dam/minecraftnet/franchise/component-library/animations/login/base/bee/bee_idle.png)
}
.MC_Animations_Bucket_Water {
--frames: 42;
--width: 8400;
--height: 200;
height: 200px;
--bg-asset: url(/content/dam/minecraftnet/franchise/component-library/animations/bucket/bucket_water.png)
}
@media (forced-colors:active) {
.MC_Animations_Bucket_Water {
--bg-asset: url(/content/dam/minecraftnet/franchise/component-library/animations/bucket/bucket_water_HC.png)
}
}
.MC_Animations_Cape {
--height: 800;
height: 800px;
--frames: 24;
--width: 19200;
--bg-asset: url(/content/dam/minecraftnet/franchise/component-library/animations/cape/cape_animation.png)
}
.MC_Animations_cardCharacterPeek_left {
--height: 500;
height: 500px;
--frames: 7;
--width: 4480;
--bg-asset: url(/content/dam/minecraftnet/franchise/component-library/animations/cardCharacterPeek/cardCharacterPeek_animation_left.png)
}
.MC_Animations_cardCharacterPeek_right {
--height: 500;
height: 500px;
--frames: 7;
--width: 4480;
--bg-asset: url(/content/dam/minecraftnet/franchise/component-library/animations/cardCharacterPeek/cardCharacterPeek_animation_right.png)
}
.MC_Animations_cardSoulPeek_left {
--height: 494;
height: 494px;
--frames: 7;
--width: 4096;
--bg-asset: url(/content/dam/minecraftnet/franchise/component-library/animations/cardSoulPeek/Sequence_Soul-Sprite_Left.png)
}
.MC_Animations_cardSoulPeek_right {
--height: 494;
height: 494px;
--frames: 7;
--width: 4096;
--bg-asset: url(/content/dam/minecraftnet/franchise/component-library/animations/cardSoulPeek/Sequence_Soul-Sprite_Right.png)
}
.MC_Animations_Character {
--height: 250;
height: 250px
}
.MC_Animations_Character__walking_right {
--frames: 11;
--width: 1749;
--bg-asset: url(/content/dam/minecraftnet/franchise/component-library/animations/base/day/character/steve_walking_right.png)
}
.MC_Animations_Character__walking_left {
--frames: 11;
--width: 1749;
--bg-asset: url(/content/dam/minecraftnet/franchise/component-library/animations/base/day/character/steve_walking_left.png)
}
.MC_Animations_Character__walking_away {
--frames: 12;
--width: 1908;
--bg-asset: url(/content/dam/minecraftnet/franchise/component-library/animations/base/day/character/steve_walking_away.png)
}
.MC_Animations_CherryBlossomPetals {
--frames: 60;
--width: 30720
}
.MC_Animations_CherryBlossomPetals__front {
--height: 256;
height: 256px;
--bg-asset: url(/content/dam/minecraftnet/franchise/component-library/animations/base/day/cherryBlossomPetals/cherryBlossomPetals_front.png)
}
.MC_Animations_CherryBlossomPetals__back {
--height: 512;
height: 512px;
--bg-asset: url(/content/dam/minecraftnet/franchise/component-library/animations/base/day/cherryBlossomPetals/cherryBlossomPetals_back.png)
}
.MC_Animations_Chicken {
--height: 69;
height: 69px
}
.MC_Animations_Chicken__idle_front {
--frames: 32;
--width: 5952;
--bg-asset: url(/content/dam/minecraftnet/franchise/component-library/animations/base/day/chicken/chicken_idle_front.png)
}
.MC_Animations_Chicken__turning_front_left_right {
--frames: 60;
--width: 11160;
--bg-asset: url(/content/dam/minecraftnet/franchise/component-library/animations/base/day/chicken/chicken_turning_front_left_right.png)
}
.MC_Animations_Chicken__idle_right {
--frames: 32;
--width: 6048;
--bg-asset: url(/content/dam/minecraftnet/franchise/component-library/animations/base/day/chicken/chicken_idle_right.png)
}
.MC_Animations_Chicken__turning_right_front_left {
--frames: 60;
--width: 11340;
--bg-asset: url(/content/dam/minecraftnet/franchise/component-library/animations/base/day/chicken/chicken_turning_right_front_left.png)
}
.MC_Animations_Creeper {
--height: 189;
height: 189px
}
.MC_Animations_Creeper__idle {
--frames: 36;
--width: 9144;
--bg-asset: url(/content/dam/minecraftnet/franchise/component-library/animations/base/night/creeper/creeper_idle.png)
}
.MC_Animations_Creeper__idle_left {
--frames: 25;
--width: 6350;
--bg-asset: url(/content/dam/minecraftnet/franchise/component-library/animations/base/night/creeper/creeper_idle_left.png)
}
.MC_Animations_Creeper__idle_right {
--frames: 19;
--width: 4829;
--bg-asset: url(/content/dam/minecraftnet/franchise/component-library/animations/base/night/creeper/creeper_idle_right.png)
}
.MC_Animations_Creeper__left_idle {
--frames: 29;
--width: 7366;
--bg-asset: url(/content/dam/minecraftnet/franchise/component-library/animations/base/night/creeper/creeper_left_idle.png)
}
.MC_Animations_Creeper__right_idle {
--frames: 15;
--width: 3810;
--bg-asset: url(/content/dam/minecraftnet/franchise/component-library/animations/base/night/creeper/creeper_right_idle.png)
}
.MC_Animations_Creeper__walking_left {
--frames: 20;
--width: 5080;
--bg-asset: url(/content/dam/minecraftnet/franchise/component-library/animations/base/night/creeper/creeper_walking_left.png)
}
.MC_Animations_Creeper__walking_right {
--frames: 20;
--width: 5080;
--bg-asset: url(/content/dam/minecraftnet/franchise/component-library/animations/base/night/creeper/creeper_walking_right.png)
}
.MC_Animations_Explode {
--height: 357;
height: 357px;
--frames: 12;
--width: 7707;
--bg-asset: url(/content/dam/minecraftnet/franchise/component-library/animations/explode/explode.png)
}
.MC_Animations_Ghast {
--height: 200;
height: 200px
}
.MC_Animations_Ghast_Dehydrated {
--frames: 60;
--width: 12000;
--bg-asset: url(/content/dam/minecraftnet/franchise/component-library/animations/ghast/ghast_dehydrated.png)
}
.MC_Animations_Ghast_Idle {
--frames: 58;
--width: 11600;
--bg-asset: url(/content/dam/minecraftnet/franchise/component-library/animations/ghast/ghast_idle.png)
}
.MC_Animations_Ghast_Egg {
--frames: 1;
--width: 200;
--bg-asset: url(/content/dam/minecraftnet/franchise/component-library/animations/ghast/ghast_egg.png)
}
@media (forced-colors:active) {
.MC_Animations_Ghast_Dehydrated {
--bg-asset: url(/content/dam/minecraftnet/franchise/component-library/animations/ghast/ghast_dehydrated_HC.png)
}
.MC_Animations_Ghast_Idle {
--bg-asset: url(/content/dam/minecraftnet/franchise/component-library/animations/ghast/ghast_idle_HC.png)
}
.MC_Animations_Ghast_Egg {
--bg-asset: url(/content/dam/minecraftnet/franchise/component-library/animations/ghast/ghast_egg_HC.png)
}
}
.MC_Animations_loadingIconA {
transform-origin: 0 0
}
.MC_Animations_loadingIconA_wrapper {
animation: loadingIconA_shrink 2s linear infinite;
display: inline-block;
height: 40px;
overflow: hidden;
position: relative;
transform-origin: bottom left;
width: 40px
}
.MC_Animations_loadingIconA_square {
background: #347a23;
height: 20px;
position: absolute;
width: 20px
}
.MC_Animations_loadingIconA_square:first-child {
left: 0;
top: 20px
}
.MC_Animations_loadingIconA_square:nth-child(2) {
animation: loadingIconA_path2 2s linear infinite;
left: 20px;
top: 20px
}
.MC_Animations_loadingIconA_square:nth-child(3) {
animation: loadingIconA_path3 2s linear infinite;
left: 20px;
top: 0
}
.MC_Animations_loadingIconA_square:nth-child(4) {
animation: loadingIconA_path4 2s linear infinite;
left: 0;
top: 0
}
.MC_Animation__cancel .MC_Animations_loadingIconA_square,
.MC_Animation__cancel .MC_Animations_loadingIconA_wrapper {
animation-play-state: paused
}
@media (forced-colors:active) {
.MC_Animations_loadingIconA_square {
outline: 1px solid #347a23;
outline-offset: -1px
}
}
@keyframes loadingIconA_shrink {
0% {
transform: scale(1)
}
90% {
transform: scale(1)
}
to {
transform: scale(.5)
}
}
@keyframes loadingIconA_path2 {
0% {
transform: translateY(-50px)
}
20% {
transform: translate(0)
}
25% {
transform: translate(0)
}
}
@keyframes loadingIconA_path3 {
0% {
transform: translateY(-50px)
}
30% {
transform: translate(0)
}
40% {
transform: translate(0)
}
}
@keyframes loadingIconA_path4 {
0% {
transform: translateY(-50px)
}
40% {
transform: translate(0)
}
55% {
transform: translate(0)
}
}
.MC_Animations_loadingIconB {
--height: 22;
height: 22px;
--frames: 27;
--width: 594;
width: 21px;
--bg-asset: url(/content/dam/minecraftnet/franchise/component-library/animations/loadingIconB/LoadingSequence.png)
}
.MC_Animations_Pig {
--height: 83;
height: 83px
}
.MC_Animations_Pig__idle {
--frames: 18;
--width: 3168;
--bg-asset: url(/content/dam/minecraftnet/franchise/component-library/animations/base/day/pig/pig_idle.png)
}
.MC_Animations_Pig__turning {
--frames: 49;
--width: 8624;
--bg-asset: url(/content/dam/minecraftnet/franchise/component-library/animations/base/day/pig/pig_turning.png)
}
.MC_Animations_Pig__walking_left {
--frames: 8;
--width: 1408;
--bg-asset: url(/content/dam/minecraftnet/franchise/component-library/animations/base/day/pig/pig_walking_left.png)
}
.MC_Animations_Pig__walking_right {
--frames: 8;
--width: 1280;
--bg-asset: url(/content/dam/minecraftnet/franchise/component-library/animations/base/day/pig/pig_walking_right.png)
}
.MC_Animations_Skeleton {
--height: 189;
height: 189px
}
.MC_Animations_Skeleton__idle {
--frames: 36;
--width: 9144;
--bg-asset: url(/content/dam/minecraftnet/franchise/component-library/animations/base/night/skeleton/skeleton_idle.png)
}
.MC_Animations_Skeleton__idle_left {
--frames: 19;
--width: 4826;
--bg-asset: url(/content/dam/minecraftnet/franchise/component-library/animations/base/night/skeleton/skeleton_idle_left.png)
}
.MC_Animations_Skeleton__idle_right {
--frames: 26;
--width: 6604;
--bg-asset: url(/content/dam/minecraftnet/franchise/component-library/animations/base/night/skeleton/skeleton_idle_right.png)
}
.MC_Animations_Skeleton__left_idle {
--frames: 16;
--width: 4064;
--bg-asset: url(/content/dam/minecraftnet/franchise/component-library/animations/base/night/skeleton/skeleton_left_idle.png)
}
.MC_Animations_Skeleton__right_idle {
--frames: 29;
--width: 7366;
--bg-asset: url(/content/dam/minecraftnet/franchise/component-library/animations/base/night/skeleton/skeleton_right_idle.png)
}
.MC_Animations_Skeleton__walking_left {
--frames: 20;
--width: 5080;
--bg-asset: url(/content/dam/minecraftnet/franchise/component-library/animations/base/night/skeleton/skeleton_walking_left.png)
}
.MC_Animations_Skeleton__walking_right {
--frames: 20;
--width: 5080;
--bg-asset: url(/content/dam/minecraftnet/franchise/component-library/animations/base/night/skeleton/skeleton_walking_right.png)
}
.MC_Animations_Slime_Bounce {
--height: 48;
height: 48px;
--frames: 7;
--width: 336;
--bg-asset: url(/content/dam/minecraftnet/franchise/component-library/animations/slime/Icon_SlimeBounce.png)
}
.MC_Animations_Slime_Break {
--height: 48;
height: 48px;
--frames: 7;
--width: 336;
--bg-asset: url(/content/dam/minecraftnet/franchise/component-library/animations/slime/Icon_SlimeBreak.png)
}
.MC_Animations_Slime_Break:after {
animation-fill-mode: forwards
}
.MC_Animations_Sparkle {
--height: 64;
height: 64px;
--frames: 24;
--width: 1536
}
.MC_Animations_Sparkle_Ambient {
--bg-asset: url(/content/dam/minecraftnet/franchise/component-library/animations/sparkle/sparkle_ambient.png)
}
.MC_Animations_Sparkle_Chest {
--bg-asset: url(/content/dam/minecraftnet/franchise/component-library/animations/sparkle/sparkle_chest.png)
}
.MC_Animations_Waterfall {
--height: 1316;
height: 1316px;
--frames: 14;
--width: 4788;
--bg-asset: url(/content/dam/minecraftnet/franchise/component-library/animations/base/day/waterfall/waterfall.png)
}
.MC_Animations_Zombie {
--height: 189;
height: 189px
}
.MC_Animations_Zombie__idle {
--frames: 36;
--width: 9144;
--bg-asset: url(/content/dam/minecraftnet/franchise/component-library/animations/base/night/zombie/zombie_idle.png)
}
.MC_Animations_Zombie__idle_left {
--frames: 19;
--width: 4826;
--bg-asset: url(/content/dam/minecraftnet/franchise/component-library/animations/base/night/zombie/zombie_idle_left.png)
}
.MC_Animations_Zombie__idle_left_right {
--frames: 25;
--width: 6350;
--bg-asset: url(/content/dam/minecraftnet/franchise/component-library/animations/base/night/zombie/zombie_idle_left_right.png)
}
.MC_Animations_Zombie__left_idle_right {
--frames: 17;
--width: 4318;
--bg-asset: url(/content/dam/minecraftnet/franchise/component-library/animations/base/night/zombie/zombie_left_idle_right.png)
}
.MC_Animations_Zombie__right_idle_left {
--frames: 30;
--width: 7620;
--bg-asset: url(/content/dam/minecraftnet/franchise/component-library/animations/base/night/zombie/zombie_right_idle_left.png)
}
.MC_Animations_Zombie__walking_left {
--frames: 19;
--width: 4826;
--bg-asset: url(/content/dam/minecraftnet/franchise/component-library/animations/base/night/zombie/zombie_walking_left.png)
}
.MC_Animations_Zombie__walking_right {
--frames: 19;
--width: 4826;
--bg-asset: url(/content/dam/minecraftnet/franchise/component-library/animations/base/night/zombie/zombie_walking_right.png)
}
[data-mc-ref=mc_badge_badgeA] {
display: inline-block
}
.MC_badgeA {
--shadowColor: var(--mc-core-green-4);
--bgColor: var(--mc-core-green-2);
display: inline-flex;
padding-left: 9px;
position: relative
}
.MC_badgeA:not([style*="--bgColor:"]) .MC_badgeA_content p {
color: var(--mc-core-off-black)
}
.MC_badgeA:before {
bottom: 0;
box-shadow: 0 2px 0 var(--shadowColor);
content: " ";
height: 5px;
left: .5px;
position: absolute;
width: calc(100% - .5px);
z-index: 3
}
.MC_badgeA_content:after,
.MC_badgeA_content:before {
height: calc(100% + .5px);
width: 9px
}
.MC_badgeA_content:before {
background-color: var(--bgColor);
border-top: 1px solid var(--bgColor);
clip-path: polygon(0 0, 0 30%, 33.33% 30%, 33.33% 35%, 66.66% 35%, 66.66% 40%, 100% 40%, 100% 65%, 66.66% 65%, 66.66% 75%, 33.33% 75%, 33.33% 85%, 0 85%, 0 100%, 100% 100%, 100% 0);
z-index: 2
}
.MC_badgeA_content:after,
.MC_badgeA_content:before {
content: " ";
display: block;
left: .5px;
position: absolute;
top: 0
}
.MC_badgeA_content:after {
background-color: var(--shadowColor);
clip-path: polygon(0 0, 0 35%, 33.33% 35%, 33.33% 40%, 66.66% 40%, 66.66% 45%, 100% 45%, 100% 40%, 96% 40%, 96% 0)
}
.MC_badgeA_content {
background-color: var(--bgColor);
display: inline-block;
font-family: var(--mc-default-fontlist);
font-style: normal;
font-weight: 700;
letter-spacing: -.27px;
line-height: 2.25rem;
line-height: normal;
padding: 4px 20px;
text-align: center;
word-spacing: 2px
}
@media (forced-colors:active) {
.MC_badgeA {
padding-left: 0
}
.MC_badgeA_content {
outline: 1px solid
}
.MC_badgeA_content:before {
display: none
}
}
.MC_badgeB {
align-self: flex-start;
background: var(--mc-environment-badgeb_svg-9x26) no-repeat left top;
box-shadow: 0 3px 0 0 rgba(0, 0, 0, .6);
display: inline-flex;
min-height: 26px;
min-width: 40px
}
.MC_badgeB_content {
align-items: center;
background: var(--mc-core-green-2);
box-shadow: inset 0 1px 0 0 #17c544, inset 0 2px 0 0 #a0e081, inset 0 -1px 0 0 #17c544;
display: flex;
justify-content: center;
margin-left: 8px;
padding: 3px 8px
}
.MC_badgeB_content p {
color: var(--mc-core-off-black) !important;
font-family: var(--mc-legends-fontlist) !important;
font-size: .875rem;
font-style: normal;
font-weight: 400;
letter-spacing: .56px;
line-break: anywhere;
line-height: 16px
}
@media (forced-colors:active) {
.MC_badgeB {
background-image: unset;
outline: 1px solid
}
.MC_badgeB_content {
margin-left: 0
}
}
.MC_badgeC {
background: url(/content/dam/minecraftnet/franchise/component-library/marketplacePass/mpBadge_arrow.svg) no-repeat 100% 0;
display: inline-flex;
min-height: 36px;
padding-right: 18px
}
.MC_badgeC_content {
align-items: center;
background-color: #ffc42b;
box-shadow: inset 0 2px 0 0 #ffe7ac, inset 0 -2px 0 0 #bb8815;
display: flex;
gap: 8px;
justify-content: center;
padding-left: 12px;
padding-right: 6px
}
.MC_badgeC_content:has(p) {
padding-left: 6px
}
.MC_badgeC_content p {
color: var(--mc-core-off-black);
font-family: var(--mc-vanilla-fontlist);
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal
}
@media (forced-colors:active) {
.MC_badgeC_content {
border: 1px solid;
border-right: 0
}
}
.MC_Banner_horizA {
padding-left: 1.5rem;
position: relative
}
.MC_Banner_horizA:before {
bottom: 0;
box-shadow: 0 4px 0 var(--mc-legends-light-orange-6);
content: " ";
height: 5px;
left: .5px;
position: absolute;
width: 24px;
z-index: 3
}
.MC_Banner_horizA_content:before {
background-color: var(--mc-legends-light-orange-4);
clip-path: polygon(0 0, 0 30%, 33.33% 30%, 33.33% 35%, 66.66% 35%, 66.66% 40%, 100% 40%, 100% 65%, 66.66% 65%, 66.66% 75%, 33.33% 75%, 33.33% 85%, 0 85%, 0 100%, 100% 100%, 100% 0);
z-index: 2
}
.MC_Banner_horizA_content:after,
.MC_Banner_horizA_content:before {
content: " ";
display: block;
height: calc(100% + 4px);
left: .5px;
position: absolute;
top: 0;
width: 1.5rem
}
.MC_Banner_horizA_content:after {
background-color: var(--mc-legends-light-orange-6);
clip-path: polygon(0 0, 0 35%, 33.33% 35%, 33.33% 40%, 66.66% 40%, 66.66% 45%, 100% 45%, 100% 40%, 96% 40%, 96% 0)
}
.MC_Banner_horizA_content {
background-color: var(--mc-legends-light-orange-4);
box-shadow: 0 4px 0 var(--mc-legends-light-orange-6);
display: inline-block;
line-height: 2.25rem;
padding: 1.375rem
}
.MC_Banner_horizA .MC_Heading_3 {
color: var(--mc-legends-ultra-dark-orange) !important;
text-align: center
}
@media screen and (max-width:767.98px) {
.MC_Banner_horizA_content {
padding: .75rem
}
[class*=MC_Theme_Legends] .MC_Banner_horizA .MC_Heading_3 {
font-size: 1.5rem
}
}
[data-mc-ref=mc_mpBannerA] {
border: 1px solid #fff27a;
box-shadow: inset 0 2px 0 0 #db9f21, 0 1px 0 0 #b87918;
width: 100%
}
.MC_mpBannerA {
align-items: center;
align-self: stretch;
column-gap: 16px;
display: flex;
justify-content: center;
padding: 8px;
row-gap: 8px;
text-decoration: none
}
.MC_mpBannerA:hover {
text-decoration: underline
}
.MC_mpBannerA:focus {
box-shadow: 0 0 0 .0625rem #fff;
outline: 2px solid var(--mc-default-focus)
}
.MC_mpBannerA_leftText,
.MC_mpBannerA_rightText {
font-family: var(--mc-legends-fontlist);
font-size: .875rem;
font-style: normal;
font-weight: 400;
letter-spacing: .56px;
line-height: 16px
}
.MC_mpBannerA_leftText {
text-align: right
}
.MC_mpBannerA_rightText {
text-align: center
}
.MC_mpBannerA_rightText:after {
background-color: var(--mc-core-white)
}
@media screen and (max-width:576px) {
.MC_mpBannerA {
flex-direction: column
}
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
.MC_mpBannerA img {
filter: invert(1)
}
}
.MC_statusBannerA {
align-items: center;
box-shadow: 0 4px 0 0 rgba(0, 0, 0, .25);
display: flex
}
.MC_statusBannerA_success {
align-items: center;
align-self: stretch;
background: #52a535;
border-bottom: 2px solid #1e1e1f;
border-left: 2px solid #1e1e1f;
border-top: 2px solid #1e1e1f;
box-shadow: inset -2px -4px 0 0 rgba(0, 0, 0, .3), inset 4px 4px 0 0 hsla(0, 0%, 100%, .2);
display: flex;
justify-content: center;
min-height: 42px;
width: 42px
}
.MC_statusBannerA_success:after {
background-color: var(--mc-core-white);
content: "";
display: block;
height: 18px;
mask-image: var(--mc-environment-checkmark_icon_svg-24x18);
width: 24px
}
.MC_statusBannerA_warning {
align-items: center;
align-self: stretch;
background: #e5c317;
border-bottom: 2px solid var(--mc-core-grey-6);
border-left: 2px solid var(--mc-core-grey-6);
border-top: 2px solid var(--mc-core-grey-6);
box-shadow: inset -2px -4px 0 0 rgba(0, 0, 0, .3), inset 4px 4px 0 0 hsla(0, 0%, 100%, .2);
display: flex;
gap: 8px;
min-height: 42px;
padding: 9px 8px 9px 10px;
width: 42px
}
.MC_statusBannerA_warning:after {
background-color: var(--mc-core-grey-5);
content: "";
display: block;
height: 20px;
mask-image: var(--mc-environment-warning_svg-18x20);
width: 18px
}
.MC_statusBannerA_content {
align-items: center;
align-self: stretch;
background: var(--mc-core-grey-5);
border: 2px solid #1e1e1f;
box-shadow: inset -4px -4px 0 0 rgba(0, 0, 0, .3), inset 4px 4px 0 0 hsla(0, 0%, 100%, .2);
display: flex;
flex: 1 0 0;
justify-content: space-between;
padding: 8px 12px
}
.MC_statusBannerA_content p {
font-family: var(--mc-legends-fontlist) !important;
font-size: 1.25rem;
font-style: normal;
font-weight: 400;
letter-spacing: .8px;
line-height: 24px
}
.MC_statusBannerA_close {
background-color: transparent;
border: 0;
padding: 0
}
.MC_statusBannerA_close:focus {
box-shadow: 0 0 0 3px var(--mc-core-white);
outline: 2px solid var(--mc-default-focus)
}
@media (forced-colors:active) {
.MC_statusBannerA_success:after,
.MC_statusBannerA_warning:after {
filter: invert(1)
}
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
.MC_statusBannerA_close svg {
filter: invert(1)
}
}
.MC_Banner_vertA {
display: inline-block;
padding-bottom: 30px;
position: relative
}
.MC_Banner_vertA_content:before {
background-color: var(--mc-dungeons-orange-4);
clip-path: polygon(0 0, 14.285% 0, 14.285% 29.411%, 28.57% 29.411%, 28.57% 58.822%, 42.855% 58.822%, 42.855% 88.233%, 57.14% 88.233%, 57.14% 58.822%, 71.425% 58.822%, 71.425% 29.411%, 85.71% 29.411%, 85.71% 0, 100% 0, 0 0);
z-index: 2
}
.MC_Banner_vertA_content:after,
.MC_Banner_vertA_content:before {
bottom: 0;
content: " ";
display: block;
height: 30px;
left: 0;
position: absolute;
width: 100%
}
.MC_Banner_vertA_content:after {
background-color: var(--mc-dungeons-mulberry-1);
clip-path: polygon(14.285% 0, 0 0, 0 6.97%, 14.285% 6.97%, 28.57% 29.411%, 14.285% 29.411%, 14.285% 36.381%, 28.57% 36.381%, 28.57% 36.381%, 42.855% 58.822%, 28.57% 58.822%, 28.57% 65.792%, 42.855% 65.792%, 42.855% 65.792%, 57.14% 86.05%, 42.855% 86.05%, 42.855% 93.03%, 57.14% 93.03%, 57.14% 99.99%, 57.14% 66.66%, 71.425% 66.66%, 71.425% 59.69%, 57.14% 59.69%, 71.425% 36.381%, 85.71% 36.381%, 85.71% 29.411%, 71.425% 29.411%, 85.71% 6.97%, 100% 6.97%, 100% 0);
z-index: 1
}
.MC_Banner_vertA:before {
background-color: var(--mc-dungeons-orange-4);
content: " ";
display: block;
height: 3px;
left: 14.285%;
position: absolute;
top: calc(100% - 32px);
width: 71.43%;
z-index: 2
}
.MC_Banner_vertA_content {
background: linear-gradient(180deg, #ffd953, #ffa41f);
display: inline-block;
line-height: 2.25rem;
padding: 1.375rem .4375rem .375rem
}
.MC_Banner_vertA .MC_Banner_vertA_text {
font-size: .75rem;
line-height: 12px;
margin: 0
}
.MC_Banner_vertA .MC_Banner_vertA_number,
.MC_Banner_vertA .MC_Banner_vertA_text {
color: var(--mc-dungeons-mulberry-5) !important;
font-family: var(--mc-dungeons-fontlist);
font-weight: 700;
text-align: center
}
.MC_Banner_vertA .MC_Banner_vertA_number {
display: inline-block;
font-size: 3rem;
line-height: 3.625rem;
width: 100%
}
@media (forced-colors:active) {
.MC_Banner_vertA_content {
background-color: var(--mc-core-off-black)
}
.MC_Banner_vertA .MC_Banner_vertA_text {
position: relative;
z-index: 2
}
}
.MC_Blocks_Chest {
--frames: 2;
--height: 148;
--width: 256;
--state: 1;
background-image: url(/content/dam/minecraftnet/franchise/component-library/blocks/chest.png);
transform: scale(1.15625);
transform-origin: bottom left
}
.MC_Blocks_Block:not(.active) .MC_Blocks_Chest:after {
background-color: var(--mc-core-white);
bottom: 2%;
clip-path: var(--mc-environment-questionMark_icon_clip-path);
content: " ";
display: block;
height: 20%;
left: 50%;
position: absolute;
transform: translate(-110%, -25%);
width: 20%
}
.MC_Blocks_Block:not(.active) .MC_Blocks_Chest~.MC_Animations_Sparkle_Chest,
.MC_Blocks_Block:not([data-mc-block-strength="0"]) .MC_Blocks_Chest,
.MC_Blocks_Block[data-mc-block-strength="0"].active .MC_Blocks_Chest~.MC_Animations_Sparkle_Ambient {
display: none
}
.MC_Blocks_Block.active .MC_Blocks_Chest {
--state: 0
}
.MC_Blocks_Chest~.MC_Animations_Sparkle {
height: 100%;
width: 100%
}
.MC_Blocks_Chest+.MC_Animations_Sparkle_Chest {
top: -60%
}
.MC_Blocks_Diorite {
background-image: url(/content/dam/minecraftnet/franchise/component-library/blocks/diorite.png)
}
.MC_Blocks_Diorite,
.MC_Blocks_Dirt {
--frames: 4;
--width: 360;
--strength: 3
}
.MC_Blocks_Dirt {
background-image: url(/content/dam/minecraftnet/franchise/component-library/blocks/dirt.png)
}
.MC_Blocks_Granite {
background-image: url(/content/dam/minecraftnet/franchise/component-library/blocks/granite.png)
}
.MC_Blocks_Granite,
.MC_Blocks_Grass {
--frames: 4;
--width: 360;
--strength: 3
}
.MC_Blocks_Grass {
background-image: url(/content/dam/minecraftnet/franchise/component-library/blocks/grass.png)
}
.MC_Blocks_Plank {
background-image: url(/content/dam/minecraftnet/franchise/component-library/blocks/plank.png)
}
.MC_Blocks_Plank,
.MC_Blocks_Stone {
--frames: 4;
--width: 360;
--strength: 3
}
.MC_Blocks_Stone {
background-image: url(/content/dam/minecraftnet/franchise/component-library/blocks/stone.png)
}
.MC_Blocks_Tuff {
--frames: 4;
--width: 360;
--strength: 3;
background-image: url(/content/dam/minecraftnet/franchise/component-library/blocks/tuff.png)
}
.MC_breadcrumbsA {
align-items: end;
align-self: stretch;
display: flex;
gap: 24px;
justify-content: flex-start;
margin: 0 auto;
max-width: 1920px;
min-height: 32px;
padding: 32px 60px 0
}
.MC_breadcrumbsA ul {
align-items: center;
flex-wrap: wrap;
list-style-type: none;
padding: 0
}
.MC_breadcrumbsA li,
.MC_breadcrumbsA ul {
display: flex;
gap: 12px
}
.MC_breadcrumbsA li:not(:last-child):after,
.MC_breadcrumbsA_mobile li:first-child:before {
align-self: center;
background-image: var(--mc-environment-breadcrumbsA_svg-6x10);
content: "";
display: block;
flex-shrink: 0;
height: 10px;
width: 6px
}
.MC_breadcrumbsA_mobile li:first-child:before {
transform: rotate(180deg)
}
.MC_breadcrumbsA_link {
padding-bottom: 1px
}
.MC_breadcrumbsA_link,
.MC_breadcrumbsA_page {
color: var(--mc-core-white) !important;
font-size: .875rem;
font-style: normal;
font-weight: 700;
letter-spacing: 1.12px;
line-height: 18px;
text-transform: uppercase
}
.MC_breadcrumbsA_page {
font-weight: 400
}
.MC_breadcrumbsA_link:hover {
text-decoration: none !important
}
@media screen and (max-width:767.98px) {
.MC_breadcrumbsA {
padding-left: 24px;
padding-right: 24px
}
}
@media screen and (max-width:576px) {
.MC_breadcrumbsA {
padding-left: 16px;
padding-right: 16px
}
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
.MC_breadcrumbsA li+li:before {
filter: invert(1)
}
}
.MC_Button_Hero {
border: 2px solid var(--mc-core-grey-6);
display: inline-flex;
font-size: 1.125rem;
line-height: 1.25rem;
min-width: 4.75rem;
padding: .9375rem 1.75rem;
text-decoration: none
}
.MC_Button_Hero>span {
display: inline-block;
margin: 0 auto
}
.MC_Button_Hero.MC_Glyph_Link_B {
padding-right: 1rem
}
.MC_Button_Hero.MC_Glyph_Link_B>span {
width: calc(100% - 28px)
}
.MC_Button_Hero.MC_Button_Style_FullWidth {
justify-content: center;
max-width: unset;
width: 100%
}
.MC_Button_Hero.MC_Button_Style_FullWidth>span {
margin: unset;
width: unset
}
.MC_Button_Icon {
align-items: center;
display: inline-flex !important;
font-size: 1.125rem;
height: 32px;
justify-content: center;
line-height: 1.25rem;
min-width: 32px;
padding: .9375rem 1.75rem;
text-decoration: none
}
.MC_Button_Icon>span {
display: inline-block;
margin: 0 auto
}
.MC_Button_Icon,
.MC_Button_Icon.MC_Style_Gold_1 {
background: var(--mc-marketplace-gold-3);
box-shadow: inset 0 -2px 0 var(--mc-marketplace-gold-4), inset 0 2px 0 var(--mc-marketplace-gold-2);
color: var(--mc-legends-ultra-dark-blue);
font-weight: 800;
letter-spacing: .03em;
text-transform: uppercase
}
.MC_Button_Icon.MC_Style_Gold_1:focus,
.MC_Button_Icon.MC_Style_Gold_1:hover,
.MC_Button_Icon:focus,
.MC_Button_Icon:hover {
background: linear-gradient(0deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, .2)), var(--mc-marketplace-gold-2)
}
.MC_Button_Icon.MC_Style_Gold_1:focus,
.MC_Button_Icon:focus {
border-radius: 0;
box-shadow: 0 0 0 1px var(--mc-core-white), 0 0 0 1px var(--mc-core-white), inset 0 -6px 0 var(--mc-marketplace-gold-3), inset 0 6px 0 var(--mc-marketplace-gold-1);
outline: 2px solid var(--mc-default-focus);
outline-offset: -2px
}
.MC_Button_Icon.MC_Style_Gold_1:active,
.MC_Button_Icon:active {
background: var(--mc-marketplace-gold-4);
box-shadow: none
}
.MC_Button_Icon.MC_Style_Gold_1:active:focus,
.MC_Button_Icon:active:focus {
box-shadow: 0 0 0 1px var(--mc-core-white)
}
.MC_Button_Icon[aria-disabled=true] {
background-color: var(--mc-vanilla-grey-1) !important;
box-shadow: none !important;
color: var(--mc-vanilla-grey-3) !important;
outline: 2px solid var(--mc-vanilla-grey-3) !important;
outline-offset: -2px !important
}
.MC_Button_Icon[aria-disabled=true]:active,
.MC_Button_Icon[aria-disabled=true]:hover {
background: var(--mc-vanilla-grey-1) !important;
box-shadow: none !important;
cursor: auto !important
}
.MC_Button_Icon[aria-disabled=true]:focus {
border-radius: 0 !important;
box-shadow: 0 0 0 1px var(--mc-core-white) !important;
outline: 2px solid var(--mc-default-focus) !important
}
@media (forced-colors:active) and (prefers-color-scheme:dark) {
.MC_Button_Icon svg {
filter: invert(1)
}
}
.MC_Button_Modal {
background-color: var(--mc-core-grey-6);
border: 1px solid;
max-width: none;
min-height: 48px;
padding: 8px 24px;
text-align: center;
text-decoration: none;
width: 100%
}
.MC_Button_Modal:hover {
background-color: var(--mc-core-grey-5)
}
.MC_Button_Modal:focus,
.MC_Button_Modal:focus-visible {
border-color: transparent;
box-shadow: 0 0 0 3px var(--mc-core-white);
outline: 2px solid var(--mc-default-focus);
outline-offset: 0
}
.MC_Button_Modal.MC_Style_Core_Green_1 {
color: var(--mc-core-green-1)
}
.MC_Button_Modal.MC_Style_Core_Green_1:after {
background-color: var(--mc-core-green-1)
}
.MC_Button_Modal.MC_Style_Core_Grey_1 {
color: var(--mc-core-grey-1)
}
.MC_Button_Modal.MC_Style_Core_Grey_1:after {
background-color: var(--mc-core-grey-1)
}
.MC_Button_Modal>span {
width: 100%
}
.MC_Button_NotchedHero {
background-color: transparent;
border: 0;
display: inline-flex;
font-family: var(--mc-vanilla-fontlist);
position: relative;
text-decoration: none
}
.MC_Button_NotchedHero_Text {
display: inline-flex;
font-size: 1.5rem;
font-weight: 400;
letter-spacing: .04em;
line-height: 1.25rem;
margin: 0 auto;
min-width: 4.75rem;
padding: 15px 22px;
position: relative
}
.MC_Button_NotchedHero_Text_Fx:after,
.MC_Button_NotchedHero_Text_Fx:before {
content: "";
display: block;
height: 2.25rem;
left: -.4375rem;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: .4375rem
}
.MC_Button_NotchedHero_Text_Fx {
font-weight: 400
}
.MC_Button_NotchedHero_Text_Fx:after {
left: unset;
right: -.4375rem
}
.MC_Button_NotchedHero:active,
.MC_Button_NotchedHero:focus,
.MC_Button_NotchedHero:focus-visible {
outline: 0
}
.MC_Button_NotchedHero:focus:before {
background: transparent;
border: 1px solid var(--mc-core-white);
content: "";
height: calc(100% + 2px);
left: -3px;
outline: 2px solid var(--mc-default-focus);
position: absolute;
top: -1px;
width: calc(100% + 6px);
z-index: 2
}
.MC_Button_NotchedHero:has(.MC_Button_NotchedHero_Text[class*=MC_Glyph]):focus:before {
left: -8px;
width: calc(100% + 17px)
}
.MC_Button_NotchedHero .MC_Glyph_Link_B {
gap: .6875rem
}
.MC_Button_NotchedHero .MC_Glyph_Link_B:after {
aspect-ratio: 2;
position: relative;
top: .5px;
z-index: 1
}
.MC_Button_NotchedHero.MC_Glyph_Link_B .MC_Button_NotchedHero_Text {
width: calc(100% - 28px)
}
.MC_Button_NotchedHero.MC_Button_Style_FullWidth {
max-width: unset;
width: 100%
}
.MC_Button_NotchedHero.MC_Button_Style_FullWidth .MC_Button_NotchedHero_Text {
justify-content: center;
width: 100%
}
.MC_Button_NotchedHero.MC_Button_Style_Outline:not([aria-disabled=true]) .MC_Button_NotchedHero_Text {
border: 2px solid #000;
padding-bottom: 13px;
padding-top: 13px
}
.MC_Button_NotchedHero.MC_Button_Style_Outline:not([aria-disabled=true]) .MC_Button_NotchedHero_Text_Fx:before {
border: 2px solid #000;
border-right: 0
}
.MC_Button_NotchedHero.MC_Button_Style_Outline:not([aria-disabled=true]) .MC_Button_NotchedHero_Text_Fx:after {
border: 2px solid #000;
border-left: 0
}
.MC_Theme_Legends .MC_Button_NotchedHero.MC_Style_LightBlue_1 .MC_Button_NotchedHero_Text,
.MC_Theme_Legends .MC_Button_NotchedHero.MC_Style_LightBlue_1 .MC_Button_NotchedHero_Text_Fx:after,
.MC_Theme_Legends .MC_Button_NotchedHero.MC_Style_LightBlue_1 .MC_Button_NotchedHero_Text_Fx:before {
background: var(--mc-legends-light-blue-1);
box-shadow: inset 0 -3px 0 var(--mc-legends-light-blue-6), inset 0 3px 0 #c5f6ff;
color: var(--mc-legends-ultra-dark-blue);
font-weight: 800;
letter-spacing: .03em;
text-transform: uppercase
}
.MC_Theme_Legends .MC_Button_NotchedHero.MC_Style_LightBlue_1:hover .MC_Button_NotchedHero_Text,
.MC_Theme_Legends .MC_Button_NotchedHero.MC_Style_LightBlue_1:hover .MC_Button_NotchedHero_Text_Fx:after,
.MC_Theme_Legends .MC_Button_NotchedHero.MC_Style_LightBlue_1:hover .MC_Button_NotchedHero_Text_Fx:before {
background: linear-gradient(0deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, .2)), var(--mc-legends-light-blue-1)
}
.MC_Theme_Legends .MC_Button_NotchedHero.MC_Style_LightBlue_1:active .MC_Button_NotchedHero_Text,
.MC_Theme_Legends .MC_Button_NotchedHero.MC_Style_LightBlue_1:active .MC_Button_NotchedHero_Text_Fx:after,
.MC_Theme_Legends .MC_Button_NotchedHero.MC_Style_LightBlue_1:active .MC_Button_NotchedHero_Text_Fx:before {
background: var(--mc-legends-light-blue-3);
box-shadow: none
}
.MC_Theme_Legends .MC_Button_NotchedHero.MC_Style_CoreOffWhite .MC_Button_NotchedHero_Text,
.MC_Theme_Legends .MC_Button_NotchedHero.MC_Style_CoreOffWhite .MC_Button_NotchedHero_Text_Fx:after,
.MC_Theme_Legends .MC_Button_NotchedHero.MC_Style_CoreOffWhite .MC_Button_NotchedHero_Text_Fx:before {
background: var(--mc-core-off-white);
box-shadow: inset 0 -3px 0 var(--mc-vanilla-grey-3), inset 0 3px 0 hsla(0, 0%, 100%, .5);
color: var(--mc-core-grey-5);
font-weight: 800;
letter-spacing: .03em;
text-transform: uppercase
}
.MC_Theme_Legends .MC_Button_NotchedHero.MC_Style_CoreOffWhite:hover .MC_Button_NotchedHero_Text,
.MC_Theme_Legends .MC_Button_NotchedHero.MC_Style_CoreOffWhite:hover .MC_Button_NotchedHero_Text_Fx:after,
.MC_Theme_Legends .MC_Button_NotchedHero.MC_Style_CoreOffWhite:hover .MC_Button_NotchedHero_Text_Fx:before {
background: linear-gradient(0deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, .2)), var(--mc-core-off-white)
}
.MC_Theme_Legends .MC_Button_NotchedHero.MC_Style_CoreOffWhite:active .MC_Button_NotchedHero_Text,
.MC_Theme_Legends .MC_Button_NotchedHero.MC_Style_CoreOffWhite:active .MC_Button_NotchedHero_Text_Fx:after,
.MC_Theme_Legends .MC_Button_NotchedHero.MC_Style_CoreOffWhite:active .MC_Button_NotchedHero_Text_Fx:before {
background: var(--mc-vanilla-grey-2);
box-shadow: none
}
.MC_Theme_Legends .MC_Button_NotchedHero.MC_Style_LightOrange_1 .MC_Button_NotchedHero_Text,
.MC_Theme_Legends .MC_Button_NotchedHero.MC_Style_LightOrange_1 .MC_Button_NotchedHero_Text_Fx:after,
.MC_Theme_Legends .MC_Button_NotchedHero.MC_Style_LightOrange_1 .MC_Button_NotchedHero_Text_Fx:before {
background: var(--mc-legends-light-orange-1);
box-shadow: inset 0 -3px 0 var(--mc-legends-light-orange-6), inset 0 3px 0 hsla(0, 0%, 100%, .3);
color: var(--mc-legends-ultra-dark-blue);
font-weight: 800;
letter-spacing: .03em;
text-transform: uppercase
}
.MC_Theme_Legends .MC_Button_NotchedHero.MC_Style_LightOrange_1:hover .MC_Button_NotchedHero_Text,
.MC_Theme_Legends .MC_Button_NotchedHero.MC_Style_LightOrange_1:hover .MC_Button_NotchedHero_Text_Fx:after,
.MC_Theme_Legends .MC_Button_NotchedHero.MC_Style_LightOrange_1:hover .MC_Button_NotchedHero_Text_Fx:before {
background: linear-gradient(0deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, .2)), var(--mc-legends-light-orange-1)
}
.MC_Theme_Legends .MC_Button_NotchedHero.MC_Style_LightOrange_1:active .MC_Button_NotchedHero_Text,
.MC_Theme_Legends .MC_Button_NotchedHero.MC_Style_LightOrange_1:active .MC_Button_NotchedHero_Text_Fx:after,
.MC_Theme_Legends .MC_Button_NotchedHero.MC_Style_LightOrange_1:active .MC_Button_NotchedHero_Text_Fx:before {
background: var(--mc-legends-light-orange-3);
box-shadow: none
}
.MC_Theme_Legends .MC_Button_NotchedHero[aria-disabled=true]:focus:before {
left: -2.5px;
width: calc(100% + 5px)
}
.MC_Theme_Dungeons .MC_Button_NotchedHero,
.MC_Theme_Dungeons .MC_Button_NotchedHero:hover {
filter: drop-shadow(0 4px 0 rgba(0, 0, 0, .25))
}
.MC_Theme_Dungeons .MC_Button_NotchedHero:focus:before {
left: -.5px;
width: calc(100% + 1.5px)
}
.MC_Theme_Dungeons .MC_Button_NotchedHero:active,
.MC_Theme_Dungeons .MC_Button_NotchedHero:focus,
.MC_Theme_Dungeons .MC_Button_NotchedHero:focus-visible {
filter: none
}
.MC_Button_NotchedHero:has(.MC_Button_NotchedHero_Text[class*=MC_Glyph]):focus:before {
left: -7px;
width: calc(100% + 14px)
}
.MC_Theme_Dungeons .MC_Button_NotchedHero_Text {
padding: .9375rem 1.5625rem
}
.MC_Theme_Dungeons .MC_Button_NotchedHero_Text_Fx:after,
.MC_Theme_Dungeons .MC_Button_NotchedHero_Text_Fx:before {
height: 2.625rem;
left: -.3125rem;
width: .3125rem
}
.MC_Theme_Dungeons .MC_Button_NotchedHero_Text_Fx:after {
left: unset;
right: -.3125rem
}
.MC_Theme_Dungeons .MC_Button_NotchedHero.MC_Style_OrangeGradient_1 .MC_Button_NotchedHero_Text,
.MC_Theme_Dungeons .MC_Button_NotchedHero.MC_Style_OrangeGradient_1 .MC_Button_NotchedHero_Text_Fx:after,
.MC_Theme_Dungeons .MC_Button_NotchedHero.MC_Style_OrangeGradient_1 .MC_Button_NotchedHero_Text_Fx:before,
.MC_Theme_Dungeons .MC_Button_NotchedHero_Text,
.MC_Theme_Dungeons .MC_Button_NotchedHero_Text_Fx:after,
.MC_Theme_Dungeons .MC_Button_NotchedHero_Text_Fx:before {
background: linear-gradient(180deg, var(--mc-dungeons-orange-2) 0, var(--mc-dungeons-orange-4) 100%);
color: var(--mc-dungeons-mulberry-6);
font-weight: 800;
letter-spacing: .03em;
text-transform: uppercase
}
.MC_Theme_Dungeons .MC_Button_NotchedHero.MC_Style_OrangeGradient_1:hover .MC_Button_NotchedHero_Text,
.MC_Theme_Dungeons .MC_Button_NotchedHero.MC_Style_OrangeGradient_1:hover .MC_Button_NotchedHero_Text_Fx:after,
.MC_Theme_Dungeons .MC_Button_NotchedHero.MC_Style_OrangeGradient_1:hover .MC_Button_NotchedHero_Text_Fx:before,
.MC_Theme_Dungeons .MC_Button_NotchedHero:hover .MC_Button_NotchedHero_Text,
.MC_Theme_Dungeons .MC_Button_NotchedHero:hover .MC_Button_NotchedHero_Text_Fx:after,
.MC_Theme_Dungeons .MC_Button_NotchedHero:hover .MC_Button_NotchedHero_Text_Fx:before {
background: linear-gradient(0deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, .2)), linear-gradient(180deg, var(--mc-dungeons-orange-2) 0, var(--mc-dungeons-orange-4) 100%)
}
.MC_Theme_Dungeons .MC_Button_NotchedHero.MC_Style_OrangeGradient_1:active .MC_Button_NotchedHero_Text,
.MC_Theme_Dungeons .MC_Button_NotchedHero.MC_Style_OrangeGradient_1:active .MC_Button_NotchedHero_Text_Fx:after,
.MC_Theme_Dungeons .MC_Button_NotchedHero.MC_Style_OrangeGradient_1:active .MC_Button_NotchedHero_Text_Fx:before,
.MC_Theme_Dungeons .MC_Button_NotchedHero:active .MC_Button_NotchedHero_Text,
.MC_Theme_Dungeons .MC_Button_NotchedHero:active .MC_Button_NotchedHero_Text_Fx:after,
.MC_Theme_Dungeons .MC_Button_NotchedHero:active .MC_Button_NotchedHero_Text_Fx:before {
background: var(--mc-dungeons-orange-4);
box-shadow: none
}
.MC_Theme_Dungeons .MC_Style_OrangeGradient_2 .MC_Button_NotchedHero_Text:before {
background-color: var(--mc-core-rich-black);
content: "";
height: calc(100% - 16px);
left: 5px;
position: absolute;
top: 9px;
width: calc(100% - 10px);
z-index: 1
}
.MC_Theme_Dungeons .MC_Style_OrangeGradient_2 .MC_Button_NotchedHero_Text_Fx {
z-index: 2
}
.MC_Theme_Dungeons .MC_Button_NotchedHero.MC_Style_OrangeGradient_2 .MC_Button_NotchedHero_Text,
.MC_Theme_Dungeons .MC_Button_NotchedHero.MC_Style_OrangeGradient_2 .MC_Button_NotchedHero_Text_Fx:after,
.MC_Theme_Dungeons .MC_Button_NotchedHero.MC_Style_OrangeGradient_2 .MC_Button_NotchedHero_Text_Fx:before {
background: linear-gradient(180deg, var(--mc-dungeons-orange-2) 0, var(--mc-dungeons-orange-4) 100%);
color: #ffc42b;
font-weight: 800;
letter-spacing: .03em;
text-transform: uppercase
}
.MC_Theme_Dungeons .MC_Button_NotchedHero.MC_Style_OrangeGradient_2:hover .MC_Button_NotchedHero_Text,
.MC_Theme_Dungeons .MC_Button_NotchedHero.MC_Style_OrangeGradient_2:hover .MC_Button_NotchedHero_Text_Fx:after,
.MC_Theme_Dungeons .MC_Button_NotchedHero.MC_Style_OrangeGradient_2:hover .MC_Button_NotchedHero_Text_Fx:before {
background: linear-gradient(0deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, .2)), linear-gradient(180deg, var(--mc-dungeons-orange-2) 0, var(--mc-dungeons-orange-4) 100%)
}
.MC_Theme_Dungeons .MC_Button_NotchedHero.MC_Style_OrangeGradient_2:active .MC_Button_NotchedHero_Text {
color: var(--mc-dungeons-orange-4)
}
.MC_Theme_Dungeons .MC_Button_NotchedHero.MC_Style_OrangeGradient_2:active .MC_Button_NotchedHero_Text,
.MC_Theme_Dungeons .MC_Button_NotchedHero.MC_Style_OrangeGradient_2:active .MC_Button_NotchedHero_Text_Fx:after,
.MC_Theme_Dungeons .MC_Button_NotchedHero.MC_Style_OrangeGradient_2:active .MC_Button_NotchedHero_Text_Fx:before {
background: var(--mc-dungeons-orange-4);
box-shadow: none
}
.MC_Theme_Dungeons .MC_Button_NotchedHero.MC_Style_OrangeGradient_2 [class*=MC_Glyph]:after {
background-color: var(--mc-dungeons-orange-3)
}
.MC_Theme_Dungeons .MC_Button_NotchedHero.MC_Style_OrangeGradient_3 .MC_Button_NotchedHero_Text,
.MC_Theme_Dungeons .MC_Button_NotchedHero.MC_Style_OrangeGradient_3 .MC_Button_NotchedHero_Text_Fx:after,
.MC_Theme_Dungeons .MC_Button_NotchedHero.MC_Style_OrangeGradient_3 .MC_Button_NotchedHero_Text_Fx:before {
background: linear-gradient(0deg, #fdfdc2 0, var(--mc-dungeons-orange-2) 100%);
color: var(--mc-dungeons-mulberry-6);
font-weight: 800;
letter-spacing: .03em;
text-transform: uppercase
}
.MC_Theme_Dungeons .MC_Button_NotchedHero.MC_Style_OrangeGradient_3:hover .MC_Button_NotchedHero_Text,
.MC_Theme_Dungeons .MC_Button_NotchedHero.MC_Style_OrangeGradient_3:hover .MC_Button_NotchedHero_Text_Fx:after,
.MC_Theme_Dungeons .MC_Button_NotchedHero.MC_Style_OrangeGradient_3:hover .MC_Button_NotchedHero_Text_Fx:before {
background: linear-gradient(0deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, .2)), linear-gradient(0deg, #fdfdc2 0, var(--mc-dungeons-orange-2) 100%)
}
.MC_Theme_Dungeons .MC_Button_NotchedHero.MC_Style_OrangeGradient_3:active .MC_Button_NotchedHero_Text,
.MC_Theme_Dungeons .MC_Button_NotchedHero.MC_Style_OrangeGradient_3:active .MC_Button_NotchedHero_Text_Fx:after,
.MC_Theme_Dungeons .MC_Button_NotchedHero.MC_Style_OrangeGradient_3:active .MC_Button_NotchedHero_Text_Fx:before {
background: var(--mc-dungeons-orange-2);
box-shadow: none
}
.MC_Theme_Dungeons .MC_Style_OrangeGradient_4 .MC_Button_NotchedHero_Text:before {
background-color: var(--mc-core-rich-black);
content: "";
height: calc(100% - 16px);
left: 5px;
position: absolute;
top: 9px;
width: calc(100% - 10px);
z-index: 1
}
.MC_Theme_Dungeons .MC_Style_OrangeGradient_4 .MC_Button_NotchedHero_Text_Fx {
z-index: 2
}
.MC_Theme_Dungeons .MC_Button_NotchedHero.MC_Style_OrangeGradient_4 .MC_Button_NotchedHero_Text,
.MC_Theme_Dungeons .MC_Button_NotchedHero.MC_Style_OrangeGradient_4 .MC_Button_NotchedHero_Text_Fx:after,
.MC_Theme_Dungeons .MC_Button_NotchedHero.MC_Style_OrangeGradient_4 .MC_Button_NotchedHero_Text_Fx:before {
background: linear-gradient(0deg, #fdfdc2 0, var(--mc-dungeons-orange-2) 100%);
color: #fdfdc2;
font-weight: 800;
letter-spacing: .03em;
text-transform: uppercase
}
.MC_Theme_Dungeons .MC_Button_NotchedHero.MC_Style_OrangeGradient_4:hover .MC_Button_NotchedHero_Text,
.MC_Theme_Dungeons .MC_Button_NotchedHero.MC_Style_OrangeGradient_4:hover .MC_Button_NotchedHero_Text_Fx:after,
.MC_Theme_Dungeons .MC_Button_NotchedHero.MC_Style_OrangeGradient_4:hover .MC_Button_NotchedHero_Text_Fx:before {
background: linear-gradient(0deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, .2)), linear-gradient(0deg, #fdfdc2 0, var(--mc-dungeons-orange-2) 100%)
}
.MC_Theme_Dungeons .MC_Button_NotchedHero.MC_Style_OrangeGradient_4:active .MC_Button_NotchedHero_Text {
color: var(--mc-dungeons-orange-2)
}
.MC_Theme_Dungeons .MC_Button_NotchedHero.MC_Style_OrangeGradient_4:active .MC_Button_NotchedHero_Text,
.MC_Theme_Dungeons .MC_Button_NotchedHero.MC_Style_OrangeGradient_4:active .MC_Button_NotchedHero_Text_Fx:after,
.MC_Theme_Dungeons .MC_Button_NotchedHero.MC_Style_OrangeGradient_4:active .MC_Button_NotchedHero_Text_Fx:before {
background: var(--mc-dungeons-orange-2);
box-shadow: none
}
.MC_Theme_Dungeons .MC_Button_NotchedHero.MC_Style_OrangeGradient_4 [class*=MC_Glyph]:after {
background-color: var(--mc-dungeons-orange-2)
}
.MC_Theme_Dungeons .MC_Button_NotchedHero[aria-disabled=true]:focus:before {
left: -.5px;
width: calc(100% + 1px)
}
.MC_Theme_Vanilla .MC_Button_NotchedHero.MC_Style_Green_1,
.MC_Theme_Vanilla .MC_Button_NotchedHero:hover.MC_Style_Green_1 {
filter: drop-shadow(0 4px 0 rgba(0, 0, 0, .25))
}
.MC_Theme_Vanilla .MC_Button_NotchedHero.MC_Style_Green_1 .MC_Button_NotchedHero_Text {
background: #3c8527;
box-shadow: inset 0 -4px 0 var(--mc-vanilla-green-6), inset 0 4px 0 var(--mc-vanilla-green-4);
color: #fff;
font-weight: 800;
letter-spacing: .03em;
text-shadow: 0 2px 0 var(--mc-vanilla-green-6);
text-transform: uppercase
}
.MC_Theme_Vanilla .MC_Button_NotchedHero.MC_Style_Green_1 .MC_Button_NotchedHero_Text_Fx:after,
.MC_Theme_Vanilla .MC_Button_NotchedHero.MC_Style_Green_1 .MC_Button_NotchedHero_Text_Fx:before {
background: var(--mc-vanilla-green-6);
height: 2.625rem;
left: -.3125rem;
width: .3125rem
}
.MC_Theme_Vanilla .MC_Button_NotchedHero.MC_Style_Green_1 .MC_Button_NotchedHero_Text_Fx:after {
left: unset;
right: -.3125rem
}
.MC_Theme_Vanilla .MC_Button_NotchedHero.MC_Style_Green_1:hover .MC_Button_NotchedHero_Text {
background: linear-gradient(0deg, rgba(0, 0, 0, .15), rgba(0, 0, 0, .15)), var(--mc-vanilla-green-5)
}
.MC_Theme_Vanilla .MC_Button_NotchedHero.MC_Style_Green_1:hover .MC_Button_NotchedHero_Text_Fx:after,
.MC_Theme_Vanilla .MC_Button_NotchedHero.MC_Style_Green_1:hover .MC_Button_NotchedHero_Text_Fx:before {
background: var(--mc-vanilla-green-6)
}
.MC_Theme_Vanilla .MC_Button_NotchedHero.MC_Style_Green_1:active .MC_Button_NotchedHero_Text,
.MC_Theme_Vanilla .MC_Button_NotchedHero.MC_Style_Green_1:active .MC_Button_NotchedHero_Text_Fx:after,
.MC_Theme_Vanilla .MC_Button_NotchedHero.MC_Style_Green_1:active .MC_Button_NotchedHero_Text_Fx:before {
background: var(--mc-vanilla-green-6);
box-shadow: none
}
.MC_Theme_Vanilla .MC_Button_NotchedHero:active.MC_Style_Green_1,
.MC_Theme_Vanilla .MC_Button_NotchedHero:focus.MC_Style_Green_1,
.MC_Theme_Vanilla .MC_Button_NotchedHero:hover[aria-disabled=true],
.MC_Theme_Vanilla .MC_Button_NotchedHero[aria-disabled=true] {
filter: none
}
.MC_Theme_Vanilla .MC_Button_NotchedHero:active .MC_Button_NotchedHero_Text,
.MC_Theme_Vanilla .MC_Button_NotchedHero[aria-disabled=true] .MC_Button_NotchedHero_Text {
text-shadow: none
}
.MC_Theme_Vanilla .MC_Button_NotchedHero.MC_Style_Green_1 [class*=MC_Glyph]:after {
background-color: var(--mc-core-white)
}
.MC_Theme_Vanilla .MC_Button_NotchedHero[aria-disabled=true]:after {
height: 39px;
right: 4px;
width: calc(100% - 9px)
}
.MC_Theme_Vanilla .MC_Button_NotchedHero:focus:before {
left: 1px;
width: calc(100% - 2px)
}
.MC_Theme_Vanilla .MC_Button_NotchedHero:has(.MC_Button_NotchedHero_Text[class*=MC_Glyph]):focus:before {
left: -5px;
width: calc(100% + 11px)
}
.MC_Button_NotchedHero[aria-disabled=true],
.MC_Button_NotchedHero[aria-disabled=true]:hover {
filter: none
}
.MC_Button_NotchedHero[aria-disabled=true]:after {
background-color: transparent;
box-shadow: inset 9px 0 0 -5px var(--mc-vanilla-grey-1), inset -7px 0 0 0 var(--mc-vanilla-grey-1);
content: "";
display: block;
height: 2rem;
position: absolute;
right: 3px;
top: 50%;
transform: translateY(-50%);
width: calc(100% - 8px);
z-index: 2
}
.MC_Theme_Dungeons .MC_Button_NotchedHero[aria-disabled=true]:after {
height: 2.375rem
}
.MC_Button_NotchedHero[aria-disabled=true] .MC_Button_NotchedHero_Text,
.MC_Button_NotchedHero[aria-disabled=true] .MC_Button_NotchedHero_Text_Fx:after,
.MC_Button_NotchedHero[aria-disabled=true] .MC_Button_NotchedHero_Text_Fx:before {
background: unset !important;
background-color: var(--mc-vanilla-grey-1) !important;
color: var(--mc-vanilla-grey-3) !important
}
.MC_Button_NotchedHero[aria-disabled=true] .MC_Button_NotchedHero_Text {
box-shadow: inset 0 -2px 0 var(--mc-vanilla-grey-3), inset 0 2px 0 var(--mc-vanilla-grey-3), inset 0 0 0 2px var(--mc-vanilla-grey-3) !important
}
.MC_Button_NotchedHero[aria-disabled=true] .MC_Button_NotchedHero_Text:before {
background-color: #3d3938;
color: #aba09c
}
.MC_Button_NotchedHero[aria-disabled=true] .MC_Button_NotchedHero_Text_Fx:before {
box-shadow: inset 0 -2px 0 var(--mc-vanilla-grey-3), inset 0 2px 0 var(--mc-vanilla-grey-3), inset 2px 0 0 var(--mc-vanilla-grey-3) !important
}
.MC_Button_NotchedHero[aria-disabled=true] .MC_Button_NotchedHero_Text_Fx:after {
box-shadow: inset 0 -2px 0 var(--mc-vanilla-grey-3), inset 0 2px 0 var(--mc-vanilla-grey-3), inset 0 0 0 2px var(--mc-vanilla-grey-3) !important
}
.MC_Button_NotchedHero[aria-disabled=true],
.MC_Button_NotchedHero[aria-disabled=true]:active,
.MC_Button_NotchedHero[aria-disabled=true]:hover,
.MC_Button_NotchedHero[aria-disabled=true]:hover .MC_Button_NotchedHero_Text:after,
.MC_Button_NotchedHero[aria-disabled=true]:hover .MC_Button_NotchedHero_Text:before {
cursor: auto !important
}
.MC_Button_NotchedHero[aria-disabled=true]:active .MC_Button_NotchedHero_Text,
.MC_Button_NotchedHero[aria-disabled=true]:active .MC_Button_NotchedHero_Text_Fx:after,
.MC_Button_NotchedHero[aria-disabled=true]:active .MC_Button_NotchedHero_Text_Fx:before,
.MC_Button_NotchedHero[aria-disabled=true]:hover .MC_Button_NotchedHero_Text,
.MC_Button_NotchedHero[aria-disabled=true]:hover .MC_Button_NotchedHero_Text_Fx:after,
.MC_Button_NotchedHero[aria-disabled=true]:hover .MC_Button_NotchedHero_Text_Fx:before {
background: var(--mc-vanilla-grey-1) !important;
cursor: auto !important
}
@media (forced-colors:active) {
.MC_Button_NotchedHero_Text_Fx:after,
.MC_Button_NotchedHero_Text_Fx:before {
display: none
}
}
@supports (-webkit-touch-callout:none) and (not (pointer:coarse)) {
.MC_Button_NotchedHero[aria-disabled=true]:after {
box-shadow: unset
}
}
.MC_Button_Hero_Outline {
background-color: var(--mc-core-grey-6);
border: 1px solid;
font-size: 1.125rem;
line-height: 1.25rem;
min-height: 50px;
padding: 8px 24px;
text-align: center;
text-decoration: none;
width: 100%
}
.MC_Button_Hero_Outline:hover {
background-color: var(--mc-core-grey-5)
}
.MC_Button_Hero_Outline:focus {
border-color: var(--mc-default-focus);
outline: 1px solid var(--mc-core-white);
outline-offset: 0
}
.MC_Button_Hero_Outline>span {
width: 100%
}
.MC_Button_Hero_Outline.MC_Glyph_Icon_A {
align-items: center;
display: inline-flex;
gap: 12px;
--svg-fill: #ede5e2;
--svg-disable-fill: #aba09c;
padding-left: 16px;
padding-right: 16px
}
.MC_Button_Hero_Outline.MC_Glyph_Icon_A svg {
flex-shrink: 0
}
.MC_Button_Hero_Outline.MC_Glyph_Icon_A rect {
fill: var(--svg-fill, #ede5e2)
}
.MC_Button_Hero_Outline.MC_Glyph_Icon_A[aria-disabled=true] rect {
fill: var(--svg-disabled-fill, #aba09c)
}
.MC_Button_Hero_Outline.MC_Button_Style_FullWidth {
justify-content: center;
max-width: unset;
width: 100%
}
.MC_Button_Hero_Outline.MC_Button_Style_FullWidth>span {
margin: unset;
width: unset
}
.MC_Button_Hero_Outline.MC_Style_Core_Green_5,
.MC_Theme_Vanilla .MC_Button_Hero_Outline:not([class*=MC_Style_]) {
background-color: transparent;
border: 2px solid var(--mc-core-green-5);
color: var(--mc-core-green-3);
font-weight: 800;
letter-spacing: .03em;
text-transform: uppercase
}
.MC_Button_Hero_Outline.MC_Style_Core_Green_5:hover,
.MC_Theme_Vanilla .MC_Button_Hero_Outline:not([class*=MC_Style_]):hover {
background-color: #343e40;
color: var(--mc-core-green-2)
}
.MC_Button_Hero_Outline.MC_Style_Core_Green_5:focus,
.MC_Theme_Vanilla .MC_Button_Hero_Outline:not([class*=MC_Style_]):focus {
background-color: #343e40;
border-color: var(--mc-default-focus);
color: var(--mc-core-green-2)
}
.MC_Button_Hero_Outline.MC_Style_Core_Green_5:active,
.MC_Theme_Vanilla .MC_Button_Hero_Outline:not([class*=MC_Style_]):active {
background: rgba(60, 133, 39, .1);
box-shadow: none;
color: var(--mc-core-green-2)
}
.MC_Button_Hero_Outline.MC_Style_Core_Green_5:active:focus,
.MC_Theme_Vanilla .MC_Button_Hero_Outline:not([class*=MC_Style_]):active:focus {
background-color: rgba(60, 133, 39, .1);
color: var(--mc-core-green-1)
}
.MC_Button_Hero_Outline.MC_Style_Core_Green_5:active:focus:after,
.MC_Theme_Vanilla .MC_Button_Hero_Outline:not([class*=MC_Style_]):active:focus:after {
background-color: var(--mc-core-green-1)
}
.MC_Button_Hero_Outline.MC_Style_Core_Green_5.MC_Glyph_Link_B:after,
.MC_Theme_Vanilla .MC_Button_Hero_Outline:not([class*=MC_Style_]).MC_Glyph_Link_B:after {
background-color: var(--mc-core-green-2)
}
.MC_Button_Hero_Outline.MC_Style_Core_Grey_2 {
background-color: transparent;
border: 2px solid var(--mc-core-grey-2);
color: var(--mc-core-white);
font-weight: 800;
letter-spacing: .03em;
text-transform: uppercase
}
.MC_Button_Hero_Outline.MC_Style_Core_Grey_2:hover {
background-color: #343434;
border-color: var(--mc-core-grey-1)
}
.MC_Button_Hero_Outline.MC_Style_Core_Grey_2:focus {
background-color: #343434;
border-color: var(--mc-default-focus)
}
.MC_Button_Hero_Outline.MC_Style_Core_Grey_2:active {
background: hsla(0, 0%, 100%, .25);
box-shadow: none
}
.MC_Button_Hero_Outline.MC_Style_Core_Grey_2:active:focus {
background-color: #343434
}
.MC_Button_Hero_Outline.MC_Style_Core_Grey_2.MC_Glyph_Link_B:after,
.MC_Button_Hero_Outline.MC_Style_Core_Grey_2:active:focus:after {
background-color: var(--mc-core-grey-1)
}
.MC_Button_Hero_Outline.MC_Style_LightBlue_1,
.MC_Theme_Legends .MC_Button_Hero_Outline:not([class*=MC_Style_]) {
background-color: transparent;
border: 2px solid var(--mc-legends-light-blue-1);
color: var(--mc-legends-light-blue-1);
font-weight: 800;
letter-spacing: .03em;
text-transform: uppercase
}
.MC_Button_Hero_Outline.MC_Style_LightBlue_1:hover,
.MC_Theme_Legends .MC_Button_Hero_Outline:not([class*=MC_Style_]):hover {
background-color: #343e40
}
.MC_Button_Hero_Outline.MC_Style_LightBlue_1:focus,
.MC_Theme_Legends .MC_Button_Hero_Outline:not([class*=MC_Style_]):focus {
background-color: #343e40;
border-color: var(--mc-default-focus)
}
.MC_Button_Hero_Outline.MC_Style_LightBlue_1:active,
.MC_Theme_Legends .MC_Button_Hero_Outline:not([class*=MC_Style_]):active {
background: var(--mc-legends-light-blue-1);
box-shadow: none
}
.MC_Button_Hero_Outline.MC_Style_LightBlue_1:active:focus,
.MC_Theme_Legends .MC_Button_Hero_Outline:not([class*=MC_Style_]):active:focus {
background-color: #415256;
color: var(--mc-legends-light-blue-1)
}
.MC_Button_Hero_Outline.MC_Style_LightBlue_1.MC_Glyph_Link_B:after,
.MC_Button_Hero_Outline.MC_Style_LightBlue_1:active:focus:after,
.MC_Theme_Legends .MC_Button_Hero_Outline:not([class*=MC_Style_]).MC_Glyph_Link_B:after,
.MC_Theme_Legends .MC_Button_Hero_Outline:not([class*=MC_Style_]):active:focus:after {
background-color: var(--mc-legends-light-blue-1)
}
.MC_Button_Hero_Outline.MC_Style_CoreOffWhite {
background-color: transparent;
border: 2px solid var(--mc-core-off-white);
color: var(--mc-core-off-white);
font-weight: 800;
letter-spacing: .03em;
text-transform: uppercase
}
.MC_Button_Hero_Outline.MC_Style_CoreOffWhite:hover {
background-color: #403f3e
}
.MC_Button_Hero_Outline.MC_Style_CoreOffWhite:focus {
background-color: #403f3e;
border-color: var(--mc-default-focus)
}
.MC_Button_Hero_Outline.MC_Style_CoreOffWhite:active {
background: var(--mc-core-off-white);
box-shadow: none
}
.MC_Button_Hero_Outline.MC_Style_CoreOffWhite:active:focus {
background-color: #555352;
color: var(--mc-core-off-white)
}
.MC_Button_Hero_Outline.MC_Style_CoreOffWhite.MC_Glyph_Link_B:after,
.MC_Button_Hero_Outline.MC_Style_CoreOffWhite:active:focus:after {
background-color: var(--mc-core-off-white)
}
.MC_Button_Hero_Outline.MC_Style_LightOrange_1 {
background-color: transparent;
border: 2px solid var(--mc-legends-light-orange-1);
color: var(--mc-legends-light-orange-1);
font-weight: 800;
letter-spacing: .03em;
text-transform: uppercase
}
.MC_Button_Hero_Outline.MC_Style_LightOrange_1:hover {
background-color: #403b30
}
.MC_Button_Hero_Outline.MC_Style_LightOrange_1:focus {
background-color: #403b30;
border-color: var(--mc-default-focus)
}
.MC_Button_Hero_Outline.MC_Style_LightOrange_1:active {
background: var(--mc-legends-light-orange-1);
box-shadow: none
}
.MC_Button_Hero_Outline.MC_Style_LightOrange_1:active:focus {
background-color: #554e3b;
color: var(--mc-legends-light-orange-1)
}
.MC_Button_Hero_Outline.MC_Style_LightOrange_1.MC_Glyph_Link_B:after,
.MC_Button_Hero_Outline.MC_Style_LightOrange_1:active:focus:after {
background-color: var(--mc-legends-light-orange-1)
}
.MC_Button_Hero_Outline.MC_Style_Orange_4,
.MC_Theme_Dungeons .MC_Button_Hero_Outline:not([class*=MC_Style_]) {
background-color: transparent;
border: 2px solid var(--mc-dungeons-orange-4);
color: var(--mc-dungeons-orange-4);
font-weight: 800;
letter-spacing: .03em;
text-transform: uppercase
}
.MC_Button_Hero_Outline.MC_Style_Orange_4:hover,
.MC_Theme_Dungeons .MC_Button_Hero_Outline:not([class*=MC_Style_]):hover {
background-color: #40331f
}
.MC_Button_Hero_Outline.MC_Style_Orange_4:focus,
.MC_Theme_Dungeons .MC_Button_Hero_Outline:not([class*=MC_Style_]):focus {
background-color: #40331f;
border-color: var(--mc-default-focus)
}
.MC_Button_Hero_Outline.MC_Style_Orange_4:active,
.MC_Theme_Dungeons .MC_Button_Hero_Outline:not([class*=MC_Style_]):active {
background: var(--mc-dungeons-orange-4);
box-shadow: none
}
.MC_Button_Hero_Outline.MC_Style_Orange_4:active:focus,
.MC_Theme_Dungeons .MC_Button_Hero_Outline:not([class*=MC_Style_]):active:focus {
background-color: #563f1e;
color: var(--mc-dungeons-orange-1)
}
.MC_Button_Hero_Outline.MC_Style_Orange_4.MC_Glyph_Link_B:after,
.MC_Button_Hero_Outline.MC_Style_Orange_4:active:focus:after,
.MC_Theme_Dungeons .MC_Button_Hero_Outline:not([class*=MC_Style_]).MC_Glyph_Link_B:after,
.MC_Theme_Dungeons .MC_Button_Hero_Outline:not([class*=MC_Style_]):active:focus:after {
background-color: var(--mc-dungeons-orange-4)
}
.MC_Theme_Dungeons2 .MC_Button_Hero_Outline:not([class*=MC_Style_]) {
background-color: transparent;
border: 2px solid var(--mc-dungeons-orange-4);
color: var(--mc-dungeons-orange-4);
font-weight: 800;
letter-spacing: .03em;
text-transform: uppercase
}
.MC_Theme_Dungeons2 .MC_Button_Hero_Outline:not([class*=MC_Style_]):hover {
background-color: #ffa41f26
}
.MC_Theme_Dungeons2 .MC_Button_Hero_Outline:not([class*=MC_Style_]):focus {
background-color: #ffa41f26;
border-color: var(--mc-default-focus)
}
.MC_Theme_Dungeons2 .MC_Button_Hero_Outline:not([class*=MC_Style_]):active {
background: var(--mc-dungeons-orange-4);
box-shadow: none
}
.MC_Theme_Dungeons2 .MC_Button_Hero_Outline:not([class*=MC_Style_]):active:focus {
background-color: #ffa41f40;
color: var(--mc-dungeons-orange-1)
}
.MC_Theme_Dungeons2 .MC_Button_Hero_Outline:not([class*=MC_Style_]).MC_Glyph_Link_B:after,
.MC_Theme_Dungeons2 .MC_Button_Hero_Outline:not([class*=MC_Style_]):active:focus:after {
background-color: var(--mc-dungeons-orange-4)
}
.MC_Button_Hero_Outline.MC_Style_Cyan_3 {
background-color: transparent;
border: 2px solid var(--mc-dungeons2-cyan-3);
color: var(--mc-dungeons2-cyan-1);
font-weight: 800;
letter-spacing: .03em;
text-transform: uppercase
}
.MC_Button_Hero_Outline.MC_Style_Cyan_3:hover {
background-color: #6cefff26
}
.MC_Button_Hero_Outline.MC_Style_Cyan_3:focus {
background-color: #6cefff26;
border-color: var(--mc-default-focus)
}
.MC_Button_Hero_Outline.MC_Style_Cyan_3:active {
background: #6cefff40;
box-shadow: none
}
.MC_Button_Hero_Outline.MC_Style_Cyan_3:active:focus {
background-color: #6cefff40;
color: var(--mc-dungeons2-cyan-1)
}
.MC_Button_Hero_Outline.MC_Style_Cyan_3.MC_Glyph_Link_B:after,
.MC_Button_Hero_Outline.MC_Style_Cyan_3:active:focus:after {
background-color: var(--mc-dungeons2-cyan-3)
}
.MC_Button_Hero_Outline.MC_Style_Gold_2,
.MC_Theme_Marketplace .MC_Button_Hero_Outline:not([class*=MC_Style_]) {
background-color: transparent;
border: 2px solid var(--mc-marketplace-gold-2);
color: var(--mc-marketplace-gold-1);
font-weight: 800;
letter-spacing: .03em;
text-transform: uppercase
}
.MC_Button_Hero_Outline.MC_Style_Gold_2:hover,
.MC_Theme_Marketplace .MC_Button_Hero_Outline:not([class*=MC_Style_]):hover {
background-color: #46402a;
color: var(--mc-marketplace-gold-2)
}
.MC_Button_Hero_Outline.MC_Style_Gold_2:focus,
.MC_Theme_Marketplace .MC_Button_Hero_Outline:not([class*=MC_Style_]):focus {
background-color: #46402a;
border-color: var(--mc-default-focus);
color: var(--mc-marketplace-gold-2)
}
.MC_Button_Hero_Outline.MC_Style_Gold_2:active,
.MC_Theme_Marketplace .MC_Button_Hero_Outline:not([class*=MC_Style_]):active {
background: #5c512f;
box-shadow: none;
color: var(--mc-marketplace-gold-2)
}
.MC_Button_Hero_Outline.MC_Style_Gold_2:active:focus,
.MC_Theme_Marketplace .MC_Button_Hero_Outline:not([class*=MC_Style_]):active:focus {
background-color: #5c4c25;
color: var(--mc-marketplace-gold-2)
}
.MC_Button_Hero_Outline.MC_Style_Gold_2:active:focus:after,
.MC_Theme_Marketplace .MC_Button_Hero_Outline:not([class*=MC_Style_]):active:focus:after {
background-color: var(--mc-marketplace-gold-2)
}
.MC_Button_Hero_Outline.MC_Style_Gold_2.MC_Glyph_Link_B:after,
.MC_Theme_Marketplace .MC_Button_Hero_Outline:not([class*=MC_Style_]).MC_Glyph_Link_B:after {
background-color: var(--mc-marketplace-gold-1)
}
.MC_Button_Hero_Outline.MC_Style_Gold_2.MC_Glyph_Link_B:hover:after,
.MC_Theme_Marketplace .MC_Button_Hero_Outline:not([class*=MC_Style_]).MC_Glyph_Link_B:hover:after {
background-color: var(--mc-marketplace-gold-2)
}
.MC_Button_Hero_Outline.MC_Style_Gold_3 {
background-color: transparent;
border: 2px solid var(--mc-marketplace-gold-3);
color: var(--mc-marketplace-gold-3);
font-weight: 800;
letter-spacing: .03em;
text-transform: uppercase
}
.MC_Button_Hero_Outline.MC_Style_Gold_3:hover {
background-color: #463c24
}
.MC_Button_Hero_Outline.MC_Style_Gold_3:focus {
background-color: #463c24;
border-color: var(--mc-default-focus)
}
.MC_Button_Hero_Outline.MC_Style_Gold_3:active {
background: #5c4c25;
box-shadow: none
}
.MC_Button_Hero_Outline.MC_Style_Gold_3:active:focus {
background-color: #5c4c25;
color: #fff27a
}
.MC_Button_Hero_Outline.MC_Style_Gold_3:active:focus:after {
background-color: #fff27a
}
.MC_Button_Hero_Outline.MC_Style_Gold_3.MC_Glyph_Link_B:after {
background-color: var(--mc-marketplace-gold-3)
}
.MC_Button_Hero_Outline[aria-disabled=true] {
background-color: var(--mc-vanilla-grey-1) !important;
border-color: var(--mc-vanilla-grey-3) !important;
color: var(--mc-vanilla-grey-3) !important;
outline-offset: -2px !important
}
.MC_Button_Hero_Outline[aria-disabled=true]:focus {
border-color: var(--mc-default-focus) !important;
outline: 1px solid var(--mc-core-white) !important;
outline-offset: 0 !important
}
.MC_Button_Hero_Outline[aria-disabled=true]:active,
.MC_Button_Hero_Outline[aria-disabled=true]:hover {
cursor: auto !important
}
.MC_Button_Hero_Outline.MC_Glyph_Icon_A[aria-disabled=true] {
background-color: transparent !important;
border-color: var(--mc-core-grey-4);
color: #aba09c
}
@media (forced-colors:active) {
.MC_Button_Hero_Outline[aria-disabled=true] {
opacity: .5
}
}
.MC_Button_Primary {
border: 2px solid #171615;
display: inline-flex;
font-size: 1rem;
line-height: 1rem;
min-width: 90px;
padding: .75rem .8125rem;
position: relative;
text-decoration: none
}
.MC_Button_Primary.MC_Glyph_Link_B {
gap: 12px
}
.MC_Button_Primary:not([aria-disabled=true]):before {
content: "";
display: block;
height: calc(100% - 6px);
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1
}
.MC_Button_Primary>span {
display: inline-block;
margin: 0 auto;
padding: 2px 0;
z-index: 2
}
.MC_Button_Primary:after {
z-index: 2
}
.MC_Button_Primary.MC_Glyph_Link_B {
padding-right: 1rem
}
.MC_Button_Primary.MC_Glyph_Link_B>span {
width: calc(100% - 26px)
}
.MC_Button_Primary.MC_Button_Style_FullWidth {
justify-content: center;
max-width: unset;
width: 100%
}
.MC_Button_Primary.MC_Button_Style_FullWidth>span {
margin: unset;
width: unset
}
.MC_Button_Primary {
--hero-background: "";
--hero-box-shadow-1: "";
--hero-box-shadow-2: "";
--hero-color: "";
--hero-hover-background-gradient: "";
--hero-focus-boxshadow: ""
}
.MC_Theme_Legends .MC_Button_Primary,
.MC_Theme_Legends .MC_Button_Primary.MC_Style_LightBlue_1 {
background: var(--mc-legends-light-blue-1);
box-shadow: inset 0 -6px 0 var(--mc-legends-light-blue-6);
color: var(--mc-legends-ultra-dark-blue);
font-weight: 600;
letter-spacing: .03em
}
.MC_Theme_Legends .MC_Button_Primary.MC_Style_LightBlue_1:hover,
.MC_Theme_Legends .MC_Button_Primary:hover {
background: linear-gradient(0deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, .2)), var(--mc-legends-light-blue-1)
}
.MC_Theme_Legends .MC_Button_Primary.MC_Style_LightBlue_1:focus,
.MC_Theme_Legends .MC_Button_Primary:focus {
border-radius: 0;
box-shadow: 0 0 0 1px var(--mc-core-white), inset 0 -6px 0 var(--mc-legends-light-blue-6);
outline: 2px solid var(--mc-default-focus);
outline-offset: -2px
}
.MC_Theme_Legends .MC_Button_Primary.MC_Style_LightBlue_1:active,
.MC_Theme_Legends .MC_Button_Primary:active {
background: var(--mc-legends-light-blue-3);
box-shadow: none
}
.MC_Theme_Legends .MC_Button_Primary.MC_Style_LightBlue_1:active:focus,
.MC_Theme_Legends .MC_Button_Primary:active:focus {
box-shadow: 0 0 0 1px var(--mc-core-white)
}
.MC_Theme_Legends .MC_Button_Primary.MC_Style_LightBlue_1:before,
.MC_Theme_Legends .MC_Button_Primary:before {
box-shadow: inset -2px -2px 0 0 hsla(0, 0%, 100%, .1), inset 2px 2px 0 0 hsla(0, 0%, 100%, .2)
}
.MC_Theme_Legends .MC_Button_Primary.MC_Style_CoreOffWhite {
background: var(--mc-core-off-white);
box-shadow: inset 0 -6px 0 var(--mc-vanilla-grey-3);
color: var(--mc-core-grey-5);
font-weight: 600;
letter-spacing: .03em
}
.MC_Theme_Legends .MC_Button_Primary.MC_Style_CoreOffWhite:hover {
background: linear-gradient(0deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, .2)), var(--mc-core-off-white)
}
.MC_Theme_Legends .MC_Button_Primary.MC_Style_CoreOffWhite:focus {
border-radius: 0;
box-shadow: inset 0 -6px 0 var(--mc-vanilla-grey-3), 0 0 0 1px var(--mc-core-white), inset 0 -6px 0 var(--mc-legends-light-blue-6);
outline: 2px solid var(--mc-default-focus);
outline-offset: -2px
}
.MC_Theme_Legends .MC_Button_Primary.MC_Style_CoreOffWhite:active {
background: var(--mc-vanilla-grey-2);
box-shadow: none
}
.MC_Theme_Legends .MC_Button_Primary.MC_Style_CoreOffWhite:active:focus {
box-shadow: 0 0 0 1px var(--mc-core-white)
}
.MC_Theme_Legends .MC_Button_Primary.MC_Style_CoreOffWhite:before {
box-shadow: inset 2px 2px 0 0 hsla(0, 0%, 100%, .6), inset -2px -2px 0 0 hsla(0, 0%, 100%, .4)
}
.MC_Theme_Legends .MC_Button_Primary.MC_Style_LightOrange_1 {
background: var(--mc-legends-light-orange-1);
box-shadow: inset 0 -6px 0 var(--mc-legends-light-orange-6);
color: var(--mc-legends-ultra-dark-blue);
font-weight: 600;
letter-spacing: .03em
}
.MC_Theme_Legends .MC_Button_Primary.MC_Style_LightOrange_1:focus,
.MC_Theme_Legends .MC_Button_Primary.MC_Style_LightOrange_1:hover {
background: linear-gradient(0deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, .2)), var(--mc-legends-light-orange-1)
}
.MC_Theme_Legends .MC_Button_Primary.MC_Style_LightOrange_1:focus {
border-radius: 0;
box-shadow: 0 0 0 1px var(--mc-core-white), 0 0 0 1px var(--mc-core-white), inset 0 -6px 0 var(--mc-legends-light-orange-6);
outline: 2px solid var(--mc-default-focus);
outline-offset: -2px
}
.MC_Theme_Legends .MC_Button_Primary.MC_Style_LightOrange_1:active {
background: var(--mc-legends-light-orange-3);
box-shadow: none
}
.MC_Theme_Legends .MC_Button_Primary.MC_Style_LightOrange_1:active:focus {
box-shadow: 0 0 0 1px var(--mc-core-white)
}
.MC_Theme_Legends .MC_Button_Primary.MC_Style_LightOrange:before {
box-shadow: inset 2px 2px 0 0 hsla(0, 0%, 100%, .6), inset -2px -2px 0 0 hsla(0, 0%, 100%, .4)
}
.MC_Theme_Dungeons .MC_Button_Primary,
.MC_Theme_Dungeons .MC_Button_Primary.MC_Style_Orange_4 {
background: var(--mc-dungeons-orange-4);
box-shadow: inset 0 -6px 0 var(--mc-dungeons-orange-5);
color: var(--mc-core-grey-6);
font-weight: 600;
letter-spacing: .03em
}
.MC_Theme_Dungeons .MC_Button_Primary.MC_Style_Orange_4:hover,
.MC_Theme_Dungeons .MC_Button_Primary:hover {
background: linear-gradient(0deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, .2)), var(--mc-dungeons-orange-4)
}
.MC_Theme_Dungeons .MC_Button_Primary.MC_Style_Orange_4:focus,
.MC_Theme_Dungeons .MC_Button_Primary:focus {
background: linear-gradient(0deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, .2)), var(--mc-dungeons-orange-4);
border-radius: 0;
box-shadow: 0 0 0 1px var(--mc-core-white), 0 0 0 1px var(--mc-core-white), inset 0 -6px 0 var(--mc-legends-light-orange-6);
outline: 2px solid var(--mc-default-focus);
outline-offset: -2px
}
.MC_Theme_Dungeons .MC_Button_Primary.MC_Style_Orange_4:active,
.MC_Theme_Dungeons .MC_Button_Primary:active {
background: var(--mc-dungeons-orange-5);
box-shadow: none;
color: var(--mc-core-white)
}
.MC_Theme_Dungeons .MC_Button_Primary.MC_Style_Orange_4:active:focus,
.MC_Theme_Dungeons .MC_Button_Primary:active:focus {
box-shadow: 0 0 0 1px var(--mc-core-white)
}
.MC_Theme_Dungeons .MC_Button_Primary.MC_Style_Orange_4:before,
.MC_Theme_Dungeons .MC_Button_Primary:before {
box-shadow: inset 2px 2px 0 0 hsla(0, 0%, 100%, .6), inset -2px -2px 0 0 hsla(0, 0%, 100%, .4)
}
.MC_Theme_Dungeons2 .MC_Button_Primary,
.MC_Theme_Dungeons2 .MC_Button_Primary.MC_Style_Orange_4 {
background: var(--mc-dungeons-orange-4);
box-shadow: inset 0 -6px 0 var(--mc-dungeons-orange-5);
color: var(--mc-core-grey-6);
font-weight: 600;
letter-spacing: .03em
}
.MC_Theme_Dungeons2 .MC_Button_Primary.MC_Style_Orange_4:hover,
.MC_Theme_Dungeons2 .MC_Button_Primary:hover {
background: linear-gradient(0deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, .2)), var(--mc-dungeons-orange-4)
}
.MC_Theme_Dungeons2 .MC_Button_Primary.MC_Style_Orange_4:focus,
.MC_Theme_Dungeons2 .MC_Button_Primary:focus {
background: linear-gradient(0deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, .2)), var(--mc-dungeons-orange-4);
border-radius: 0;
box-shadow: 0 0 0 1px var(--mc-core-white), 0 0 0 1px var(--mc-core-white), inset 0 -6px 0 var(--mc-dungeons-orange-5);
outline: 2px solid var(--mc-default-focus);
outline-offset: -2px
}
.MC_Theme_Dungeons2 .MC_Button_Primary.MC_Style_Orange_4:active,
.MC_Theme_Dungeons2 .MC_Button_Primary:active {
background: var(--mc-dungeons-orange-5);
box-shadow: none;
color: var(--mc-core-grey-5)
}
.MC_Theme_Dungeons2 .MC_Button_Primary.MC_Style_Orange_4:active:focus,
.MC_Theme_Dungeons2 .MC_Button_Primary:active:focus {
box-shadow: 0 0 0 1px var(--mc-core-grey-5)
}
.MC_Theme_Dungeons2 .MC_Button_Primary.MC_Style_Orange_4:before,
.MC_Theme_Dungeons2 .MC_Button_Primary:before {
box-shadow: inset 2px 2px 0 0 hsla(0, 0%, 100%, .6), inset -2px -2px 0 0 hsla(0, 0%, 100%, .4)
}
.MC_Theme_Core .MC_Button_Primary.MC_Style_Green_5,
.MC_Theme_Vanilla .MC_Button_Primary,
.MC_Theme_Vanilla .MC_Button_Primary.MC_Style_Green_5 {
background: var(--mc-vanilla-green-5);
box-shadow: inset 0 -6px 0 var(--mc-vanilla-green-6);
color: var(--mc-core-white);
font-weight: 600;
letter-spacing: .03em
}
.MC_Theme_Core .MC_Button_Primary.MC_Style_Green_5:hover,
.MC_Theme_Vanilla .MC_Button_Primary.MC_Style_Green_5:hover,
.MC_Theme_Vanilla .MC_Button_Primary:hover {
background: linear-gradient(0deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), var(--mc-vanilla-green-5)
}
.MC_Theme_Core .MC_Button_Primary.MC_Style_Green_5:focus,
.MC_Theme_Vanilla .MC_Button_Primary.MC_Style_Green_5:focus,
.MC_Theme_Vanilla .MC_Button_Primary:focus {
background: linear-gradient(0deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), var(--mc-vanilla-green-5);
border-radius: 0;
box-shadow: 0 0 0 0 var(--mc-core-white), 0 0 0 1px var(--mc-default-focus), inset 0 -6px 0 var(--mc-vanilla-green-6);
outline: 2px solid var(--mc-core-white);
outline-offset: -2px
}
.MC_Theme_Core .MC_Button_Primary.MC_Style_Green_5:active,
.MC_Theme_Vanilla .MC_Button_Primary.MC_Style_Green_5:active,
.MC_Theme_Vanilla .MC_Button_Primary:active {
background: var(--mc-vanilla-green-6);
box-shadow: none
}
.MC_Theme_Core .MC_Button_Primary.MC_Style_Green_5:active:focus,
.MC_Theme_Vanilla .MC_Button_Primary.MC_Style_Green_5:active:focus,
.MC_Theme_Vanilla .MC_Button_Primary:active:focus {
box-shadow: 0 0 0 1px var(--mc-core-white)
}
.MC_Theme_Core .MC_Button_Primary.MC_Style_Green_5.MC_Glyph_Link_B:after,
.MC_Theme_Vanilla .MC_Button_Primary.MC_Glyph_Link_B:after,
.MC_Theme_Vanilla .MC_Button_Primary.MC_Style_Green_5.MC_Glyph_Link_B:after {
background-color: var(--mc-core-white)
}
.MC_Theme_Core .MC_Button_Primary.MC_Style_Green_5:before,
.MC_Theme_Vanilla .MC_Button_Primary.MC_Style_Green_5:before {
box-shadow: inset 2px 2px 0 0 hsla(0, 0%, 100%, .2), inset -2px -2px 0 0 hsla(0, 0%, 100%, .1)
}
.MC_Theme_Core .MC_Button_Primary.MC_Style_Grey_2,
.MC_Theme_Vanilla .MC_Button_Primary.MC_Style_Grey_2 {
background: var(--mc-vanilla-grey-2);
box-shadow: inset 0 -6px 0 var(--mc-vanilla-grey-3);
color: var(--mc-core-grey-6);
font-weight: 600;
letter-spacing: .03em
}
.MC_Theme_Core .MC_Button_Primary.MC_Style_Grey_2:hover,
.MC_Theme_Vanilla .MC_Button_Primary.MC_Style_Grey_2:hover {
background: linear-gradient(0deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, .2)), var(--mc-vanilla-grey-2)
}
.MC_Theme_Core .MC_Button_Primary.MC_Style_Grey_2:focus,
.MC_Theme_Core .MC_Button_Primary.MC_Style_Grey_2:focus-visible,
.MC_Theme_Vanilla .MC_Button_Primary.MC_Style_Grey_2:focus,
.MC_Theme_Vanilla .MC_Button_Primary.MC_Style_Grey_2:focus-visible {
background: linear-gradient(0deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, .2)), var(--mc-vanilla-grey-2);
border-radius: 0;
box-shadow: 0 0 0 1px var(--mc-core-white), 0 0 0 1px var(--mc-core-white), inset 0 -6px 0 var(--mc-vanilla-grey-3);
outline: 2px solid var(--mc-default-focus);
outline-offset: -2px
}
.MC_Theme_Core .MC_Button_Primary.MC_Style_Grey_2:active,
.MC_Theme_Vanilla .MC_Button_Primary.MC_Style_Grey_2:active {
background: var(--mc-vanilla-grey-3);
box-shadow: none
}
.MC_Theme_Core .MC_Button_Primary.MC_Style_Grey_2:active:focus,
.MC_Theme_Vanilla .MC_Button_Primary.MC_Style_Grey_2:active:focus {
box-shadow: 0 0 0 1px var(--mc-core-white)
}
.MC_Theme_Core .MC_Button_Primary.MC_Style_Grey_2.MC_Glyph_Link_B:after,
.MC_Theme_Vanilla .MC_Button_Primary.MC_Style_Grey_2.MC_Glyph_Link_B:after {
background-color: var(--mc-core-grey-6)
}
.MC_Theme_Vanilla .MC_Button_Primary.MC_Style_Grey_2:before {
box-shadow: inset 2px 2px 0 0 hsla(0, 0%, 100%, .6), inset -2px -2px 0 0 hsla(0, 0%, 100%, .4)
}
.MC_Theme_Realms .MC_Button_Primary.MC_Style_DeepBlue {
background: #7345e5;
box-shadow: inset 0 -6px 0 #4a1cac;
color: var(--mc-core-white);
font-weight: 600;
letter-spacing: .03em
}
.MC_Theme_Realms .MC_Button_Primary.MC_Style_DeepBlue:hover {
background: #643acb
}
.MC_Theme_Realms .MC_Button_Primary.MC_Style_DeepBlue:focus {
background: #643acb;
border-radius: 0;
box-shadow: 0 0 0 2px #1157be, 0 0 0 1px var(--mc-default-focus), inset 0 -6px 0 #4a1cac;
outline: 2px solid var(--mc-core-white);
outline-offset: -2px
}
.MC_Theme_Realms .MC_Button_Primary.MC_Style_DeepBlue:active {
background: #5d2cc6;
box-shadow: none
}
.MC_Theme_Realms .MC_Button_Primary.MC_Style_DeepBlue:active:focus {
box-shadow: 0 0 0 1px var(--mc-core-white)
}
.MC_Theme_Realms .MC_Button_Primary.MC_Style_DeepBlue.MC_Glyph_Link_B:after {
background-color: var(--mc-core-white)
}
.MC_Theme_Realms .MC_Button_Primary.MC_Style_DeepBlue:before,
.MC_Theme_Realms .MC_Button_Primary:before {
box-shadow: inset 2px 2px 0 0 rgba(208, 131, 255, .5), inset -2px -2px 0 0 rgba(182, 81, 244, .4)
}
.MC_Theme_Marketplace .MC_Button_Primary.MC_Style_Gold_1 {
background: var(--mc-marketplace-gold-3);
box-shadow: inset 0 -6px 0 var(--mc-marketplace-gold-4), inset 0 6px 0 var(--mc-marketplace-gold-2);
color: var(--mc-legends-ultra-dark-blue);
font-weight: 600;
letter-spacing: .03em
}
.MC_Theme_Marketplace .MC_Button_Primary.MC_Style_Gold_1:hover {
background: linear-gradient(0deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, .2)), var(--mc-marketplace-gold-2)
}
.MC_Theme_Marketplace .MC_Button_Primary.MC_Style_Gold_1:focus,
.MC_Theme_Marketplace .MC_Button_Primary.MC_Style_Gold_1:focus-visible {
background: linear-gradient(0deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, .2)), var(--mc-marketplace-gold-2);
border-radius: 0;
box-shadow: 0 0 0 1px var(--mc-core-white), 0 0 0 1px var(--mc-core-white), inset 0 -6px 0 var(--mc-marketplace-gold-3), inset 0 6px 0 var(--mc-marketplace-gold-1);
outline: 2px solid var(--mc-default-focus);
outline-offset: -2px
}
.MC_Theme_Marketplace .MC_Button_Primary.MC_Style_Gold_1:active {
background: var(--mc-marketplace-gold-4);
box-shadow: none
}
.MC_Theme_Marketplace .MC_Button_Primary.MC_Style_Gold_1:active:focus {
box-shadow: 0 0 0 1px var(--mc-core-white)
}
[class*=MC_Theme_] .MC_Button_Primary[aria-disabled=true] {
background-color: var(--mc-vanilla-grey-1) !important;
box-shadow: inset 0 -6px 0 var(--mc-core-grey-2);
color: var(--mc-vanilla-grey-3) !important;
outline: 2px solid var(--mc-vanilla-grey-3) !important;
outline-offset: -2px !important
}
[class*=MC_Theme_] .MC_Button_Primary[aria-disabled=true]:active,
[class*=MC_Theme_] .MC_Button_Primary[aria-disabled=true]:hover {
background: var(--mc-vanilla-grey-1) !important;
box-shadow: inset 0 -6px 0 var(--mc-core-grey-2);
cursor: auto !important
}
[class*=MC_Theme_] .MC_Button_Primary[aria-disabled=true]:focus {
border-radius: 0 !important;
box-shadow: 0 0 0 1px var(--mc-core-white) !important;
outline: 2px solid var(--mc-default-focus) !important;
outline-offset: -2px !important
}
.MC_Button_Secondary {
border: 2px solid #171615;
display: inline-flex;
font-size: 1rem;
line-height: 1rem;
min-width: 90px;
padding: .6875rem .8125rem;
position: relative;
text-decoration: none
}
.MC_Button_Secondary.MC_Glyph_Link_B {
gap: 12px
}
.MC_Button_Secondary:not([aria-disabled=true]):before {
content: "";
display: block;
height: calc(100% - 6px);
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1
}
.MC_Button_Secondary>span {
display: inline-block;
margin: 0 auto;
padding: 0;
z-index: 2
}
.MC_Button_Secondary:after {
z-index: 2
}
.MC_Button_Secondary.MC_Glyph_Link_B {
padding-right: 1rem
}
.MC_Button_Secondary.MC_Glyph_Link_B>span {
width: calc(100% - 26px)
}
.MC_Button_Secondary.MC_Button_Style_FullWidth {
justify-content: center;
max-width: unset;
width: 100%
}
.MC_Button_Secondary.MC_Button_Style_FullWidth>span {
margin: unset;
width: unset
}
.MC_Button_Secondary {
--hero-background: "";
--hero-box-shadow-1: "";
--hero-box-shadow-2: "";
--hero-color: "";
--hero-hover-background-gradient: "";
--hero-focus-boxshadow: ""
}
.MC_Theme_Legends .MC_Button_Secondary,
.MC_Theme_Legends .MC_Button_Secondary.MC_Style_LightBlue_1 {
background: var(--mc-legends-light-blue-1);
box-shadow: inset 0 -6px 0 var(--mc-legends-light-blue-6);
color: var(--mc-legends-ultra-dark-blue);
font-weight: 500;
letter-spacing: .01em
}
.MC_Theme_Legends .MC_Button_Secondary.MC_Style_LightBlue_1:hover,
.MC_Theme_Legends .MC_Button_Secondary:hover {
background: linear-gradient(0deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, .2)), var(--mc-legends-light-blue-1)
}
.MC_Theme_Legends .MC_Button_Secondary.MC_Style_LightBlue_1:focus,
.MC_Theme_Legends .MC_Button_Secondary:focus {
border-radius: 0;
box-shadow: 0 0 0 1px var(--mc-core-white), inset 0 -6px 0 var(--mc-legends-light-blue-6);
outline: 2px solid var(--mc-default-focus);
outline-offset: -2px
}
.MC_Theme_Legends .MC_Button_Secondary.MC_Style_LightBlue_1:active,
.MC_Theme_Legends .MC_Button_Secondary:active {
background: var(--mc-legends-light-blue-3);
box-shadow: none
}
.MC_Theme_Legends .MC_Button_Secondary.MC_Style_LightBlue_1:active:focus,
.MC_Theme_Legends .MC_Button_Secondary:active:focus {
box-shadow: 0 0 0 1px var(--mc-core-white)
}
.MC_Theme_Legends .MC_Button_Secondary.MC_Style_LightBlue_1:before,
.MC_Theme_Legends .MC_Button_Secondary:before {
box-shadow: inset -2px -2px 0 0 hsla(0, 0%, 100%, .1), inset 2px 2px 0 0 hsla(0, 0%, 100%, .2)
}
.MC_Theme_Legends .MC_Button_Secondary.MC_Style_CoreOffWhite {
background: var(--mc-core-off-white);
box-shadow: inset 0 -6px 0 var(--mc-vanilla-grey-3);
color: var(--mc-core-grey-5);
font-weight: 500;
letter-spacing: .01em
}
.MC_Theme_Legends .MC_Button_Secondary.MC_Style_CoreOffWhite:hover {
background: linear-gradient(0deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, .2)), var(--mc-core-off-white)
}
.MC_Theme_Legends .MC_Button_Secondary.MC_Style_CoreOffWhite:focus {
border-radius: 0;
box-shadow: inset 0 -6px 0 var(--mc-vanilla-grey-3), 0 0 0 1px var(--mc-core-white), inset 0 -6px 0 var(--mc-legends-light-blue-6);
outline: 2px solid var(--mc-default-focus);
outline-offset: -2px
}
.MC_Theme_Legends .MC_Button_Secondary.MC_Style_CoreOffWhite:active {
background: var(--mc-vanilla-grey-2);
box-shadow: none
}
.MC_Theme_Legends .MC_Button_Secondary.MC_Style_CoreOffWhite:active:focus {
box-shadow: 0 0 0 1px var(--mc-core-white)
}
.MC_Theme_Legends .MC_Button_Secondary.MC_Style_CoreOffWhite:before {
box-shadow: inset 2px 2px 0 0 hsla(0, 0%, 100%, .6), inset -2px -2px 0 0 hsla(0, 0%, 100%, .4)
}
.MC_Theme_Legends .MC_Button_Secondary.MC_Style_LightOrange_1 {
background: var(--mc-legends-light-orange-1);
box-shadow: inset 0 -6px 0 var(--mc-legends-light-orange-6);
color: var(--mc-legends-ultra-dark-blue);
font-weight: 500;
letter-spacing: .01em
}
.MC_Theme_Legends .MC_Button_Secondary.MC_Style_LightOrange_1:focus,
.MC_Theme_Legends .MC_Button_Secondary.MC_Style_LightOrange_1:hover {
background: linear-gradient(0deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, .2)), var(--mc-legends-light-orange-1)
}
.MC_Theme_Legends .MC_Button_Secondary.MC_Style_LightOrange_1:focus {
border-radius: 0;
box-shadow: 0 0 0 1px var(--mc-core-white), 0 0 0 1px var(--mc-core-white), inset 0 -6px 0 var(--mc-legends-light-orange-6);
outline: 2px solid var(--mc-default-focus);
outline-offset: -2px
}
.MC_Theme_Legends .MC_Button_Secondary.MC_Style_LightOrange_1:active {
background: var(--mc-legends-light-orange-3);
box-shadow: none
}
.MC_Theme_Legends .MC_Button_Secondary.MC_Style_LightOrange_1:active:focus {
box-shadow: 0 0 0 1px var(--mc-core-white)
}
.MC_Theme_Legends .MC_Button_Secondary.MC_Style_LightOrange:before {
box-shadow: inset 2px 2px 0 0 hsla(0, 0%, 100%, .6), inset -2px -2px 0 0 hsla(0, 0%, 100%, .4)
}
.MC_Theme_Dungeons .MC_Button_Secondary,
.MC_Theme_Dungeons .MC_Button_Secondary.MC_Style_Orange_4 {
background: var(--mc-dungeons-orange-4);
box-shadow: inset 0 -6px 0 var(--mc-dungeons-orange-5);
color: var(--mc-core-grey-6);
font-weight: 500;
letter-spacing: .01em
}
.MC_Theme_Dungeons .MC_Button_Secondary.MC_Style_Orange_4:hover,
.MC_Theme_Dungeons .MC_Button_Secondary:hover {
background: linear-gradient(0deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, .2)), var(--mc-dungeons-orange-4)
}
.MC_Theme_Dungeons .MC_Button_Secondary.MC_Style_Orange_4:focus,
.MC_Theme_Dungeons .MC_Button_Secondary:focus {
background: linear-gradient(0deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, .2)), var(--mc-dungeons-orange-4);
border-radius: 0;
box-shadow: 0 0 0 1px var(--mc-core-white), 0 0 0 1px var(--mc-core-white), inset 0 -6px 0 var(--mc-legends-light-orange-6);
outline: 2px solid var(--mc-default-focus);
outline-offset: -2px
}
.MC_Theme_Dungeons .MC_Button_Secondary.MC_Style_Orange_4:active,
.MC_Theme_Dungeons .MC_Button_Secondary:active {
background: var(--mc-dungeons-orange-5);
box-shadow: none;
color: var(--mc-core-white)
}
.MC_Theme_Dungeons .MC_Button_Secondary.MC_Style_Orange_4:active:focus,
.MC_Theme_Dungeons .MC_Button_Secondary:active:focus {
box-shadow: 0 0 0 1px var(--mc-core-white)
}
.MC_Theme_Dungeons .MC_Button_Secondary.MC_Style_Orange_4:before,
.MC_Theme_Dungeons .MC_Button_Secondary:before {
box-shadow: inset 2px 2px 0 0 hsla(0, 0%, 100%, .6), inset -2px -2px 0 0 hsla(0, 0%, 100%, .4)
}
.MC_Theme_Dungeons2 .MC_Button_Secondary,
.MC_Theme_Dungeons2 .MC_Button_Secondary.MC_Style_Orange_4 {
background: var(--mc-dungeons-orange-4);
box-shadow: inset 0 -6px 0 var(--mc-dungeons-orange-5);
color: var(--mc-core-grey-6);
font-weight: 500;
letter-spacing: .01em
}
.MC_Theme_Dungeons2 .MC_Button_Secondary.MC_Style_Orange_4:hover,
.MC_Theme_Dungeons2 .MC_Button_Secondary:hover {
background: linear-gradient(0deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, .2)), var(--mc-dungeons-orange-4)
}
.MC_Theme_Dungeons2 .MC_Button_Secondary.MC_Style_Orange_4:focus,
.MC_Theme_Dungeons2 .MC_Button_Secondary:focus {
background: linear-gradient(0deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, .2)), var(--mc-dungeons-orange-4);
border-radius: 0;
box-shadow: 0 0 0 1px var(--mc-core-white), 0 0 0 1px var(--mc-core-white), inset 0 -6px 0 var(--mc-dungeons-orange-5);
outline: 2px solid var(--mc-default-focus);
outline-offset: -2px
}
.MC_Theme_Dungeons2 .MC_Button_Secondary.MC_Style_Orange_4:active,
.MC_Theme_Dungeons2 .MC_Button_Secondary:active {
background: var(--mc-dungeons-orange-5);
box-shadow: none;
color: var(--mc-core-grey-5)
}
.MC_Theme_Dungeons2 .MC_Button_Secondary.MC_Style_Orange_4:active:focus,
.MC_Theme_Dungeons2 .MC_Button_Secondary:active:focus {
box-shadow: 0 0 0 1px var(--mc-core-grey-5)
}
.MC_Theme_Dungeons2 .MC_Button_Secondary.MC_Style_Orange_4:before,
.MC_Theme_Dungeons2 .MC_Button_Secondary:before {
box-shadow: inset 2px 2px 0 0 hsla(0, 0%, 100%, .6), inset -2px -2px 0 0 hsla(0, 0%, 100%, .4)
}
.MC_Theme_Core .MC_Button_Secondary.MC_Style_Green_5,
.MC_Theme_Vanilla .MC_Button_Secondary,
.MC_Theme_Vanilla .MC_Button_Secondary.MC_Style_Green_5 {
background: var(--mc-vanilla-green-5);
box-shadow: inset 0 -6px 0 var(--mc-vanilla-green-6);
color: var(--mc-core-white);
font-weight: 500;
letter-spacing: .01em
}
.MC_Theme_Core .MC_Button_Secondary.MC_Style_Green_5:hover,
.MC_Theme_Vanilla .MC_Button_Secondary.MC_Style_Green_5:hover,
.MC_Theme_Vanilla .MC_Button_Secondary:hover {
background: linear-gradient(0deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), var(--mc-vanilla-green-5)
}
.MC_Theme_Core .MC_Button_Secondary.MC_Style_Green_5:focus,
.MC_Theme_Vanilla .MC_Button_Secondary.MC_Style_Green_5:focus,
.MC_Theme_Vanilla .MC_Button_Secondary:focus {
background: linear-gradient(0deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), var(--mc-vanilla-green-5);
border-radius: 0;
box-shadow: 0 0 0 0 var(--mc-core-white), 0 0 0 1px var(--mc-default-focus), inset 0 -6px 0 var(--mc-vanilla-green-6);
outline: 2px solid var(--mc-core-white);
outline-offset: -2px
}
.MC_Theme_Core .MC_Button_Secondary.MC_Style_Green_5:active,
.MC_Theme_Vanilla .MC_Button_Secondary.MC_Style_Green_5:active,
.MC_Theme_Vanilla .MC_Button_Secondary:active {
background: var(--mc-vanilla-green-6);
box-shadow: none
}
.MC_Theme_Core .MC_Button_Secondary.MC_Style_Green_5:active:focus,
.MC_Theme_Vanilla .MC_Button_Secondary.MC_Style_Green_5:active:focus,
.MC_Theme_Vanilla .MC_Button_Secondary:active:focus {
box-shadow: 0 0 0 1px var(--mc-core-white)
}
.MC_Theme_Core .MC_Button_Secondary.MC_Style_Green_5.MC_Glyph_Link_B:after,
.MC_Theme_Vanilla .MC_Button_Secondary.MC_Glyph_Link_B:after,
.MC_Theme_Vanilla .MC_Button_Secondary.MC_Style_Green_5.MC_Glyph_Link_B:after {
background-color: var(--mc-core-white)
}
.MC_Theme_Core .MC_Button_Secondary.MC_Style_Green_5:before,
.MC_Theme_Vanilla .MC_Button_Secondary.MC_Style_Green_5:before {
box-shadow: inset 2px 2px 0 0 hsla(0, 0%, 100%, .2), inset -2px -2px 0 0 hsla(0, 0%, 100%, .1)
}
.MC_Theme_Core .MC_Button_Secondary.MC_Style_Grey_2,
.MC_Theme_Vanilla .MC_Button_Secondary.MC_Style_Grey_2 {
background: var(--mc-vanilla-grey-2);
box-shadow: inset 0 -6px 0 var(--mc-vanilla-grey-3);
color: var(--mc-core-grey-6);
font-weight: 500;
letter-spacing: .01em
}
.MC_Theme_Core .MC_Button_Secondary.MC_Style_Grey_2:hover,
.MC_Theme_Vanilla .MC_Button_Secondary.MC_Style_Grey_2:hover {
background: linear-gradient(0deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, .2)), var(--mc-vanilla-grey-2)
}
.MC_Theme_Core .MC_Button_Secondary.MC_Style_Grey_2:focus,
.MC_Theme_Core .MC_Button_Secondary.MC_Style_Grey_2:focus-visible,
.MC_Theme_Vanilla .MC_Button_Secondary.MC_Style_Grey_2:focus,
.MC_Theme_Vanilla .MC_Button_Secondary.MC_Style_Grey_2:focus-visible {
background: linear-gradient(0deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, .2)), var(--mc-vanilla-grey-2);
border-radius: 0;
box-shadow: 0 0 0 1px var(--mc-core-white), 0 0 0 1px var(--mc-core-white), inset 0 -6px 0 var(--mc-vanilla-grey-3);
outline: 2px solid var(--mc-default-focus);
outline-offset: -2px
}
.MC_Theme_Core .MC_Button_Secondary.MC_Style_Grey_2:active,
.MC_Theme_Vanilla .MC_Button_Secondary.MC_Style_Grey_2:active {
background: var(--mc-vanilla-grey-3);
box-shadow: none
}
.MC_Theme_Core .MC_Button_Secondary.MC_Style_Grey_2:active:focus,
.MC_Theme_Vanilla .MC_Button_Secondary.MC_Style_Grey_2:active:focus {
box-shadow: 0 0 0 1px var(--mc-core-white)
}
.MC_Theme_Core .MC_Button_Secondary.MC_Style_Grey_2.MC_Glyph_Link_B:after,
.MC_Theme_Vanilla .MC_Button_Secondary.MC_Style_Grey_2.MC_Glyph_Link_B:after {
background-color: var(--mc-core-grey-6)
}
.MC_Theme_Vanilla .MC_Button_Secondary.MC_Style_Grey_2:before {
box-shadow: inset 2px 2px 0 0 hsla(0, 0%, 100%, .6), inset -2px -2px 0 0 hsla(0, 0%, 100%, .4)
}
.MC_Theme_Realms .MC_Button_Secondary.MC_Style_DeepBlue {
background: #7345e5;
box-shadow: inset 0 -6px 0 #4a1cac;
color: var(--mc-core-white);
font-weight: 500;
letter-spacing: .01em
}
.MC_Theme_Realms .MC_Button_Secondary.MC_Style_DeepBlue:hover {
background: #643acb
}
.MC_Theme_Realms .MC_Button_Secondary.MC_Style_DeepBlue:focus {
background: #643acb;
border-radius: 0;
box-shadow: 0 0 0 2px #1157be, 0 0 0 1px var(--mc-default-focus), inset 0 -6px 0 #4a1cac;
outline: 2px solid var(--mc-core-white);
outline-offset: -2px
}
.MC_Theme_Realms .MC_Button_Secondary.MC_Style_DeepBlue:active {
background: #5d2cc6;
box-shadow: none
}
.MC_Theme_Realms .MC_Button_Secondary.MC_Style_DeepBlue:active:focus {
box-shadow: 0 0 0 1px var(--mc-core-white)
}
.MC_Theme_Realms .MC_Button_Secondary.MC_Style_DeepBlue.MC_Glyph_Link_B:after {
background-color: var(--mc-core-white)
}
.MC_Theme_Realms .MC_Button_Secondary.MC_Style_DeepBlue:before,
.MC_Theme_Realms .MC_Button_Secondary:before {
box-shadow: inset 2px 2px 0 0 rgba(208, 131, 255, .5), inset -2px -2px 0 0 rgba(182, 81, 244, .4)
}
.MC_Theme_Marketplace .MC_Button_Secondary.MC_Style_Gold_1 {
background: var(--mc-marketplace-gold-3);
box-shadow: inset 0 -6px 0 var(--mc-marketplace-gold-4), inset 0 6px 0 var(--mc-marketplace-gold-2);
color: var(--mc-legends-ultra-dark-blue);
font-weight: 500;
letter-spacing: .01em
}
.MC_Theme_Marketplace .MC_Button_Secondary.MC_Style_Gold_1:hover {
background: linear-gradient(0deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, .2)), var(--mc-marketplace-gold-2)
}
.MC_Theme_Marketplace .MC_Button_Secondary.MC_Style_Gold_1:focus,
.MC_Theme_Marketplace .MC_Button_Secondary.MC_Style_Gold_1:focus-visible {
background: linear-gradient(0deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, .2)), var(--mc-marketplace-gold-2);
border-radius: 0;
box-shadow: 0 0 0 1px var(--mc-core-white), 0 0 0 1px var(--mc-core-white), inset 0 -6px 0 var(--mc-marketplace-gold-3), inset 0 6px 0 var(--mc-marketplace-gold-1);
outline: 2px solid var(--mc-default-focus);
outline-offset: -2px
}
.MC_Theme_Marketplace .MC_Button_Secondary.MC_Style_Gold_1:active {
background: var(--mc-marketplace-gold-4);
box-shadow: none
}
.MC_Theme_Marketplace .MC_Button_Secondary.MC_Style_Gold_1:active:focus {
box-shadow: 0 0 0 1px var(--mc-core-white)
}
[class*=MC_Theme_] .MC_Button_Secondary[aria-disabled=true] {
background-color: var(--mc-vanilla-grey-1) !important;
box-shadow: inset 0 -6px 0 var(--mc-core-grey-2);
color: var(--mc-vanilla-grey-3) !important;
outline: 2px solid var(--mc-vanilla-grey-3) !important;
outline-offset: -2px !important
}
[class*=MC_Theme_] .MC_Button_Secondary[aria-disabled=true]:active,
[class*=MC_Theme_] .MC_Button_Secondary[aria-disabled=true]:hover {
background: var(--mc-vanilla-grey-1) !important;
box-shadow: inset 0 -6px 0 var(--mc-core-grey-2);
cursor: auto !important
}
[class*=MC_Theme_] .MC_Button_Secondary[aria-disabled=true]:focus {
border-radius: 0 !important;
box-shadow: 0 0 0 1px var(--mc-core-white) !important;
outline: 2px solid var(--mc-default-focus) !important;
outline-offset: -2px !important
}
.MC_Button_secondaryOutline {
background-color: var(--mc-core-grey-6);
border: 1px solid;
min-height: 40px;
padding: 3px 24px;
text-align: center;
text-decoration: none;
width: 100%
}
.MC_Button_secondaryOutline:hover {
background-color: var(--mc-core-grey-5)
}
.MC_Button_secondaryOutline:focus {
border-color: var(--mc-default-focus);
outline: 1px solid var(--mc-core-white);
outline-offset: 0
}
.MC_Button_secondaryOutline>span {
font-size: .875rem;
width: 100%
}
.MC_Button_secondaryOutline.MC_Button_Style_FullWidth {
justify-content: center;
max-width: unset;
width: 100%
}
.MC_Button_secondaryOutline.MC_Button_Style_FullWidth>span {
margin: unset;
width: unset
}
.MC_Button_secondaryOutline.MC_Style_Blue_2 {
background-color: transparent;
border: 2px solid #83b4f1;
color: #a6c3f3;
font-weight: 800;
letter-spacing: .03em;
text-transform: uppercase
}
.MC_Button_secondaryOutline.MC_Style_Blue_2:focus,
.MC_Button_secondaryOutline.MC_Style_Blue_2:hover {
background-color: rgba(131, 180, 241, .1);
color: #a6c3f3
}
.MC_Button_secondaryOutline.MC_Style_Blue_2:focus {
border-color: var(--mc-default-focus)
}
.MC_Button_secondaryOutline.MC_Style_Blue_2:active {
box-shadow: none
}
.MC_Button_secondaryOutline.MC_Style_Blue_2:active,
.MC_Button_secondaryOutline.MC_Style_Blue_2:active:focus {
background-color: rgba(131, 180, 241, .1);
color: #a6c3f3
}
.MC_Button_secondaryOutline.MC_Style_Blue_2.MC_Glyph_Link_A:after,
.MC_Button_secondaryOutline.MC_Style_Blue_2.MC_Glyph_Link_A:hover:after,
.MC_Button_secondaryOutline.MC_Style_Blue_2.MC_Glyph_Link_B:after,
.MC_Button_secondaryOutline.MC_Style_Blue_2.MC_Glyph_Link_B:hover:after,
.MC_Button_secondaryOutline.MC_Style_Blue_2:active:focus:after {
background-color: #a6c3f3
}
.MC_Button_secondaryOutline[aria-disabled=true] {
background-color: var(--mc-vanilla-grey-1) !important;
border-color: var(--mc-vanilla-grey-3) !important;
color: var(--mc-vanilla-grey-3) !important;
outline-offset: -2px !important
}
.MC_Button_secondaryOutline[aria-disabled=true]:focus {
border-color: var(--mc-default-focus) !important;
outline: 1px solid var(--mc-core-white) !important;
outline-offset: 0 !important
}
.MC_Button_secondaryOutline[aria-disabled=true]:active,
.MC_Button_secondaryOutline[aria-disabled=true]:hover {
cursor: auto !important
}
.MC_Button_secondaryOutline.MC_Glyph_Icon_A[aria-disabled=true] {
background-color: transparent !important;
border-color: var(--mc-core-grey-4);
color: #aba09c
}
@media (forced-colors:active) {
.MC_Button_secondaryOutline.MC_Glyph_Icon_A:hover:after,
.MC_Button_secondaryOutline.MC_Glyph_Link_A:hover:after {
filter: invert(0)
}
}
.MC_videoPlay {
aspect-ratio: 1/1;
background-color: var(--mc-vanilla-green-5);
border: 2px solid var(--mc-vanilla-grey-6);
box-shadow: 0 4px 0 rgba(0, 0, 0, .25), inset 0 -6px 0 var(--mc-vanilla-green-6), inset 0 6px 0 var(--mc-vanilla-green-4);
max-width: 56px;
min-width: 40px;
position: relative;
width: 100%;
z-index: 1
}
.MC_videoPlay:after {
aspect-ratio: 6/11;
background-color: var(--mc-core-white);
clip-path: polygon(0 0, 0 100%, 16.67% 100%, 16.67% 90.91%, 33.33% 90.91%, 33.33% 81.82%, 50% 81.82%, 50% 72.73%, 66.67% 72.73%, 66.67% 63.64%, 83.33% 63.64%, 83.33% 54.55%, 100% 54.55%, 100% 45.45%, 83.33% 45.45%, 83.33% 36.36%, 66.67% 36.36%, 66.67% 27.27%, 50% 27.27%, 50% 18.18%, 33.33% 18.18%, 33.33% 9.09%, 16.67% 9.09%, 16.67% 0);
content: "";
left: 50%;
margin-left: .429%;
max-width: 18px;
min-width: 12px;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 4.29%;
z-index: 2
}
.MC_Theme_Legends .MC_videoPlay {
background-color: var(--mc-legends-light-blue-5);
box-shadow: 0 4px 0 rgba(0, 0, 0, .25), inset 0 -6px 0 var(--mc-legends-light-blue-6), inset 0 6px 0 var(--mc-legends-light-blue-1)
}
.MC_Theme_Legends .MC_videoPlay:after {
background-color: var(--mc-legends-ultra-dark-blue)
}
.MC_Theme_Dungeons .MC_videoPlay {
background-color: var(--mc-dungeons-orange-4);
box-shadow: 0 4px 0 rgba(0, 0, 0, .25), inset 0 -6px 0 var(--mc-dungeons-orange-5), inset 0 6px 0 var(--mc-dungeons-orange-2)
}
.MC_Theme_Dungeons .MC_videoPlay:after {
background-color: var(--mc-dungeons-mulberry-3)
}
.MC_Theme_Dungeons2 .MC_videoPlay {
background-color: var(--mc-dungeons-orange-4);
box-shadow: 0 4px 0 rgba(0, 0, 0, .25), inset 0 -6px 0 var(--mc-dungeons-orange-5), inset 0 6px 0 var(--mc-dungeons-orange-2)
}
.MC_Theme_Dungeons2 .MC_videoPlay:after {
background-color: var(--mc-dungeons-mulberry-3)
}
@media screen and (max-width:768px) {
.MC_videoPlay {
width: 40px
}
}
@media (forced-colors:active) {
.MC_videoPlay:after {
filter: invert(1)
}
}
.MC_cardJ_vw1.MC_cardJ_cardClickable .MC_cardJ_tile {
cursor: pointer
}
.MC_cardJ_vw1.MC_cardJ_cardClickable .MC_cardJ_tile:hover .MC_cardJ_header {
text-decoration: underline
}
.MC_cardJ_vw1 .MC_cardJ_tile {
max-width: 312px;
min-width: 280px;
width: 100%
}
.MC_cardJ_vw1 .MC_cardJ_article {
background-color: var(--mc-core-grey-5);
border: 0;
display: block;
display: flex;
flex-direction: column;
margin-top: 2px;
padding: 16px;
position: relative;
text-decoration: none !important
}
.MC_cardJ_vw1 .MC_cardJ_article picture {
align-items: start;
aspect-ratio: 16/9;
display: inline-flex;
justify-content: center;
position: relative;
width: 100%;
z-index: 0
}
.MC_cardJ_vw1 .MC_cardJ_article picture img {
aspect-ratio: auto;
display: block;
max-width: 280px;
position: relative;
width: 100%
}
.MC_cardJ_vw1 .MC_cardJ_badging {
display: flex;
justify-content: space-between
}
.MC_cardJ_vw1 .MC_cardJ_badge,
.MC_cardJ_vw1 .MC_cardJ_category {
background-color: var(--mc-core-grey-2);
font-family: var(--mc-legends-fontlist);
font-size: .875rem;
letter-spacing: .56px;
line-height: 16px;
margin: 0;
text-transform: uppercase
}
.MC_cardJ_vw1 .MC_cardJ_category {
color: var(--mc-core-off-black);
display: inline-block;
margin-top: 16px;
padding: 4px
}
.MC_cardJ_vw1 .MC_cardJ_badge {
color: var(--mc-core-rich-black);
height: 24px;
padding: 4px 4px 3px;
position: absolute;
right: 0;
top: 16px
}
.MC_cardJ_vw1 .MC_cardJ_marketplaceTile .MC_cardJ_badge,
.MC_cardJ_vw1 .MC_cardJ_marketplaceTile .MC_cardJ_category {
background-color: var(--mc-marketplace-gold-3)
}
.MC_cardJ_body {
flex-wrap: wrap;
height: 100%;
justify-content: end;
word-wrap: break-word;
display: flex;
flex-direction: column;
gap: 16px
}
.MC_cardJ_header_container {
justify-content: space-between
}
.MC_cardJ_header {
color: var(--mc-core-white);
display: block;
text-decoration: none
}
.MC_cardJ_header [class*=MC_Heading] {
font-weight: 700
}
.MC_cardJ_header:hover {
text-decoration: underline
}
.MC_cardJ_type_author {
align-items: center;
display: flex;
gap: 8px
}
.MC_cardJ_type_author .MC_pillA {
flex: 0 0 auto;
max-width: 75%
}
.MC_cardJ_author {
color: var(--mc-core-grey-2);
font-size: .875rem;
overflow: hidden;
padding-right: 16px;
text-overflow: ellipsis;
white-space: nowrap
}
.MC_cardJ_rating_price {
align-items: center;
display: flex;
justify-content: space-between;
margin-top: auto
}
.MC_cardJ_rating {
align-items: center;
color: var(--mc-core-white);
display: flex;
font-size: .875rem;
font-weight: 400;
gap: 4px;
line-height: 1.25rem
}
.MC_cardJ_rating:before {
background-image: var(--mc-environment-marketplace_rating_svg-22x24);
content: "";
height: 24px;
position: relative;
top: -2px;
width: 22px
}
.MC_cardJ_minecoin {
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 4px
}
.MC_cardJ_minecoin_retailprice {
color: var(--mc-core-grey-3);
font-size: 1.125rem;
font-style: normal;
font-weight: 400;
letter-spacing: -.27px;
line-height: normal;
text-decoration: line-through
}
.MC_cardJ_minecoin_listprice {
color: var(--mc-marketplace-gold-3);
font-family: var(--mc-vanilla-fontlist);
font-size: 1.25rem;
font-style: normal;
font-weight: 400;
line-height: 24px;
text-align: right;
text-shadow: 1px 1px 0 #000
}
.MC_cardJ_productInfo {
display: flex;
flex-direction: column;
gap: 16px
}
.MC_cardJ_heading {
margin: 0
}
@media (forced-colors:active) {
.MC_cardJ_article {
outline: 1px solid
}
}
.MC_cardK {
display: flex;
flex-direction: column;
gap: 20px
}
.MC_cardK_tile {
--background-color: var(--background-color);
--border-color: var(--border-color);
--heading-color: var(--heading-color);
--font-color: var(--font-color);
background-color: var(--background-color, var(--mc-core-grey-5));
border: 2px solid var(--border-color, var(--mc-core-rich-black));
padding: 16px
}
.MC_cardK_tile:first-child {
margin-top: 20px
}
.MC_cardK_tile li,
.MC_cardK_tile p {
word-break: break-word
}
.MC_cardK_tile .MC_cardK_tile_header {
display: flex;
gap: 16px;
justify-content: space-between
}
.MC_cardK_tile .MC_cardK_tile_header p {
color: var(--font-color, var(--mc-theme-primary-color, var(--mc-core-rich-black)))
}
.MC_cardK_tile .MC_Heading {
word-break: break-word
}
.MC_cardK_tile .MC_Heading:not(:has(span)) {
color: var(--font-color, var(--mc-theme-primary-color, var(--mc-core-rich-black)));
font-family: var(--mc-default--fontlist);
font-size: 1.125rem;
font-style: normal;
font-weight: 600;
letter-spacing: 1px;
line-height: 24px;
text-transform: uppercase !important
}
.MC_cardK_tile .MC_Heading:has(span) {
font-size: 1.25rem;
font-style: normal;
font-weight: 400;
line-height: 27px
}
.MC_cardK_tile [class*=MC_Heading] span {
color: var(--heading-color)
}
.MC_cardK_tile .MC_cardK_tile_description {
margin-top: 4px
}
.MC_cardK_tile .MC_cardK_tile_description p,
.MC_cardK_tile .MC_cardK_tile_list {
color: var(--font-color, var(--mc-theme-primary-color, var(--mc-core-rich-black)))
}
.MC_cardK_tile .MC_cardK_tile_list {
margin-top: 16px
}
.MC_dividerA {
--grid-size: 1440px;
background-color: transparent;
border: 0;
margin: 4rem auto 0;
max-width: var(--grid-size);
width: 100%
}
@media screen and (max-width:1496px) {
.MC_dividerA {
padding-left: 28px;
padding-right: 28px;
width: calc(100% - 56px)
}
}
.MC_dividerA:after,
.MC_dividerA:before {
content: "";
display: block;
height: 1px;
width: 100%
}
.MC_dividerA:before {
background-color: var(--mc-core-rich-black)
}
.MC_dividerA:after {
background-color: var(--mc-core-grey-5)
}
.MC_DropdownA {
background-color: inherit;
border: 1px solid transparent;
margin: auto;
position: relative;
z-index: 2
}
.MC_DropdownA .MC_Dropdown_toggle-button {
align-items: center;
background-color: transparent;
border: 1px solid transparent;
color: var(--font-color, var(--mc-core-green-2));
display: flex;
font-family: var(--mc-default--fontlist);
font-size: .875rem;
font-weight: 700;
gap: 16px;
justify-content: space-between;
letter-spacing: .42px;
min-width: 135px;
padding: 9px 12px;
text-transform: uppercase;
width: 100%
}
.MC_DropdownA .MC_Dropdown_dropdown-item:hover {
cursor: pointer
}
.MC_DropdownA .MC_Dropdown_dropdown-item:focus,
.MC_DropdownA .MC_Dropdown_dropdown-item:hover,
.MC_DropdownA .MC_Dropdown_toggle-button:focus,
.MC_DropdownA .MC_Dropdown_toggle-button:hover {
background-color: var(--mc-core-grey-6)
}
.MC_DropdownA .MC_Dropdown_dropdown-item:focus,
.MC_DropdownA .MC_Dropdown_toggle-button:focus {
border: 1px solid var(--mc-core-white);
outline: 2px solid var(--mc-default-focus) !important;
outline-offset: 0
}
.MC_DropdownA .MC_Dropdown_dropdown-item:focus-visible,
.MC_DropdownA .MC_Dropdown_option_current {
box-shadow: 0 0 0 1px var(--mc-core-white);
outline: 2px solid var(--mc-default-focus);
outline-offset: -2px
}
.MC_DropdownA .MC_Dropdown_toggle-button:after {
background-color: var(--mc-core-white);
clip-path: var(--mc-environment-arrow__down_clip-path);
content: "";
display: block;
height: 14px;
transform: var(--mc-environment-arrow__down_scale);
width: 14px
}
.MC_DropdownA .MC_Dropdown_toggle-button:has(.MC_Dropdown_icon) {
gap: 12px
}
.MC_DropdownA .MC_Dropdown_toggle-button:has(.MC_Dropdown_icon):after {
margin-left: 4px
}
.MC_DropdownA .MC_Dropdown_menu {
background-color: inherit;
background-color: var(--mc-core-off-black);
height: 0;
left: -1px;
list-style-type: none;
margin: 0 !important;
padding: 0;
position: absolute;
top: 102%;
visibility: hidden;
width: calc(100% + 2px)
}
.MC_DropdownA .MC_Dropdown_menu li {
padding: 1px 0;
width: 100%
}
.MC_DropdownA .MC_Dropdown_dropdown-item {
align-items: center;
background-color: inherit;
border: 1px solid transparent;
color: var(--mc-core-white);
display: flex;
flex-wrap: nowrap;
font-family: var(--mc-default--fontlist);
font-size: .875rem;
font-weight: 700;
gap: 8px;
justify-content: space-between;
letter-spacing: .42px;
padding: 14px 16px;
text-align: left;
text-transform: uppercase;
width: 100%
}
.MC_DropdownA .MC_Dropdown_icon {
display: inline-block
}
.MC_DropdownA .MC_Dropdown_icon:before {
content: "";
display: block
}
.MC_DropdownA.MC_Dropdown:has([aria-expanded=true]) .MC_Dropdown_menu {
border: 1px solid var(--mc-core-green-2);
border-top: 0;
height: auto;
visibility: visible
}
.MC_DropdownA.MC_Dropdown:has([aria-expanded=true]) .MC_Dropdown_toggle-button:after {
transform: rotate(180deg) var(--mc-environment-arrow__down_scale)
}
.MC_DropdownA.MC_Dropdown:has([aria-expanded=true]) .MC_Dropdown_toggle-button {
outline: 1px solid var(--mc-core-green-2)
}
.MC_DropdownA .MC_Dropdown_dropdown-option {
margin-bottom: 1px
}
.MC_DropdownA .MC_Dropdown_dropdown-option:last-child {
margin-bottom: 0
}
.MC_DropdownA .MC_Dropdown_dropdown-item[aria-selected=true],
.MC_DropdownA .MC_Dropdown_dropdown-option[aria-selected=true] {
background-color: var(--mc-core-grey-6)
}
.MC_DropdownA .MC_Dropdown_dropdown-item[aria-selected=true]:after,
.MC_DropdownA .MC_Dropdown_dropdown-option[aria-selected=true] .MC_Dropdown_dropdown-item:after {
background-color: var(--mc-core-green-1);
background-repeat: no-repeat;
content: "";
display: inline-block;
flex-shrink: 0;
height: 12px;
mask-image: var(--mc-environment-checkmark_icon_svg-16x12);
width: 16px
}
@media (forced-colors:active) {
.MC_DropdownA .MC_Dropdown_dropdown-item[aria-selected=true]:after,
.MC_DropdownA .MC_Dropdown_dropdown-option[aria-selected=true] .MC_Dropdown_dropdown-item:after {
filter: invert(1)
}
}
@media (forced-colors:active) and (prefers-color-scheme:dark) {
.MC_DropdownA .MC_Dropdown_dropdown-item[aria-selected=true],
.MC_DropdownA .MC_Dropdown_dropdown-option[aria-selected=true],
.MC_DropdownA .MC_Dropdown_toggle-button:after {
background-color: currentColor;
filter: invert(1)
}
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
.MC_DropdownA .MC_Dropdown_dropdown-item[aria-selected=true],
.MC_DropdownA .MC_Dropdown_dropdown-option[aria-selected=true],
.MC_DropdownA .MC_Dropdown_toggle-button:after {
filter: invert(1)
}
}
.MC_DropdownB {
background-color: inherit;
margin: auto;
position: relative;
z-index: 2
}
.MC_DropdownB.MC_Dropdown {
margin: 0;
max-width: 776px
}
.MC_DropdownB .MC_Dropdown_selectLabel {
color: var(--mc-core-grey-1);
font-weight: 700;
letter-spacing: -.24px;
line-height: normal;
margin-bottom: 8px
}
.MC_DropdownB .MC_Dropdown_toggle-button {
align-items: center;
background-color: transparent;
background: var(--mc-core-grey-6);
border: 2px solid #898481;
box-shadow: inset 0 6px 0 0 rgba(0, 0, 0, .5);
color: var(--font-color, var(--mc-core-white));
display: flex;
font-family: var(--mc-default--fontlist);
font-size: 1rem;
font-weight: 400;
gap: 16px;
height: 48px;
justify-content: space-between;
letter-spacing: .16px;
min-width: 135px;
padding: 8px 8px 8px 12px;
width: 100%
}
.MC_DropdownB .MC_Dropdown_dropdown-item:hover,
.MC_DropdownB .MC_Dropdown_dropdown-option:hover {
cursor: pointer
}
.MC_DropdownB .MC_Dropdown_dropdown-item:focus,
.MC_DropdownB .MC_Dropdown_dropdown-item:hover,
.MC_DropdownB .MC_Dropdown_option_current .MC_Dropdown_dropdown-item {
background-color: #56514e
}
.MC_DropdownB .MC_Dropdown_toggle-button:focus {
border: 2px solid var(--mc-default-focus);
outline: 2px solid var(--mc-core-white) !important;
outline-offset: -4px
}
.MC_DropdownB .MC_Dropdown_dropdown-item:focus {
outline: 2px solid var(--mc-default-focus) !important;
outline-offset: -3px
}
.MC_DropdownB .MC_Dropdown_dropdown-item:focus-visible,
.MC_DropdownB .MC_Dropdown_option_current {
outline: 2px solid var(--mc-default-focus);
outline-offset: -2px
}
.MC_DropdownB .MC_Dropdown_dropdown-item:focus:before,
.MC_DropdownB .MC_Dropdown_option_current:before {
content: "";
display: block;
height: 100%;
left: 0;
outline: 2px solid var(--mc-core-white) !important;
outline-offset: -4px;
position: absolute;
top: 0;
width: 100%
}
.MC_DropdownB .MC_Dropdown_toggle-button:after {
background-image: var(--mc-environment-select-downarrow_svg-24x24);
content: "";
display: block;
height: 24px;
width: 24px
}
.MC_DropdownB .MC_Dropdown_toggle-button:has(.MC_Dropdown_icon) {
gap: 12px
}
.MC_DropdownB .MC_Dropdown_toggle-button:has(.MC_Dropdown_icon):after {
margin-left: 4px
}
.MC_DropdownB .MC_Dropdown_menu {
background-color: inherit;
background-color: var(--mc-core-off-black);
height: 0;
left: -1px;
list-style-type: none;
margin: 0 !important;
padding: 1px 0;
visibility: hidden;
width: 100%
}
.MC_DropdownB .MC_scrollbar_scrollable .MC_Dropdown_menu {
width: 100%
}
.MC_DropdownB .MC_Dropdown_menu li {
margin: 0;
padding: 0;
width: 100%
}
.MC_DropdownB .MC_Dropdown_dropdown-item {
align-items: center;
align-self: stretch;
background-color: inherit;
background: var(--mc-core-grey-4);
border: 0;
border-bottom: 2px solid var(--mc-core-off-black);
border-left: 2px solid var(--mc-core-off-black);
border-right: 0;
box-shadow: inset -2px 2px 0 0 #817c7a;
color: var(--mc-core-white);
display: flex;
flex-wrap: nowrap;
font-family: var(--mc-default--fontlist);
font-size: 1rem;
gap: 6px;
justify-content: space-between;
letter-spacing: .16px;
min-height: 48px;
padding: 0 8px 0 12px;
text-align: left;
text-transform: uppercase;
width: 100%
}
.MC_DropdownB .MC_Dropdown_icon {
display: inline-block
}
.MC_DropdownB .MC_Dropdown_icon:before {
content: "";
display: block
}
.MC_DropdownB .MC_Dropdown_scrollWrapper {
background-color: var(--mc-core-off-black);
display: none
}
.MC_DropdownB:has([aria-expanded=true]) .MC_Dropdown_scrollWrapper {
display: block
}
.MC_DropdownB:has([aria-expanded=true]) .MC_Dropdown_menu {
border-top: 0;
height: auto;
top: 40px;
visibility: visible
}
.MC_DropdownB .MC_scrollbar_content {
overflow-x: hidden
}
.MC_DropdownB:has([aria-expanded=true]) .MC_Dropdown_toggle-button:after {
transform: rotate(180deg)
}
.MC_DropdownB .MC_Dropdown_dropdown-option {
position: relative
}
.MC_DropdownB .MC_Dropdown_dropdown-item[aria-selected=true],
.MC_DropdownB .MC_Dropdown_dropdown-option[aria-selected=true] {
background-color: var(--mc-core-grey-6)
}
.MC_DropdownB .MC_Dropdown_dropdown-item[aria-selected=true]:after,
.MC_DropdownB .MC_Dropdown_dropdown-option[aria-selected=true] .MC_Dropdown_dropdown-item:after {
background-color: var(--mc-core-green-1);
background-repeat: no-repeat;
content: "";
display: inline-block;
flex-shrink: 0;
height: 12px;
mask-image: var(--mc-environment-checkmark_icon_svg-16x12);
width: 16px
}
.MC_DropdownB .MC_scrollbar {
height: auto
}
.MC_DropdownB .MC_scrollbar_content {
padding-left: 0
}
.MC_DropdownB .MC_scrollbar_content_wrapper {
height: 146px !important
}
.MC_DropdownB .MC_Dropdown_scrollWrapper {
bottom: auto;
position: absolute;
width: 100%
}
.MC_DropdownB .MC_scrollbar_scrollbar {
display: none;
height: 143px !important;
right: 2px;
top: 1px !important
}
.MC_DropdownB .MC_scrollbar_content:not(.MC_scrollbar_scrollable) {
margin-right: 0
}
.MC_DropdownB .MC_scrollbar_content_wrapper:has(.MC_scrollbar_scrollable)+.MC_scrollbar_scrollbar {
display: block
}
.MC_DropdownB .MC_scrollbar_content_wrapper {
margin-right: 0
}
.MC_DropdownB .MC_scrollbar_content_wrapper:has(.MC_scrollbar_scrollable) {
margin-right: 9px
}
@media (forced-colors:active) {
.MC_DropdownB .MC_Dropdown_dropdown-item[aria-selected=true]:after,
.MC_DropdownB .MC_Dropdown_dropdown-option[aria-selected=true] .MC_Dropdown_dropdown-item:after {
filter: invert(1)
}
}
@media (forced-colors:active) and (prefers-color-scheme:dark) {
.MC_DropdownB .MC_Dropdown_dropdown-item[aria-selected=true],
.MC_DropdownB .MC_Dropdown_dropdown-option[aria-selected=true],
.MC_DropdownB .MC_Dropdown_toggle-button:after {
background-color: currentColor;
filter: invert(1)
}
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
.MC_DropdownB .MC_Dropdown_dropdown-item[aria-selected=true],
.MC_DropdownB .MC_Dropdown_dropdown-option[aria-selected=true],
.MC_DropdownB .MC_Dropdown_toggle-button:after {
filter: invert(1)
}
}
.MC_filterCheckboxA {
margin-left: 2px
}
.MC_filterCheckboxA .MC_CheckboxA_item {
align-items: center;
display: flex;
gap: 12px
}
.MC_filterCheckboxA_star-container {
align-items: center;
display: flex;
flex-direction: row;
gap: 3px;
min-width: 97px
}
.MC_filterCheckboxA_star--filled {
background-image: var(--mc-environment-star_full_icon_svg-22x24)
}
.MC_filterCheckboxA_star--empty {
background-image: var(--mc-environment-star_empty_icon_svg-22x24)
}
.MC_filterCheckboxA [class*=MC_filterCheckboxA_star--] {
background-position: 50%;
background-repeat: no-repeat;
display: block;
height: 24px;
width: 22px
}
.MC_filterCheckboxA .MC_filterCheckboxA_result--count {
color: var(--mc-core-grey-3);
display: inline-flex;
font-family: var(--mc-legends-fontlist);
font-size: 1rem;
line-height: normal;
margin-left: 12px
}
.MC_filterCheckboxA_rating--text {
color: var(--mc-core-white);
display: inline-flex;
font-size: 18px;
font-weight: 500;
line-height: 16px;
min-width: 11px
}
.MC_filterCheckboxA .MC_filterCheckbox_input {
margin-right: 3px;
top: 1px
}
.MC_filterCheckboxB {
background-color: inherit;
color: var(--mc-core-white);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 8px;
list-style-type: none;
margin: 4px auto 0 !important;
padding-left: 2px
}
.MC_filterCheckboxB_item {
color: var(--mc-core-white);
position: relative
}
.MC_filterCheckboxB_label {
align-items: center;
background-color: inherit;
color: inherit;
cursor: pointer;
display: flex;
flex-direction: row;
font-size: 14px;
font-weight: 400;
gap: 8px;
line-height: 1.1rem;
outline: 1px solid var(--mc-core-grey-4);
padding: 10px 16px;
position: relative;
user-select: none;
z-index: 2
}
.MC_filterCheckboxB_label:not([checked]):hover {
outline-color: var(--mc-core-grey-3)
}
.MC_filterCheckboxB_item .MC_filterCheckboxB_input:focus-visible+label {
box-shadow: 0 0 0 3px var(--mc-core-white);
outline: 2px solid var(--mc-default-focus)
}
.MC_filterCheckboxB.MC_filterCheckboxB_without-close-icon .MC_filterCheckboxB_label:after {
clip-path: none;
display: none
}
.MC_filterCheckboxB_item input[type=checkbox] {
opacity: 0;
position: absolute;
z-index: -1
}
.MC_filterCheckboxB:not(.MC_filterCheckboxB_without-close-icon) .MC_filterCheckboxB_item:has(input[type=checkbox][checked]) .MC_filterCheckboxB_label {
padding: 10px 8px 10px 6px
}
.MC_filterCheckboxB_item:has(input[type=checkbox][checked]) .MC_filterCheckboxB_label {
outline-color: var(--mc-core-green-2)
}
.MC_filterCheckboxB_item:has(input[type=checkbox][checked]) .MC_filterCheckboxB_label:after {
background-color: var(--mc-core-white);
clip-path: var(--mc-environment-close_icon_clip-path);
content: "";
display: block;
height: 10px;
width: 10px
}
.MC_filterCheckboxB_item:has(input[type=checkbox][checked]) .MC_filterCheckboxB_label:hover:after {
background-color: var(--mc-core-green-1)
}
@media(forced-colors:active) {
.MC_filterCheckboxB_item .MC_filterCheckboxB_input:focus-visible+label {
outline: 3px solid
}
}
@media(forced-colors:active) and (prefers-color-scheme:dark) {
.MC_filterCheckboxB_item:has(input[type=checkbox][checked]) .MC_filterCheckboxB_label:after {
background-color: currentColor;
filter: invert(1)
}
}
@media(forced-colors:active) and (prefers-color-scheme:light) {
.MC_filterCheckboxB_item:has(input[type=checkbox][checked]) .MC_filterCheckboxB_label:after {
filter: invert(1)
}
}
.MC_filterTagA {
background-color: inherit;
color: var(--mc-core-white);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 8px;
list-style-type: none;
margin: 4px auto 0 !important;
padding-left: 2px
}
.MC_filterTagA li {
position: relative;
transition: opacity .5s ease
}
.MC_filterTagA_fade {
opacity: 0
}
.MC_filterTagA_item {
align-items: center;
background-color: var(--mc-core-off-black);
border: 0;
color: var(--mc-core-white);
cursor: pointer;
display: flex;
flex-direction: row;
font-size: .875rem;
font-weight: 400;
gap: 8px;
line-height: 20px;
min-height: 40px;
outline: 1px solid var(--mc-vanilla-green-2);
padding: 10px 16px;
position: relative;
user-select: none;
z-index: 2
}
.MC_filterTagA_item:focus,
.MC_filterTagA_item:hover {
padding-left: 6px;
padding-right: 8px
}
.MC_filterTagA_item:focus:after,
.MC_filterTagA_item:hover:after {
background-image: var(--mc-environment-filterBlockCRemove_svg-10x10);
content: "";
display: block;
height: 10px;
width: 10px
}
.MC_filterTagA_item:focus {
box-shadow: 0 0 0 3px var(--mc-core-white);
outline: 2px solid var(--mc-default-focus)
}
.MC_filterTagA_item:has(.MC_filterTagA_item_priceRange) {
padding-bottom: 8px;
padding-top: 8px
}
.MC_filterTagA_item_priceRange {
display: flex;
gap: 8px
}
.MC_filterTagA_item_price {
align-items: center;
display: flex;
gap: 6px
}
.MC_filterTagA_item_rating {
margin-top: -1px
}
.MC_filterTagA_item_rating .MC_starRatingA_list {
min-width: auto
}
.MC_filterTagA_item_rating .MC_starRatingA_empty,
.MC_filterTagA_item_rating .MC_starRatingA_empty_light,
.MC_filterTagA_item_rating .MC_starRatingA_filled,
.MC_filterTagA_item_rating [class*=".MC_starRatingA_partial"] {
background-size: contain;
height: 16px !important;
width: 14px !important
}
.MC_filterTagA_item[data-ratingRef*="4"] .MC_starRatingA_list:after {
content: "+";
display: block;
height: 18px
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
.MC_filterTagA_item:focus:after,
.MC_filterTagA_item:hover:after {
filter: invert(1)
}
}
.MC_CheckboxA ul {
display: flex;
flex-direction: column;
gap: 16px;
list-style-type: none;
margin: 0;
padding: 0
}
.MC_CheckboxA_item {
align-items: center;
display: flex;
flex-direction: row
}
.MC_CheckboxA_label {
align-items: center;
cursor: pointer;
display: flex;
gap: 6px;
position: relative
}
.MC_CheckboxA_input {
appearance: none;
border: 1px solid var(--mc-core-grey-2);
cursor: pointer;
flex-shrink: 0;
height: 24px;
padding: 6px 4px !important;
position: relative;
width: 24px
}
.MC_CheckboxA_input:hover {
background-color: var(--mc-core-rich-black)
}
.MC_CheckboxA_input:focus {
border: 2px solid var(--mc-default-focus) !important;
outline: 1px solid var(--mc-core-white);
outline-offset: 0
}
.MC_CheckboxA_input:checked {
border-color: var(--mc-core-green-2)
}
.MC_CheckboxA_input:checked:before {
background-image: var(--mc-environment-checkmark_icon_svg-16x12);
content: "";
display: inline-block;
height: 12px;
position: absolute;
width: 16px
}
.MC_CheckboxA_filter-label {
align-items: center;
display: flex;
gap: 6px
}
.MC_CheckboxA_input.MC_Style_Green_4 {
align-items: center;
background: var(--mc-core-green-4);
border: 2px solid var(--mc-core-grey-6);
box-shadow: inset -4px -4px 0 0 hsla(0, 0%, 100%, .1), inset 4px 4px 0 0 hsla(0, 0%, 100%, .2);
display: flex;
justify-content: center
}
@media (forced-colors:active) and (prefers-color-scheme:dark) {
.MC_CheckboxA_input:checked:before {
background-color: currentColor;
filter: invert(1)
}
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
.MC_CheckboxA_input:checked:before {
filter: invert(1)
}
}
.MC_FilterBlockA {
background-color: inherit;
color: var(--mc-core-white);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 8px;
list-style-type: none;
margin: 4px auto 0 !important;
padding-left: 2px
}
.MC_FilterBlockA_block-item {
color: var(--mc-core-white);
position: relative
}
.MC_FilterBlockA_filter-label {
align-items: center;
background-color: inherit;
color: inherit;
cursor: pointer;
display: flex;
flex-direction: row;
font-size: 14px;
font-weight: 400;
gap: 8px;
line-height: 1.1rem;
outline: 1px solid var(--mc-core-grey-4);
padding: 10px 16px;
position: relative;
user-select: none;
z-index: 2
}
.MC_FilterBlockA_filter-label:not([checked]):hover {
outline-color: var(--mc-core-grey-3)
}
.MC_FilterBlockA_block-item .MC_FilterBlockA_checkbox-input:focus-visible+label {
box-shadow: 0 0 0 3px var(--mc-core-white);
outline: 2px solid var(--mc-default-focus)
}
.MC_FilterBlockA.MC_FilterBlockA_without-close-icon .MC_FilterBlockA_filter-label:after {
clip-path: none;
display: none
}
.MC_FilterBlockA_block-item input[type=checkbox] {
opacity: 0;
position: absolute;
z-index: -1
}
.MC_FilterBlockA:not(.MC_FilterBlockA_without-close-icon) .MC_FilterBlockA_block-item:has(input[type=checkbox][checked]) .MC_FilterBlockA_filter-label {
padding: 10px 8px 10px 6px
}
.MC_FilterBlockA_block-item:has(input[type=checkbox][checked]) .MC_FilterBlockA_filter-label {
outline-color: var(--mc-core-green-2)
}
.MC_FilterBlockA_block-item:has(input[type=checkbox][checked]) .MC_FilterBlockA_filter-label:after {
background-color: var(--mc-core-white);
clip-path: var(--mc-environment-close_icon_clip-path);
content: "";
display: block;
height: 10px;
width: 10px
}
.MC_FilterBlockA_block-item:has(input[type=checkbox][checked]) .MC_FilterBlockA_filter-label:hover:after {
background-color: var(--mc-core-green-1)
}
@media(forced-colors:active) {
.MC_FilterBlockA_block-item .MC_FilterBlockA_checkbox-input:focus-visible+label {
outline: 3px solid
}
}
@media(forced-colors:active) and (prefers-color-scheme:dark) {
.MC_FilterBlockA_block-item:has(input[type=checkbox][checked]) .MC_FilterBlockA_filter-label:after {
background-color: currentColor;
filter: invert(1)
}
}
@media(forced-colors:active) and (prefers-color-scheme:light) {
.MC_FilterBlockA_block-item:has(input[type=checkbox][checked]) .MC_FilterBlockA_filter-label:after {
filter: invert(1)
}
}
.MC_FilterBlockB {
margin-left: 2px
}
.MC_FilterBlockB .MC_CheckboxA_item {
align-items: center;
display: flex;
gap: 12px
}
.MC_FilterBlockB_star-container {
align-items: center;
display: flex;
flex-direction: row;
gap: 3px;
min-width: 97px
}
.MC_FilterBlockB_star--filled {
background-image: var(--mc-environment-star_full_icon_svg-22x24)
}
.MC_FilterBlockB_star--empty {
background-image: var(--mc-environment-star_empty_icon_svg-22x24)
}
.MC_FilterBlockB [class*=MC_FilterBlockB_star--] {
background-position: 50%;
background-repeat: no-repeat;
display: block;
height: 24px;
width: 22px
}
.MC_FilterBlockB .MC_FilterBlockB_result--count {
color: var(--mc-core-grey-3);
display: inline-flex;
font-family: var(--mc-legends-fontlist);
font-size: 1rem;
line-height: normal;
margin-left: 12px
}
.MC_FilterBlockB_rating--text {
color: var(--mc-core-white);
display: inline-flex;
font-size: 18px;
font-weight: 500;
line-height: 16px;
min-width: 11px
}
.MC_FilterBlockB .MC_FilterBlock_checkbox-input {
margin-right: 3px;
top: 1px
}
.MC_paginationB {
display: flex;
justify-content: center;
margin-top: 48px
}
.MC_paginationB_list {
color: var(--mc-core-white);
display: inline-flex;
gap: 16px;
list-style-type: none;
padding: 0
}
.MC_paginationB_list li {
height: 40px;
min-width: 40px
}
.MC_paginationB_currentPage,
.MC_paginationB_totalPages {
padding: 0 6px
}
.MC_paginationB_button,
.MC_paginationB_currentPage,
.MC_paginationB_text,
.MC_paginationB_totalPages {
align-items: center;
display: flex;
height: 100%;
justify-content: center;
position: relative;
width: 100%
}
.MC_paginationB_list .MC_paginationB_text {
min-width: unset;
width: 22px
}
.MC_paginationB_button:before {
background-color: var(--mc-core-white);
clip-path: var(--mc-environment-arrow__down_clip-path);
content: "";
display: inline-block;
flex-basis: 14px;
flex-grow: 0;
flex-shrink: 0;
height: 8px;
transform: rotate(90deg);
width: 14px
}
.MC_paginationB_button:focus {
box-shadow: 0 0 0 3px var(--mc-core-white);
outline: 2px solid var(--mc-default-focus);
outline-offset: 0
}
.MC_paginationB_button[aria-disabled=true] {
border-color: var(--mc-core-grey-2);
cursor: default
}
.MC_paginationB_button[aria-disabled=true]:before {
background-color: var(--mc-core-grey-2)
}
.MC_paginationB_button[data-direction=next]:before {
transform: rotate(-90deg)
}
.MC_paginationB_firstOptionSelected .MC_paginationB_currentPage,
.MC_paginationB_lastOptionSelected .MC_paginationB_totalPages {
border-color: var(--mc-core-grey-2)
}
.MC_paginationB_currentPage {
border: 1px solid var(--mc-core-green-2)
}
.MC_paginationB_totalPages {
border: 1px solid var(--mc-core-white)
}
@media (forced-colors:active) {
.MC_paginationB_button:before {
filter: invert(1)
}
.MC_paginationB_button:focus {
outline: 2px solid !important
}
.MC_paginationB_button[aria-disabled=true]:before {
opacity: .5
}
}
[data-mc-ref=mc_paginationC] {
padding-left: 60px;
padding-right: 60px
}
.MC_paginationC {
margin: 0 auto;
max-width: 1920px
}
.MC_paginationC_list {
gap: 16px;
list-style-type: none;
padding: 48px 0 4px
}
.MC_paginationC_list,
.MC_paginationC_list a {
align-items: center;
display: flex;
justify-content: center
}
.MC_paginationC_list a {
color: var(--mc-core-white) !important;
font-style: normal;
font-weight: 600;
gap: 8px;
letter-spacing: .48px;
line-height: normal;
min-height: 40px;
min-width: 40px;
padding: 8px;
text-decoration: none !important
}
.MC_paginationC_list .MC_paginationC_pageAction:not([aria-current=page]):hover {
text-decoration: underline !important
}
.MC_paginationC_list .MC_paginationC_pageAction:not([aria-current=page]) {
border: 1px solid var(--mc-core-grey-2)
}
.MC_paginationC_list [aria-current=page] {
border: 1px solid var(--mc-core-green-2);
text-decoration: underline !important
}
.MC_paginationC_list_label {
color: var(--mc-core-white)
}
.MC_paginationC_next:before,
.MC_paginationC_previous:before {
background-color: var(--mc-core-white);
clip-path: var(--mc-environment-arrow__down_clip-path);
content: "";
display: inline-block;
flex-basis: 14px;
flex-grow: 0;
flex-shrink: 0;
height: 8px;
transform: rotate(90deg);
width: 14px
}
.MC_paginationC_next:before {
transform: rotate(-90deg)
}
.MC_paginationC_previousNext[aria-disabled=true] {
cursor: default;
opacity: .4
}
@media screen and (max-width:767.98px) {
[data-mc-ref=mc_paginationC] {
padding-left: 24px;
padding-right: 24px
}
}
@media screen and (max-width:576px) {
[data-mc-ref=mc_paginationC] {
padding-left: 16px;
padding-right: 16px
}
.MC_paginationC_list:has(.MC_paginationC_list_totalCount:has([aria-current=page])) li:nth-child(2),
.MC_paginationC_list:has(.MC_paginationC_list_totalCount:has([aria-current=page])) li:nth-child(2)+li {
display: none
}
.MC_paginationC_list:not(.MC_paginationC_list_totalCount:has([aria-current=page])) li:nth-child(2),
.MC_paginationC_list:not(.MC_paginationC_list_totalCount:has([aria-current=page])) li:nth-child(3),
.MC_paginationC_list:not(.MC_paginationC_list_totalCount:has([aria-current=page])) li:nth-child(4),
.MC_paginationC_list:not(.MC_paginationC_list_totalCount:has([aria-current=page])) li:nth-child(5) {
display: none
}
.MC_paginationC_list:has(.MC_paginationC_list_totalCount [aria-current=page]) li:nth-child(4),
.MC_paginationC_list:has(.MC_paginationC_list_totalCount [aria-current=page]) li:nth-child(4)+li,
.MC_paginationC_list:has(li:nth-child(5) [aria-current=page]) li:nth-child(4),
.MC_paginationC_list:not(.MC_paginationC_list_totalCount:has([aria-current=page])) li:has([aria-current=page]),
.MC_paginationC_list:not(.MC_paginationC_list_totalCount:has([aria-current=page])) li:has([aria-current=page])+li {
display: list-item
}
.MC_paginationC_list li:has(.MC_paginationC_list_label) {
display: list-item
}
}
@media (forced-colors:active) {
.MC_paginationC_list [aria-current=page],
.MC_paginationC_next:before,
.MC_paginationC_previous:before {
filter: invert(1)
}
}
.MC_RadioGroupA {
display: flex;
flex-direction: column;
gap: 16px
}
.MC_RadioGroupA_label {
align-items: center;
color: var(--mc-core-white);
cursor: pointer;
display: flex;
flex-direction: row;
font-family: var(--mc-default--fontlist);
font-size: .875rem;
font-weight: 400;
gap: 16px;
position: relative
}
.MC_RadioGroupA_input {
-webkit-appearance: none;
appearance: none;
position: relative;
width: 24px
}
.MC_RadioGroupA_input:before {
background-color: var(--mc-core-grey-6);
border: 2px solid var(--mc-core-grey-2);
border-radius: 50%;
content: "";
display: block;
height: 24px;
width: 24px
}
.MC_RadioGroupA_input:checked:before {
border-color: var(--mc-core-green-2)
}
.MC_RadioGroupA_input:focus {
outline: 0
}
.MC_RadioGroupA_input:focus:before {
box-shadow: 0 0 0 3px var(--mc-core-white);
outline: 2px solid var(--mc-default-focus)
}
.MC_RadioGroupA_input:checked:after {
background-color: var(--mc-core-white);
clip-path: var(--mc-environment-external-notched_radio_button_clip-path);
content: "";
height: 12px;
left: 0;
position: absolute;
top: 6px;
transform: translateX(50%);
width: 12px
}
@media (forced-colors:active) {
.MC_RadioGroupA_input:focus:before {
opacity: .7;
outline: 2px solid var(--mc-core-white);
outline-offset: 0
}
}
@media (forced-colors:active) and (prefers-color-scheme:dark) {
.MC_RadioGroupA_input:checked:after {
background-color: currentColor;
filter: invert(1)
}
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
.MC_RadioGroupA_input:checked:after {
filter: invert(1)
}
}
.MC_rangeSliderA {
background-color: inherit;
padding-top: 10px
}
.MC_rangeSliderA-slider {
align-items: center;
display: flex;
flex-direction: column;
gap: 16px;
justify-content: center;
margin: 0 auto;
padding-left: 2px
}
.MC_rangeSliderA_slider--body {
background-color: var(--mc-core-grey-5);
height: 8px;
margin-left: 2px;
position: relative;
width: calc(100% - 8px)
}
.MC_rangeSliderA_slider--progress {
background-color: var(--mc-vanilla-green-4);
height: 8px;
left: 25%;
position: absolute;
right: 25%
}
.MC_rangeSliderA_slider--inputs {
position: relative
}
.MC_rangeSliderA_slider--body:has(.MC_rangeSliderA-input--max:focus-visible) .MC_rangeSliderA_range_thumb--max .MC_rangeSliderA_range_thumb,
.MC_rangeSliderA_slider--body:has(.MC_rangeSliderA-input--min:focus-visible) .MC_rangeSliderA_range_thumb--min .MC_rangeSliderA_range_thumb {
box-shadow: 0 0 0 2px var(--mc-core-white);
outline: 2px solid var(--mc-default-focus);
outline-offset: -1px
}
.MC_rangeSliderA_slider--input {
-webkit-appearance: none;
appearance: none;
background-color: transparent;
height: 5px;
left: 0;
pointer-events: none;
position: absolute;
top: 0;
width: 100%
}
.MC_rangeSliderA_slider--input:focus,
.MC_rangeSliderA_slider--input:focus-visible {
outline: 0
}
.MC_rangeSliderA_slider--input::-webkit-slider-thumb {
-webkit-appearance: none;
border: none;
cursor: pointer;
height: 20px;
pointer-events: all;
width: 20px
}
.MC_rangeSliderA_slider--input::-moz-range-thumb {
-webkit-appearance: none;
appearance: none;
border: none;
cursor: pointer;
height: 20px;
pointer-events: all;
width: 20px
}
.MC_rangeSliderA_thumb--without-icon .MC_rangeSliderA_range_thumb {
background-color: initial;
clip-path: none;
transform: none
}
.MC_rangeSliderA_slider--labels {
display: grid;
grid-template-columns: 1fr 1fr;
justify-content: space-between;
width: 100%
}
.MC_rangeSliderA_slider-label {
color: var(--mc-core-grey-3);
font-family: var(--mc-legends-fontlist);
font-size: .875rem;
line-height: 1.13rem
}
.MC_rangeSliderA_slider-label--column {
align-items: flex-start;
display: flex;
flex-direction: column;
gap: 8px
}
.MC_rangeSliderA_slider-label--column:first-child {
margin-left: -2px
}
.MC_rangeSliderA_slider-label--column:last-child {
align-items: flex-end;
text-align: right
}
.MC_rangeSliderA_slider-label-icon--wrapper {
align-items: center;
display: flex;
gap: 6px
}
.MC_rangeSliderA_slider-label-icon--wrapper img {
height: 22px;
width: 22px
}
.MC_rangeSliderA_label--without-icon .MC_rangeSliderA_slider-label-icon--wrapper img {
display: none
}
.MC_rangeSliderA_input-value--output {
color: inherit;
color: var(--mc-core-white);
font-size: .875rem
}
.MC_rangeSliderA_range_thumb {
background-color: var(--mc-vanilla-green-4);
background-image: url(/content/dam/minecraftnet/franchise/component-library/icons/CreeperHandle.svg);
height: inherit;
pointer-events: none;
transform: translateX(8%);
width: inherit
}
.MC_rangeSliderA_range_thumb--max .MC_rangeSliderA_range_thumb {
transform: translateX(-5px)
}
.MC_rangeSliderA_thumb_background {
display: flex;
height: 24px;
justify-content: center;
left: 50%;
pointer-events: none;
position: absolute;
top: -9px;
width: 24px
}
.MC_rangeSliderA_transform--left {
transform: translateX(-28%)
}
.MC_rangeSliderA_transform--right {
transform: translateX(12%)
}
.MC_rangeSliderA-input--min {
padding-right: .9rem
}
.MC_rangeSliderA-input--max {
padding-left: 1.2rem
}
@media (forced-colors:active) {
.MC_rangeSliderA_slider--body {
outline: 1px solid
}
.MC_rangeSliderA_slider--progress {
filter: invert(1)
}
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
.MC_rangeSliderA_slider--body:has(.MC_rangeSliderA-input--max:focus-visible) .MC_rangeSliderA_range_thumb--max .MC_rangeSliderA_range_thumb,
.MC_rangeSliderA_slider--body:has(.MC_rangeSliderA-input--min:focus-visible) .MC_rangeSliderA_range_thumb--min .MC_rangeSliderA_range_thumb {
outline: 3px solid
}
}
.MC_searchActionRowA {
align-items: center;
display: flex;
flex-direction: column;
flex-wrap: wrap;
gap: 12px;
margin: 0 auto;
max-width: 1920px;
min-height: 110px;
padding: 64px 0 0
}
@media screen and (max-width:1848px) {
.MC_searchActionRowA {
padding: 64px 24px 0
}
}
.MC_searchActionRowA_search-results {
align-self: flex-start;
display: flex;
flex-basis: fit-content;
gap: 16px;
margin-bottom: 0
}
.MC_searchActionRowA_search-results [class*=MC_Heading] {
font-size: 2.25rem;
letter-spacing: -.54px;
line-height: 36px;
word-break: break-word
}
.MC_searchActionRowA_heading_browse {
display: none
}
.MC_SiteSearch_noSearchTerm .MC_searchActionRowA_heading_browse {
display: inline-block
}
.MC_SiteSearch_noSearchTerm .MC_searchActionRowA [class*=MC_Heading] span:last-child,
.MC_SiteSearch_noSearchTerm .MC_searchActionRowA_heading_search {
display: none
}
.MC_searchActionRowA_search-results [class*=MC_Heading] span:last-child:after,
.MC_searchActionRowA_search-results [class*=MC_Heading] span:last-child:before {
display: inline-block
}
.MC_searchActionRowA_search-results [class*=MC_Heading] span:last-child:before {
content: open-quote
}
.MC_searchActionRowA_search-results [class*=MC_Heading] span:last-child:after {
content: close-quote
}
.MC_searchActionRowA_FiltersApplied .MC_searchActionRowA_filters-button {
color: var(--mc-core-green-2)
}
.MC_searchActionRowA_filter-count {
display: none
}
.MC_searchActionRowA_FiltersApplied .MC_searchActionRowA_filter-count {
color: var(--mc-core-grey-3);
display: inline-block;
font-family: var(--mc-legends-fontlist);
font-size: 1rem;
line-height: 1.1875rem;
quotes: "(" ")"
}
.MC_searchActionRowA_FiltersApplied .MC_searchActionRowA_filter-count:before {
content: open-quote
}
.MC_searchActionRowA_FiltersApplied .MC_searchActionRowA_filter-count:after {
content: close-quote
}
.MC_searchActionRowA_search-count {
align-items: center;
color: var(--mc-core-grey-3);
display: inline-flex;
font-family: var(--mc-legends-fontlist);
font-size: 1.25rem;
font-weight: 400
}
.MC_searchActionRowA_action-container {
align-items: center;
align-self: center;
display: flex;
flex-direction: row;
gap: 24px;
margin-left: auto
}
@media screen and (max-width:540px) {
.MC_searchActionRowA {
padding: 32px 12px 0
}
.MC_searchActionRowA_action-container {
flex-wrap: wrap;
gap: 12px;
margin-left: 0
}
}
.MC_searchActionRowA_sort-container {
align-items: center;
display: flex;
flex-direction: row
}
.MC_searchActionRowA_sort-container .MC_DropdownA {
min-width: 175px
}
.MC_searchActionRowA_sort-container .MC_DropdownA_toggle-button {
max-height: 40px
}
.MC_searchActionRowA_sortby-text {
color: var(--mc-core-grey-1);
display: none;
font-style: normal;
letter-spacing: .0225rem;
margin: 0;
padding-right: 10px
}
.MC_searchActionRowA_filters-button,
.MC_searchActionRowA_sortby-text {
font-family: var(--mc-default--fontlist);
font-size: .875rem;
font-weight: 700;
line-height: normal;
text-transform: uppercase
}
.MC_searchActionRowA_filters-button {
align-items: center;
background-color: transparent;
border: 1px solid transparent;
color: var(--mc-core-white);
display: flex;
flex-direction: row;
gap: 12px;
letter-spacing: .02625rem;
padding: 7px 16px
}
.MC_searchActionRowA_filters-button:hover {
background-color: var(--mc-core-grey-6)
}
.MC_searchActionRowA_filters-button:focus {
border: 1px solid var(--mc-core-white);
outline: 2px solid var(--mc-default-focus);
outline-offset: -3px
}
.MC_searchActionRowA_filters-button:after {
background: var(--mc-environment-filter_icon_svg-24x24);
content: "";
display: block;
height: 24px;
width: 24px
}
.MC_searchActionRowA_view-container .MC_DropdownA_toggle-button {
max-height: 40px
}
.MC_searchActionRowA_view-container .MC_DropdownA {
min-width: 170px
}
.MC_searchActionRowA_view-container .MC_DropdownA_icon:before {
background: var(--mc-environment-grid_icon_svg-24x24);
height: 24px;
width: 24px
}
@media screen and (min-width:768px) {
.MC_searchActionRowA {
flex-direction: row;
justify-content: space-between
}
.MC_searchActionRowA_sortby-text {
display: block
}
.MC_searchActionRowA_search-results {
align-self: auto
}
}
@media (forced-colors:active) {
.MC_searchActionRowA_filters-button {
border: 1px solid
}
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
.MC_searchActionRowA_filters-button:after {
filter: invert(1)
}
}
.MC_Effect_squareCorners {
background-color: var(--backgroundColor);
border: 2px solid var(--borderColor);
height: 4px;
left: 4px;
position: absolute;
width: calc(100% - 8px)
}
.MC_Effect_squareCorners:first-child {
border-bottom: 0;
top: -4px
}
.MC_Effect_squareCorners:after,
.MC_Effect_squareCorners:before {
content: "";
display: block;
height: 4px;
position: absolute;
width: 6px
}
.MC_Effect_squareCorners:first-child:before {
left: -6px;
top: 0
}
.MC_Effect_squareCorners:first-child:after {
right: -6px;
top: 0
}
.MC_Effect_squareCorners:first-child:after,
.MC_Effect_squareCorners:first-child:before {
border-bottom: 2px solid var(--borderColor)
}
.MC_Effect_squareCorners:last-child {
border-top: 0;
bottom: -4px
}
.MC_Effect_squareCorners:last-child:before {
bottom: 0;
left: -6px
}
.MC_Effect_squareCorners:last-child:after {
bottom: 0;
right: -6px
}
.MC_Effect_squareCorners:last-child:after,
.MC_Effect_squareCorners:last-child:before {
border-top: 2px solid var(--borderColor)
}
[class*=MC_Effect_TextHighlight] {
color: var(--mc-text-highlight-color, #7824c5) !important;
font-family: var(--mc-text-highlight-fontlist);
padding: .25rem !important
}
.MC_Effect_TextHighlightB {
background-color: #f1edec;
color: #7824c5 !important;
font-weight: 700
}
.MC_Effect_TextSmallA {
font-size: .825rem !important
}
.MC_Effect_textGradient {
background-clip: text !important;
color: transparent !important
}
.MC_Theme_Marketplace .MC_Effect_textGradient {
background: var(--mc-marketplace-gradient-gold)
}
.MC_Fade__bottom_left,
.MC_Fade__bottom_right,
.MC_Fade__top_left,
.MC_Fade__top_right {
position: relative
}
.MC_Fade__bottom_left>.MC_Fade,
.MC_Fade__bottom_right>.MC_Fade,
.MC_Fade__top_left>.MC_Fade,
.MC_Fade__top_right>.MC_Fade {
display: block
}
.MC_FadeA [class*=MC_Heading_] {
padding-bottom: 5px
}
.MC_Fade {
display: none;
left: 0;
position: absolute;
width: 100%
}
.MC_Fade__bottom_right>.MC_Fade {
transform: rotateY(180deg)
}
.MC_Fade__top_left>.MC_Fade {
transform: rotateX(180deg)
}
.MC_Fade__top_right>.MC_Fade {
transform: rotate(180deg)
}
.MC_Fade:before {
aspect-ratio: 1;
height: 100%;
width: 100%
}
.MC_Fade:after,
.MC_Fade:before {
content: " ";
display: block;
position: absolute
}
.MC_Fade:after {
right: 0;
top: 0
}
[class*=MC_Fade__Depth] {
z-index: 6
}
[class*=MC_Fade__Depth_]+[class*=MC_Fade__Depth_] {
z-index: 5
}
[class*=MC_Fade__Depth_]+[class*=MC_Fade__Depth_]+[class*=MC_Fade__Depth_] {
z-index: 4
}
[class*=MC_Fade__Depth_]+[class*=MC_Fade__Depth_]+[class*=MC_Fade__Depth_]+[class*=MC_Fade__Depth_] {
z-index: 3
}
[class*=MC_Fade__Depth_]+[class*=MC_Fade__Depth_]+[class*=MC_Fade__Depth_]+[class*=MC_Fade__Depth_]+[class*=MC_Fade__Depth_] {
z-index: 2
}
@media only screen and (min-width:0px) {
.MC_Fade {
height: 60px
}
.MC_Fade__offset_top {
padding-top: 60px
}
.MC_Fade__offset_bottom {
padding-bottom: 60px
}
[class*=MC_Fade__bottom_]>.MC_Fade {
bottom: -59px
}
[class*=MC_Fade__top_]>.MC_Fade {
top: -59px
}
.MC_Fade__Depth_3>.MC_Fade:before {
clip-path: polygon(0 20px, 0 0, 40px 0, 40px 20px, 60px 20px, 60px 40px, 40px 40px, 20px 40px, 20px 80px, 0 80px, 0 40px, 40px 40px, 40px 20px)
}
.MC_Fade__Depth_3>.MC_Fade:after {
height: 20px;
width: calc(100% - 60px)
}
.MC_Fade__Depth_4>.MC_Fade:before {
clip-path: polygon(0 20px, 0 0, 20px 0, 20px 20px, 40px 20px, 40px 0, 80px 0, 80px 40px, 60px 40px, 60px 20px, 40px 20px, 40px 40px, 20px 40px, 20px 60px, 0 60px, 0 40px, 20px 40px, 20px 20px)
}
.MC_Fade__Depth_4>.MC_Fade:after {
height: 20px;
width: calc(100% - 80px)
}
.MC_Fade__Depth_5>.MC_Fade:before {
background-color: #000;
clip-path: polygon(0 20px, 0 0, 40px 0, 40px 20px, 60px 20px, 60px 0, 80px 0, 80px 20px, 60px 20px, 60px 40px, 100px 40px, 100px 60px, 80px 60px, 80px 40px, 60px 40px, 40px 40px, 20px 40px, 20px 60px, 0 60px, 0 40px, 40px 40px, 40px 20px)
}
.MC_Fade__Depth_5>.MC_Fade:after {
height: 20px;
width: calc(100% - 80px)
}
.MC_Fade__Depth_6>.MC_Fade:before {
background-color: #000;
clip-path: polygon(0 20px, 0 0, 40px 0, 40px 20px, 60px 20px, 60px 0, 80px 0, 80px 20px, 60px 20px, 60px 40px, 100px 40px, 100px 60px, 80px 60px, 80px 40px, 60px 40px, 40px 40px, 20px 40px, 20px 60px, 0 60px, 0 40px, 40px 40px, 40px 20px)
}
.MC_Fade__Depth_6>.MC_Fade:after {
height: 20px;
width: calc(100% - 100px)
}
}
@media only screen and (min-width:321px) {
.MC_Fade {
height: 96px
}
.MC_Fade__offset_top {
padding-top: 96px
}
.MC_Fade__offset_bottom {
padding-bottom: 96px
}
[class*=MC_Fade__bottom_]>.MC_Fade {
bottom: -95px
}
[class*=MC_Fade__top_]>.MC_Fade {
top: -95px
}
.MC_Fade__Depth_3>.MC_Fade:before {
clip-path: polygon(0 32px, 0 0, 64px 0, 64px 32px, 96px 32px, 96px 64px, 64px 64px, 32px 64px, 32px 96px, 0 96px, 0 64px, 64px 64px, 64px 32px)
}
.MC_Fade__Depth_3>.MC_Fade:after {
height: 32px;
width: calc(100% - 96px)
}
.MC_Fade__Depth_4>.MC_Fade:before {
clip-path: polygon(0 32px, 0 0, 32px 0, 32px 32px, 64px 32px, 64px 0, 128px 0, 128px 64px, 96px 64px, 96px 32px, 64px 32px, 64px 64px, 32px 64px, 32px 96px, 0 96px, 0 64px, 32px 64px, 32px 32px)
}
.MC_Fade__Depth_4>.MC_Fade:after {
height: 32px;
width: calc(100% - 127px)
}
.MC_Fade__Depth_5>.MC_Fade:before {
background-color: #000;
clip-path: polygon(0 32px, 0 0, 64px 0, 64px 32px, 96px 32px, 96px 0, 128px 0, 128px 32px, 96px 32px, 96px 64px, 160px 64px, 160px 96px, 128px 96px, 128px 64px, 96px 64px, 64px 64px, 32px 64px, 32px 96px, 0 96px, 0 64px, 64px 64px, 64px 32px)
}
.MC_Fade__Depth_5>.MC_Fade:after {
height: 32px;
width: calc(100% - 127px)
}
.MC_Fade__Depth_6>.MC_Fade:before {
background-color: #000;
clip-path: polygon(0 32px, 0 0, 64px 0, 64px 32px, 96px 32px, 96px 0, 128px 0, 128px 32px, 96px 32px, 96px 64px, 160px 64px, 160px 96px, 128px 96px, 128px 64px, 96px 64px, 64px 64px, 32px 64px, 32px 96px, 0 96px, 0 64px, 64px 64px, 64px 32px)
}
.MC_Fade__Depth_6>.MC_Fade:after {
height: 32px;
width: calc(100% - 158.75px)
}
}
@media only screen and (min-width:769px) {
.MC_Fade {
height: 111px
}
.MC_Fade__offset_top {
padding-top: 110px
}
.MC_Fade__offset_bottom {
padding-bottom: 110px
}
[class*=MC_Fade__bottom_]>.MC_Fade {
bottom: -110px
}
[class*=MC_Fade__top_]>.MC_Fade {
top: -110px
}
.MC_Fade__Depth_3>.MC_Fade:before {
clip-path: polygon(0 37px, 0 0, 74px 0, 74px 37px, 111px 37px, 111px 74px, 74px 74px, 37px 74px, 37px 111px, 0 111px, 0 74px, 74px 74px, 74px 37px)
}
.MC_Fade__Depth_3>.MC_Fade:after {
height: 37px;
width: calc(100% - 111px)
}
.MC_Fade__Depth_4>.MC_Fade:before {
clip-path: polygon(0 37px, 0 0, 37px 0, 37px 37px, 74px 37px, 74px 0, 148px 0, 148px 74px, 111px 74px, 111px 37px, 74px 37px, 74px 74px, 37px 74px, 37px 111px, 0 111px, 0 74px, 37px 74px, 37px 37px)
}
.MC_Fade__Depth_4>.MC_Fade:after {
height: 37px;
width: calc(100% - 147px)
}
.MC_Fade__Depth_5>.MC_Fade:before {
background-color: #000;
clip-path: polygon(0 37px, 0 0, 74px 0, 74px 37px, 111px 37px, 111px 0, 148px 0, 148px 37px, 111px 37px, 111px 74px, 185px 74px, 185px 111px, 148px 111px, 148px 74px, 111px 74px, 74px 74px, 37px 74px, 37px 111px, 0 111px, 0 74px, 74px 74px, 74px 37px)
}
.MC_Fade__Depth_5>.MC_Fade:after {
height: 37px;
width: calc(100% - 147px)
}
.MC_Fade__Depth_6>.MC_Fade:before {
background-color: #000;
clip-path: polygon(0 37px, 0 0, 74px 0, 74px 37px, 111px 37px, 111px 0, 148px 0, 148px 37px, 111px 37px, 111px 74px, 185px 74px, 185px 111px, 148px 111px, 148px 74px, 111px 74px, 74px 74px, 37px 74px, 37px 111px, 0 111px, 0 74px, 74px 74px, 74px 37px)
}
.MC_Fade__Depth_6>.MC_Fade:after {
height: 37px;
width: calc(100% - 183.75px)
}
}
@media only screen and (min-width:1201px) {
.MC_Fade {
height: 180px
}
.MC_Fade__offset_top {
padding-top: 180px
}
.MC_Fade__offset_bottom {
padding-bottom: 180px
}
[class*=MC_Fade__bottom_]>.MC_Fade {
bottom: -179px
}
[class*=MC_Fade__top_]>.MC_Fade {
top: -179px
}
.MC_Fade__Depth_3>.MC_Fade:before {
clip-path: polygon(0 60px, 0 0, 120px 0, 120px 60px, 180px 60px, 180px 120px, 120px 120px, 60px 120px, 60px 180px, 0 180px, 0 120px, 120px 120px, 120px 60px)
}
.MC_Fade__Depth_3>.MC_Fade:after {
height: 60px;
width: calc(100% - 180px)
}
.MC_Fade__Depth_4>.MC_Fade:before {
clip-path: polygon(0 60px, 0 0, 60px 0, 60px 60px, 120px 60px, 120px 0, 240px 0, 240px 120px, 180px 120px, 180px 60px, 120px 60px, 120px 120px, 60px 120px, 60px 180px, 0 180px, 0 120px, 60px 120px, 60px 60px)
}
.MC_Fade__Depth_4>.MC_Fade:after {
height: 60px;
width: calc(100% - 240px)
}
.MC_Fade__Depth_5>.MC_Fade:before {
background-color: #000;
clip-path: polygon(0 60px, 0 0, 120px 0, 120px 60px, 180px 60px, 180px 0, 240px 0, 240px 60px, 180px 60px, 180px 120px, 300px 120px, 300px 180px, 240px 180px, 240px 120px, 180px 120px, 120px 120px, 60px 120px, 60px 180px, 0 180px, 0 120px, 120px 120px, 120px 60px)
}
.MC_Fade__Depth_5>.MC_Fade:after {
height: 60px;
width: calc(100% - 240px)
}
.MC_Fade__Depth_6>.MC_Fade:before {
background-color: #000;
clip-path: polygon(0 60px, 0 0, 120px 0, 120px 60px, 180px 60px, 180px 0, 240px 0, 240px 60px, 180px 60px, 180px 120px, 300px 120px, 300px 180px, 240px 180px, 240px 120px, 180px 120px, 120px 120px, 60px 120px, 60px 180px, 0 180px, 0 120px, 120px 120px, 120px 60px)
}
.MC_Fade__Depth_6>.MC_Fade:after {
height: 60px;
width: calc(100% - 300px)
}
}
.MC_Bg_Core__Green_6>.MC_Fade:after,
.MC_Bg_Core__Green_6>.MC_Fade:before {
background-color: var(--mc-core-green-6)
}
.MC_Bg_Core__Green_5>.MC_Fade:after,
.MC_Bg_Core__Green_5>.MC_Fade:before {
background-color: var(--mc-core-green-5)
}
.MC_Bg_Core__Green_4>.MC_Fade:after,
.MC_Bg_Core__Green_4>.MC_Fade:before {
background-color: var(--mc-core-green-4)
}
.MC_Bg_Core__Green_3>.MC_Fade:after,
.MC_Bg_Core__Green_3>.MC_Fade:before {
background-color: var(--mc-core-green-3)
}
.MC_Bg_Core__Green_2>.MC_Fade:after,
.MC_Bg_Core__Green_2>.MC_Fade:before {
background-color: var(--mc-core-green-2)
}
.MC_Bg_Core__Green_1>.MC_Fade:after,
.MC_Bg_Core__Green_1>.MC_Fade:before {
background-color: var(--mc-core-green-1)
}
.MC_Bg_Core__Grey_6>.MC_Fade:after,
.MC_Bg_Core__Grey_6>.MC_Fade:before {
background-color: var(--mc-core-grey-6)
}
.MC_Bg_Core__Grey_5>.MC_Fade:after,
.MC_Bg_Core__Grey_5>.MC_Fade:before {
background-color: var(--mc-core-grey-5)
}
.MC_Bg_Core__Grey_4>.MC_Fade:after,
.MC_Bg_Core__Grey_4>.MC_Fade:before {
background-color: var(--mc-core-grey-4)
}
.MC_Bg_Core__Grey_3>.MC_Fade:after,
.MC_Bg_Core__Grey_3>.MC_Fade:before {
background-color: var(--mc-core-grey-3)
}
.MC_Bg_Core__Grey_2>.MC_Fade:after,
.MC_Bg_Core__Grey_2>.MC_Fade:before {
background-color: var(--mc-core-grey-2)
}
.MC_Bg_Core__Grey_1>.MC_Fade:after,
.MC_Bg_Core__Grey_1>.MC_Fade:before {
background-color: var(--mc-core-grey-1)
}
.MC_Bg_Core__rich-black>.MC_Fade:after,
.MC_Bg_Core__rich-black>.MC_Fade:before {
background-color: var(--mc-core-rich-black)
}
.MC_Bg_Core__off-black>.MC_Fade:after,
.MC_Bg_Core__off-black>.MC_Fade:before {
background-color: var(--mc-core-off-black)
}
.MC_Bg_Core__off-white>.MC_Fade:after,
.MC_Bg_Core__off-white>.MC_Fade:before,
.MC_Bg_Core__white>.MC_Fade:after,
.MC_Bg_Core__white>.MC_Fade:before {
background-color: var(--mc-core-white)
}
.MC_Bg_Vanilla__Green_6>.MC_Fade:after,
.MC_Bg_Vanilla__Green_6>.MC_Fade:before {
background-color: var(--mc-vanilla-green-6)
}
.MC_Bg_Vanilla__Green_5>.MC_Fade:after,
.MC_Bg_Vanilla__Green_5>.MC_Fade:before {
background-color: var(--mc-vanilla-green-5)
}
.MC_Bg_Vanilla__Green_4>.MC_Fade:after,
.MC_Bg_Vanilla__Green_4>.MC_Fade:before {
background-color: var(--mc-vanilla-green-4)
}
.MC_Bg_Vanilla__Green_3>.MC_Fade:after,
.MC_Bg_Vanilla__Green_3>.MC_Fade:before {
background-color: var(--mc-vanilla-green-3)
}
.MC_Bg_Vanilla__Green_2>.MC_Fade:after,
.MC_Bg_Vanilla__Green_2>.MC_Fade:before {
background-color: var(--mc-vanilla-green-2)
}
.MC_Bg_Vanilla__Green_1>.MC_Fade:after,
.MC_Bg_Vanilla__Green_1>.MC_Fade:before {
background-color: var(--mc-vanilla-green-1)
}
.MC_Bg_Vanilla__Brown_6>.MC_Fade:after,
.MC_Bg_Vanilla__Brown_6>.MC_Fade:before {
background-color: var(--mc-vanilla-brown-6)
}
.MC_Bg_Vanilla__Brown_5>.MC_Fade:after,
.MC_Bg_Vanilla__Brown_5>.MC_Fade:before {
background-color: var(--mc-vanilla-brown-5)
}
.MC_Bg_Vanilla__Brown_4>.MC_Fade:after,
.MC_Bg_Vanilla__Brown_4>.MC_Fade:before {
background-color: var(--mc-vanilla-brown-4)
}
.MC_Bg_Vanilla__Brown_3>.MC_Fade:after,
.MC_Bg_Vanilla__Brown_3>.MC_Fade:before {
background-color: var(--mc-vanilla-brown-3)
}
.MC_Bg_Vanilla__Brown_2>.MC_Fade:after,
.MC_Bg_Vanilla__Brown_2>.MC_Fade:before {
background-color: var(--mc-vanilla-brown-2)
}
.MC_Bg_Vanilla__Brown_1>.MC_Fade:after,
.MC_Bg_Vanilla__Brown_1>.MC_Fade:before {
background-color: var(--mc-vanilla-brown-1)
}
.MC_Bg_Vanilla__Blue_6>.MC_Fade:after,
.MC_Bg_Vanilla__Blue_6>.MC_Fade:before {
background-color: var(--mc-vanilla-blue-6)
}
.MC_Bg_Vanilla__Blue_5>.MC_Fade:after,
.MC_Bg_Vanilla__Blue_5>.MC_Fade:before {
background-color: var(--mc-vanilla-blue-5)
}
.MC_Bg_Vanilla__Blue_4>.MC_Fade:after,
.MC_Bg_Vanilla__Blue_4>.MC_Fade:before {
background-color: var(--mc-vanilla-blue-4)
}
.MC_Bg_Vanilla__Blue_3>.MC_Fade:after,
.MC_Bg_Vanilla__Blue_3>.MC_Fade:before {
background-color: var(--mc-vanilla-blue-3)
}
.MC_Bg_Vanilla__Blue_2>.MC_Fade:after,
.MC_Bg_Vanilla__Blue_2>.MC_Fade:before {
background-color: var(--mc-vanilla-blue-2)
}
.MC_Bg_Vanilla__Blue_1>.MC_Fade:after,
.MC_Bg_Vanilla__Blue_1>.MC_Fade:before {
background-color: var(--mc-vanilla-blue-1)
}
.MC_Bg_Vanilla__Cold_Grey_6>.MC_Fade:after,
.MC_Bg_Vanilla__Cold_Grey_6>.MC_Fade:before {
background-color: var(--mc-vanilla-coldgrey-6)
}
.MC_Bg_Vanilla__Cold_Grey_5>.MC_Fade:after,
.MC_Bg_Vanilla__Cold_Grey_5>.MC_Fade:before {
background-color: var(--mc-vanilla-coldgrey-5)
}
.MC_Bg_Vanilla__Cold_Grey_4>.MC_Fade:after,
.MC_Bg_Vanilla__Cold_Grey_4>.MC_Fade:before {
background-color: var(--mc-vanilla-coldgrey-4)
}
.MC_Bg_Vanilla__Cold_Grey_3>.MC_Fade:after,
.MC_Bg_Vanilla__Cold_Grey_3>.MC_Fade:before {
background-color: var(--mc-vanilla-coldgrey-3)
}
.MC_Bg_Vanilla__Cold_Grey_2>.MC_Fade:after,
.MC_Bg_Vanilla__Cold_Grey_2>.MC_Fade:before {
background-color: var(--mc-vanilla-coldgrey-2)
}
.MC_Bg_Vanilla__Cold_Grey_1>.MC_Fade:after,
.MC_Bg_Vanilla__Cold_Grey_1>.MC_Fade:before {
background-color: var(--mc-vanilla-coldgrey-1)
}
.MC_Bg_Vanilla__Grey_6>.MC_Fade:after,
.MC_Bg_Vanilla__Grey_6>.MC_Fade:before {
background-color: var(--mc-vanilla-grey-6)
}
.MC_Bg_Vanilla__Grey_5>.MC_Fade:after,
.MC_Bg_Vanilla__Grey_5>.MC_Fade:before {
background-color: var(--mc-vanilla-grey-5)
}
.MC_Bg_Vanilla__Grey_4>.MC_Fade:after,
.MC_Bg_Vanilla__Grey_4>.MC_Fade:before {
background-color: var(--mc-vanilla-grey-4)
}
.MC_Bg_Vanilla__Grey_3>.MC_Fade:after,
.MC_Bg_Vanilla__Grey_3>.MC_Fade:before {
background-color: var(--mc-vanilla-grey-3)
}
.MC_Bg_Vanilla__Grey_2>.MC_Fade:after,
.MC_Bg_Vanilla__Grey_2>.MC_Fade:before {
background-color: var(--mc-vanilla-grey-2)
}
.MC_Bg_Vanilla__Grey_1>.MC_Fade:after,
.MC_Bg_Vanilla__Grey_1>.MC_Fade:before {
background-color: var(--mc-vanilla-grey-1)
}
.MC_Bg_Dungeons__Orange_6>.MC_Fade:after,
.MC_Bg_Dungeons__Orange_6>.MC_Fade:before {
background-color: var(--mc-dungeons-orange-6)
}
.MC_Bg_Dungeons__Orange_5>.MC_Fade:after,
.MC_Bg_Dungeons__Orange_5>.MC_Fade:before {
background-color: var(--mc-dungeons-orange-5)
}
.MC_Bg_Dungeons__Orange_4>.MC_Fade:after,
.MC_Bg_Dungeons__Orange_4>.MC_Fade:before {
background-color: var(--mc-dungeons-orange-4)
}
.MC_Bg_Dungeons__Orange_3>.MC_Fade:after,
.MC_Bg_Dungeons__Orange_3>.MC_Fade:before {
background-color: var(--mc-dungeons-orange-3)
}
.MC_Bg_Dungeons__Orange_2>.MC_Fade:after,
.MC_Bg_Dungeons__Orange_2>.MC_Fade:before {
background-color: var(--mc-dungeons-orange-2)
}
.MC_Bg_Dungeons__Orange_1>.MC_Fade:after,
.MC_Bg_Dungeons__Orange_1>.MC_Fade:before {
background-color: var(--mc-dungeons-orange-1)
}
.MC_Bg_Dungeons__Red_6>.MC_Fade:after,
.MC_Bg_Dungeons__Red_6>.MC_Fade:before {
background-color: var(--mc-dungeons-red-6)
}
.MC_Bg_Dungeons__Red_5>.MC_Fade:after,
.MC_Bg_Dungeons__Red_5>.MC_Fade:before {
background-color: var(--mc-dungeons-red-5)
}
.MC_Bg_Dungeons__Red_4>.MC_Fade:after,
.MC_Bg_Dungeons__Red_4>.MC_Fade:before {
background-color: var(--mc-dungeons-red-4)
}
.MC_Bg_Dungeons__Red_3>.MC_Fade:after,
.MC_Bg_Dungeons__Red_3>.MC_Fade:before {
background-color: var(--mc-dungeons-red-3)
}
.MC_Bg_Dungeons__Red_2>.MC_Fade:after,
.MC_Bg_Dungeons__Red_2>.MC_Fade:before {
background-color: var(--mc-dungeons-red-2)
}
.MC_Bg_Dungeons__Red_1>.MC_Fade:after,
.MC_Bg_Dungeons__Red_1>.MC_Fade:before {
background-color: var(--mc-dungeons-red-1)
}
.MC_Bg_Dungeons__Mulberry_6>.MC_Fade:after,
.MC_Bg_Dungeons__Mulberry_6>.MC_Fade:before {
background-color: var(--mc-dungeons-mulberry-6)
}
.MC_Bg_Dungeons__Mulberry_5>.MC_Fade:after,
.MC_Bg_Dungeons__Mulberry_5>.MC_Fade:before {
background-color: var(--mc-dungeons-mulberry-5)
}
.MC_Bg_Dungeons__Mulberry_4>.MC_Fade:after,
.MC_Bg_Dungeons__Mulberry_4>.MC_Fade:before {
background-color: var(--mc-dungeons-mulberry-4)
}
.MC_Bg_Dungeons__Mulberry_3>.MC_Fade:after,
.MC_Bg_Dungeons__Mulberry_3>.MC_Fade:before {
background-color: var(--mc-dungeons-mulberry-3)
}
.MC_Bg_Dungeons__Mulberry_2>.MC_Fade:after,
.MC_Bg_Dungeons__Mulberry_2>.MC_Fade:before {
background-color: var(--mc-dungeons-mulberry-2)
}
.MC_Bg_Dungeons__Mulberry_1>.MC_Fade:after,
.MC_Bg_Dungeons__Mulberry_1>.MC_Fade:before {
background-color: var(--mc-dungeons-mulberry-1)
}
.MC_Bg_Legends__Light_Blue_6>.MC_Fade:after,
.MC_Bg_Legends__Light_Blue_6>.MC_Fade:before {
background-color: var(--mc-legends-light-blue-6)
}
.MC_Bg_Legends__Light_Blue_5>.MC_Fade:after,
.MC_Bg_Legends__Light_Blue_5>.MC_Fade:before {
background-color: var(--mc-legends-light-blue-5)
}
.MC_Bg_Legends__Light_Blue_4>.MC_Fade:after,
.MC_Bg_Legends__Light_Blue_4>.MC_Fade:before {
background-color: var(--mc-legends-light-blue-4)
}
.MC_Bg_Legends__Light_Blue_3>.MC_Fade:after,
.MC_Bg_Legends__Light_Blue_3>.MC_Fade:before {
background-color: var(--mc-legends-light-blue-3)
}
.MC_Bg_Legends__Light_Blue_2>.MC_Fade:after,
.MC_Bg_Legends__Light_Blue_2>.MC_Fade:before {
background-color: var(--mc-legends-light-blue-2)
}
.MC_Bg_Legends__Light_Blue_1>.MC_Fade:after,
.MC_Bg_Legends__Light_Blue_1>.MC_Fade:before {
background-color: var(--mc-legends-light-blue-1)
}
.MC_Bg_Legends__Dark_Blue_6>.MC_Fade:after,
.MC_Bg_Legends__Dark_Blue_6>.MC_Fade:before {
background-color: var(--mc-legends-dark-blue-6)
}
.MC_Bg_Legends__Dark_Blue_5>.MC_Fade:after,
.MC_Bg_Legends__Dark_Blue_5>.MC_Fade:before {
background-color: var(--mc-legends-dark-blue-5)
}
.MC_Bg_Legends__Dark_Blue_4>.MC_Fade:after,
.MC_Bg_Legends__Dark_Blue_4>.MC_Fade:before {
background-color: var(--mc-legends-dark-blue-4)
}
.MC_Bg_Legends__Dark_Blue_3>.MC_Fade:after,
.MC_Bg_Legends__Dark_Blue_3>.MC_Fade:before {
background-color: var(--mc-legends-dark-blue-3)
}
.MC_Bg_Legends__Dark_Blue_2>.MC_Fade:after,
.MC_Bg_Legends__Dark_Blue_2>.MC_Fade:before {
background-color: var(--mc-legends-dark-blue-2)
}
.MC_Bg_Legends__Dark_Blue_1>.MC_Fade:after,
.MC_Bg_Legends__Dark_Blue_1>.MC_Fade:before {
background-color: var(--mc-legends-dark-blue-1)
}
.MC_Bg_Legends__Light_Orange_6>.MC_Fade:after,
.MC_Bg_Legends__Light_Orange_6>.MC_Fade:before {
background-color: var(--mc-legends-light-orange-6)
}
.MC_Bg_Legends__Light_Orange_5>.MC_Fade:after,
.MC_Bg_Legends__Light_Orange_5>.MC_Fade:before {
background-color: var(--mc-legends-light-orange-5)
}
.MC_Bg_Legends__Light_Orange_4>.MC_Fade:after,
.MC_Bg_Legends__Light_Orange_4>.MC_Fade:before {
background-color: var(--mc-legends-light-orange-4)
}
.MC_Bg_Legends__Light_Orange_3>.MC_Fade:after,
.MC_Bg_Legends__Light_Orange_3>.MC_Fade:before {
background-color: var(--mc-legends-light-orange-3)
}
.MC_Bg_Legends__Light_Orange_2>.MC_Fade:after,
.MC_Bg_Legends__Light_Orange_2>.MC_Fade:before {
background-color: var(--mc-legends-light-orange-2)
}
.MC_Bg_Legends__Light_Orange_1>.MC_Fade:after,
.MC_Bg_Legends__Light_Orange_1>.MC_Fade:before {
background-color: var(--mc-legends-light-orange-1)
}
.MC_Bg_Legends__Ultra_Dark_Blue>.MC_Fade:after,
.MC_Bg_Legends__Ultra_Dark_Blue>.MC_Fade:before {
background-color: var(--mc-legends-ultra-dark-blue)
}
.MC_Bg_Legends__Ultra_Dark_Orange>.MC_Fade:after,
.MC_Bg_Legends__Ultra_Dark_Orange>.MC_Fade:before {
background-color: var(--mc-legends-ultra-dark-orange)
}
.MC_Bg_Realms__Pink_6>.MC_Fade:after,
.MC_Bg_Realms__Pink_6>.MC_Fade:before {
background-color: var(--mc-realms-pink-6)
}
.MC_Bg_Realms__Pink_5>.MC_Fade:after,
.MC_Bg_Realms__Pink_5>.MC_Fade:before {
background-color: var(--mc-realms-pink-5)
}
.MC_Bg_Realms__Pink_4>.MC_Fade:after,
.MC_Bg_Realms__Pink_4>.MC_Fade:before {
background-color: var(--mc-realms-pink-4)
}
.MC_Bg_Realms__Pink_3>.MC_Fade:after,
.MC_Bg_Realms__Pink_3>.MC_Fade:before {
background-color: var(--mc-realms-pink-3)
}
.MC_Bg_Realms__Pink_2>.MC_Fade:after,
.MC_Bg_Realms__Pink_2>.MC_Fade:before {
background-color: var(--mc-realms-pink-2)
}
.MC_Bg_Realms__Pink_1>.MC_Fade:after,
.MC_Bg_Realms__Pink_1>.MC_Fade:before {
background-color: var(--mc-realms-pink-1)
}
.MC_Bg_Realms__Deep_Blue_7>.MC_Fade:after,
.MC_Bg_Realms__Deep_Blue_7>.MC_Fade:before {
background-color: var(--mc-realms-deep-blue-7)
}
.MC_Bg_Realms__Deep_Blue_6>.MC_Fade:after,
.MC_Bg_Realms__Deep_Blue_6>.MC_Fade:before {
background-color: var(--mc-realms-deep-blue-6)
}
.MC_Bg_Realms__Deep_Blue_5>.MC_Fade:after,
.MC_Bg_Realms__Deep_Blue_5>.MC_Fade:before {
background-color: var(--mc-realms-deep-blue-5)
}
.MC_Bg_Realms__Deep_Blue_4>.MC_Fade:after,
.MC_Bg_Realms__Deep_Blue_4>.MC_Fade:before {
background-color: var(--mc-realms-deep-blue-4)
}
.MC_Bg_Realms__Deep_Blue_3>.MC_Fade:after,
.MC_Bg_Realms__Deep_Blue_3>.MC_Fade:before {
background-color: var(--mc-realms-deep-blue-3)
}
.MC_Bg_Realms__Deep_Blue_2>.MC_Fade:after,
.MC_Bg_Realms__Deep_Blue_2>.MC_Fade:before {
background-color: var(--mc-realms-deep-blue-2)
}
.MC_Bg_Realms__Deep_Blue_1>.MC_Fade:after,
.MC_Bg_Realms__Deep_Blue_1>.MC_Fade:before {
background-color: var(--mc-realms-deep-blue-1)
}
.MC_Fade {
--fade-background-image: none;
--fade-background-color: inherit
}
.MC_Fade[style*="--fade-background-image"]:after,
.MC_Fade[style*="--fade-background-image"]:before {
background-image: var(--fade-background-image)
}
.MC_Fade[style*="--fade-background-color"]:after,
.MC_Fade[style*="--fade-background-color"]:before {
background-color: var(--fade-background-color)
}
.MC_Glyph_Icon:after,
.MC_Glyph_Icon:before {
content: ""
}
.MC_Glyph_Icon:not(.MC_Glyph_Icon_LinkA, .MC_Glyph_Icon_ExternalLink):before {
display: block
}
.MC_Glyph_BlockQuoteOrnament:before {
background-color: var(--mc-core-white);
clip-path: var(--mc-environment-block_quote_ornament_clip-path);
content: " ";
display: block;
height: 18px;
width: 300px
}
.MC_Glyph_BlockQuoteOrnament__Flipped:before {
transform: translateY(-50%) rotate(180deg)
}
.MC_Glyph_Icon_Search:before {
clip-path: var(--mc-environment-search_icon_clip-path)
}
.MC_Glyph_Icon_Star:before {
clip-path: var(--mc-environment-star_icon_clip-path)
}
.MC_Glyph_Icon_ArrowWithTail:before {
clip-path: var(--mc-environment-right_arrow_with_tail_icon_clip-path);
display: block
}
.MC_Glyph_Icon_Lifesaver:before {
clip-path: var(--mc-environment-lifesaver_clip-path)
}
.MC_Glyph_Icon_Feedback:before {
clip-path: var(--mc-environment-feedback_bubble_clip-path)
}
.MC_Glyph_Icon_BlockQuoteOrnament:before {
clip-path: var(--mc-environment-block_quote_ornament_clip-path)
}
.MC_Glyph_Icon_QuestionMarkBorder:before {
clip-path: var(--mc-environment-questionMarkBorder_clip-path)
}
.MC_Glyph_Icon_Community:before {
clip-path: var(--mc-environment-community_icon_clip-path)
}
.MC_Glyph_Icon_News:before {
clip-path: var(--mc-environment-news_icon_clip-path)
}
.MC_Glyph_Icon_Marketplace:before {
clip-path: var(--mc-environment-marketplace_icon_clip-path)
}
.MC_Glyph_Icon_Pickaxe:before {
clip-path: var(--mc-environment-pickaxe_icon_clip-path)
}
.MC_Glyph_Icon_CreeperFace:before {
clip-path: var(--mc-environment-creeper_face_icon_clip-path)
}
.MC_Glyph_Icon_Pause:before {
clip-path: var(--mc-environment-pause_icon_clip-path)
}
.MC_Glyph_Icon_Play:before {
clip-path: var(--mc-environment-play_icon_clip-path)
}
.MC_Glyph_Icon_Lock:before {
clip-path: var(--mc-environment-lock_icon_clip-path)
}
.MC_Glyph_Icon_Unlock:before {
clip-path: var(--mc-environment-unlock_icon_clip-path)
}
.MC_Glyph_Icon_QuestionMark:before {
clip-path: var(--mc-environment-questionMark_icon_clip-path)
}
.MC_Glyph_Icon_X:before {
clip-path: var(--mc-environment-x_icon_clip-path)
}
.MC_Glyph_Icon_Check:before {
clip-path: var(--mc-environment-check_icon_clip-path)
}
.MC_Glyph_Icon_Close:before {
clip-path: var(--mc-environment-close_icon_clip-path)
}
.MC_Glyph_Icon_LinkA:after {
clip-path: var(--mc-environment-link_A)
}
.MC_Glyph_Icon_Plus:before {
clip-path: var(--mc-environment-plus_icon_clip-path)
}
.MC_Glyph_Icon_Breakthrough:before {
clip-path: var(--mc-environment-breakthrough_clip-path)
}
.MC_Glyph_Icon_ArrowHorizontal:before {
clip-path: var(--mc-environment-arrow__horizontal_clip-path)
}
.MC_Glyph_Icon_Download:before {
clip-path: var(--mc-environment-arrow__download_clip-path)
}
.MC_Glyph_Icon_ArrowDown:before {
clip-path: var(--mc-environment-arrow__down_clip-path)
}
.MC_Glyph_Icon_Settings:before {
clip-path: var(--mc-environment-settings_icon_clip-path)
}
.MC_Glyph_Icon_Voice:before {
clip-path: var(--mc-environment-voice_icon_clip-path)
}
.MC_Glyph_Icon_ExternalLink:after {
clip-path: var(--mc-environment-external-link_icon_clip-path)
}
.MC_Glyph_Icon_Clear:before {
clip-path: var(--mc-environment-clear_icon_clip-path)
}
.MC_Glyph_Icon_Star_Outline:before {
clip-path: var(--mc-environment-outline-star_icon_clip-path)
}
.MC_Glyph_Icon_Notched_RadioButton:before {
clip-path: var(--mc-environment-external-notched_radio_button_clip-path)
}
.MC_Glyph_Icon_Smiley:before {
clip-path: var(--mc-environment-smiley-face_icon_clip-path)
}
.MC_Glyph_Icon_Logout:before {
clip-path: var(--mc-environment-logout_icon_clip-path)
}
.MC_Glyph_Icon_ArrowExternal:before {
clip-path: var(--mc-environment-external-link-small_icon_clip-path)
}
@layer meteredBarA {
.MC_meteredBarA .MC_meteredBar {
height: 20px;
margin: 4px 0;
width: 100%
}
.MC_meteredBarA .MC_meteredBar_label {
color: var(--mc-core-white);
font-family: var(--mc-dungeons2-fontlist);
font-size: 1.5rem;
font-style: normal;
font-weight: 400;
letter-spacing: 2.4px;
line-height: 125%;
margin: 0;
text-transform: uppercase
}
.MC_meteredBarA .MC_meteredBar_bar {
background-color: var(--svgBackgroundColor, var(--mc-core-grey-6));
border: 1px solid var(--svgBorderColor, var(--mc-core-green-5));
box-sizing: border-box;
height: 100%;
width: 100%
}
.MC_meteredBarA .MC_meteredBar_fill {
fill: var(--rectBackgroundColor, var(--mc-core-green-2));
transition: width 1s ease
}
.MC_meteredBarA .MC_meteredBar_bar:not(svg):after {
background-color: var(--rectBackgroundColor, var(--mc-core-green-2));
content: "";
display: block;
height: 100%;
transition: var(--transition, unset);
width: var(--fillWidth)
}
@media (prefers-reduced-motion:reduce) {
.MC_meteredBarA .MC_meteredBar_fill {
transition: none
}
}
}
@media (forced-colors:active) {
.MC_meteredBarA .MC_meteredBar_bar:not(svg):after {
border-bottom: 8px solid
}
}
.MC_imageBlockE {
display: block;
margin: 0;
max-width: max-content;
position: relative
}
.MC_imageBlockE_caption:not(:empty) {
background-color: var(--mc-caption-background-color, #fcf5f1);
margin-top: 0 !important;
padding: 8px
}
.MC_imageBlockE_media_link__play img {
min-height: 200px;
min-width: 200px
}
.MC_imageBlockE_media_link__play:focus picture,
.MC_imageBlockE_media_link__play:focus-visible picture {
position: relative
}
.MC_imageBlockE_media_link__play:focus picture:before,
.MC_imageBlockE_media_link__play:focus-visible picture:before {
border: .125rem solid #1452cc;
content: " ";
height: calc(100% - 2px);
left: 1px;
outline: .0625rem solid #fff !important;
outline-offset: 0;
position: absolute;
top: 1px;
width: calc(100% - 2px);
z-index: 2
}
.MC_imageBlockE_media_link__play:focus,
.MC_imageBlockE_media_link__play:focus-visible {
box-shadow: none !important;
outline: none !important
}
.MC_imageBlockE_media_link__play:before {
aspect-ratio: 1/1;
background-color: var(--mc-vanilla-green-5);
border: 2px solid var(--mc-vanilla-grey-6);
box-shadow: 0 4px 0 rgba(0, 0, 0, .25), inset 0 -6px 0 var(--mc-vanilla-green-6), inset 0 6px 0 var(--mc-vanilla-green-4);
content: "";
left: 50%;
max-width: 56px;
min-width: 40px;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 14.29%;
z-index: 1
}
.MC_imageBlockE_media_link__play:after {
aspect-ratio: 6/11;
background-color: var(--mc-core-white);
clip-path: polygon(0 0, 0 100%, 16.67% 100%, 16.67% 90.91%, 33.33% 90.91%, 33.33% 81.82%, 50% 81.82%, 50% 72.73%, 66.67% 72.73%, 66.67% 63.64%, 83.33% 63.64%, 83.33% 54.55%, 100% 54.55%, 100% 45.45%, 83.33% 45.45%, 83.33% 36.36%, 66.67% 36.36%, 66.67% 27.27%, 50% 27.27%, 50% 18.18%, 33.33% 18.18%, 33.33% 9.09%, 16.67% 9.09%, 16.67% 0);
content: "";
left: 50%;
margin-left: .429%;
max-width: 18px;
min-width: 12px;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 4.29%;
z-index: 2
}
@media screen and (min-width:768px) {
.MC_imageBlockE_media_link__play:before {
max-width: none;
width: 56px
}
.MC_imageBlockE_media_link__play:after {
max-width: none;
width: 18px
}
}
@media screen and (min-width:1200px) {
.MC_imageBlockE_media_link__play:before {
width: 64px
}
.MC_imageBlockE_media_link__play:after {
width: 24px
}
}
.MC_Theme_Dungeons .MC_imageBlockE_media_link__play:before {
background-color: var(--mc-dungeons-orange-4);
box-shadow: 0 4px 0 rgba(0, 0, 0, .25), inset 0 -6px 0 var(--mc-dungeons-orange-5), inset 0 6px 0 var(--mc-dungeons-orange-2)
}
.MC_Theme_Dungeons .MC_imageBlockE_media_link__play:after {
background-color: var(--mc-dungeons-mulberry-3)
}
.MC_Theme_Legends .MC_imageBlockE_media_link__play:before {
background-color: var(--mc-legends-light-blue-5);
box-shadow: 0 4px 0 rgba(0, 0, 0, .25), inset 0 -6px 0 var(--mc-legends-light-blue-6), inset 0 6px 0 var(--mc-legends-light-blue-1)
}
.MC_Theme_Legends .MC_imageBlockE_media_link__play:after {
background-color: var(--mc-legends-ultra-dark-blue)
}
@media (forced-colors:active) and (prefers-color-scheme:dark) {
.MC_imageBlockE_media_link__play:after {
background-color: currentColor;
filter: invert(1)
}
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
.MC_imageBlockE_media_link__play:after {
filter: invert(1)
}
}
[data-mc-ref=mc_grids_listingF] {
display: flex;
justify-content: center
}
.MC_listingF {
display: grid;
margin: 40px auto !important;
max-width: 1920px;
padding: 0 24px;
grid-gap: 24px;
grid-template-columns: repeat(6, 280px);
list-style-type: none
}
@media screen and (max-width:1865px) {
.MC_listingF {
grid-template-columns: repeat(4, 320px)
}
}
@media screen and (max-width:1440px) {
.MC_listingF {
grid-template-columns: repeat(4, 280px)
}
}
@media screen and (max-width:1260px) {
.MC_listingF {
grid-template-columns: repeat(3, 280px)
}
}
@media screen and (max-width:955px) {
.MC_listingF {
grid-template-columns: repeat(2, 280px)
}
}
@media screen and (max-width:655px) {
.MC_listingF {
grid-template-columns: repeat(1, 100%)
}
}
.MC_listingF_container {
background-color: var(--mc-core-grey-6);
display: flex;
flex-direction: column;
height: 100%;
justify-content: start;
min-height: 328px;
padding: 16px;
position: relative
}
#searchApp_tabpanel_0 .MC_listingF_container,
.MC_listingF_container:has(.MC_listingF_category) {
min-height: 360px
}
.MC_listingF_container:hover {
cursor: pointer
}
.MC_listingF_container:hover [class*=MC_Heading] {
text-decoration: underline
}
.MC_listingF_container .MC_listingF_defaultImage {
align-items: center;
background-color: #1db53c;
display: flex;
justify-content: center;
margin-bottom: 16px;
min-height: 140px;
overflow: hidden
}
.MC_listingF_container .MC_listingF_defaultImage img {
max-height: 158px;
width: auto
}
.MC_listingF_container picture {
align-items: start;
aspect-ratio: 16/9;
display: block;
display: inline-flex;
justify-content: center;
margin-bottom: 16px;
min-height: 140px;
overflow: hidden;
width: 100%;
z-index: 0
}
.MC_listingF_container picture img {
max-height: unset;
width: 100%
}
.MC_listingF_icon_container {
align-items: center;
align-self: stretch;
background-color: var(--mc-core-grey-5);
box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, .5);
display: flex;
flex: 0 0 140px;
gap: 8px;
justify-content: center;
margin: 0 auto 16px;
position: relative;
width: calc(100% - 48px)
}
.MC_listingF_icon_container:after,
.MC_listingF_icon_container:before {
background-color: var(--mc-core-grey-5);
box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, .5);
content: "";
display: block;
height: calc(100% - 48px);
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 24px
}
.MC_listingF_icon_container:before {
left: -24px
}
.MC_listingF_icon_container:after {
right: -24px
}
.MC_listingF_body {
display: flex;
flex-wrap: wrap;
min-height: calc(100% - 148px)
}
.MC_listingF_body_content {
width: 100%;
word-wrap: break-word;
display: flex;
flex-direction: column;
gap: 16px
}
.MC_listingF_header {
color: var(--mc-core-white);
display: block;
flex-basis: 75%;
text-decoration: none
}
.MC_listingF_header [class*=MC_Heading] {
font-weight: 700
}
.MC_listingF_header:hover {
text-decoration: underline
}
.MC_listingF_header[class*=MC_Glyph_Link]:after {
background-color: var(--mc-core-grey-2)
}
@media screen and (max-width:655px) {
.MC_listingF_body {
min-height: unset
}
}
.MC_listingF_badging {
display: flex;
justify-content: space-between
}
.MC_listingF_category {
color: var(--mc-core-off-black);
display: inline-block;
padding: 4px
}
.MC_listingF_badge,
.MC_listingF_category {
background-color: var(--mc-core-grey-2);
font-family: var(--mc-legends-fontlist);
font-size: .875rem;
letter-spacing: .56px;
line-height: 16px;
margin: 0;
text-transform: uppercase
}
.MC_listingF_badge {
color: var(--mc-core-rich-black);
display: none;
height: 24px;
padding: 4px 4px 3px;
position: absolute;
right: 0;
top: 16px
}
.MC_listingF_badge:before {
background-image: var(--mc-environment-games_salebadgefin_svg-9x24);
content: "";
display: block;
height: 24px;
left: -6px;
position: absolute;
top: 0;
width: 9px
}
.MC_listingF_itemSale .MC_listingF_badge {
display: inline-block !important
}
.MC_listingF_pricing {
text-align: right
}
.MC_listingF_retailprice {
color: var(--mc-core-grey-3);
line-height: 18px;
text-decoration: line-through
}
.MC_listingF_listprice {
color: var(--mc-core-green-1);
font-size: 1.125rem;
font-weight: 700;
line-height: 18px
}
.MC_listingF_rating {
align-items: center;
color: var(--mc-core-white);
display: flex;
font-size: .875rem;
font-weight: 400;
gap: 4px;
line-height: 1.25rem
}
.MC_listingF_rating:before {
background-image: var(--mc-environment-marketplace_rating_svg-22x24);
content: "";
height: 24px;
position: relative;
top: -2px;
width: 22px
}
.MC_listingF_rating_notRated {
color: var(--mc-core-grey-2);
font-size: .875rem;
font-weight: 400;
line-height: 1.25rem
}
.MC_listingF_minecoin {
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 4px
}
.MC_listingF_minecoin_retailprice {
color: var(--mc-core-grey-3);
font-size: 1.125rem;
font-style: normal;
font-weight: 400;
letter-spacing: -.27px;
line-height: normal;
text-decoration: line-through
}
.MC_listingF_minecoin_listprice {
color: var(--mc-marketplace-gold-3);
font-family: var(--mc-vanilla-fontlist);
font-size: 1.25rem;
font-style: normal;
font-weight: 400;
line-height: 24px;
text-align: right;
text-shadow: 1px 1px 0 #000
}
.MC_listingF_minecoin_freeprice {
color: var(--mc-core-green-2)
}
.MC_Tabs_tabpanels_panel[data-mc-componentkey=explore] .MC_listingF_header_container {
margin-top: -8px
}
.MC_Tabs_tabpanels_panel[data-mc-componentkey=games] .MC_listingF_container {
min-height: 300px
}
.MC_listingF_gameTile .MC_listingF_badge,
.MC_listingF_gameTile .MC_listingF_category {
background-color: var(--mc-core-green-2);
height: 24px
}
.MC_listingF_gameTile .MC_listingF_badge,
.MC_listingF_gameTile .MC_listingF_badge:before {
border-bottom: 2px solid #17c544
}
.MC_listingF_gameTile [class*=MC_Heading] {
color: var(--mc-core-white)
}
.MC_listingF_gameTile picture:not(.MC_listingF_defaultImage) {
overflow: hidden
}
.MC_listingF_gameTile .MC_listingF_body_content {
height: 100%
}
.MC_listingF_gameTile .MC_listingF_pricing {
display: flex;
gap: 8px
}
.MC_listingF_gameTile .MC_listingF_entitlement_price {
align-items: center;
display: flex;
justify-content: space-between;
margin-top: auto
}
.MC_Tabs_tabpanels_panel[data-mc-componentkey=marketplace] .MC_listingF_container {
min-height: 300px
}
.MC_Tabs_tabpanels_panel[data-mc-componentkey=marketplace] .MC_listingF_header_container {
height: auto
}
.MC_listingF_marketplaceTile .MC_listingF_header {
flex-basis: 100%
}
.MC_listingF_marketplaceTile .MC_listingF_badge,
.MC_listingF_marketplaceTile .MC_listingF_category {
background-color: var(--mc-marketplace-gold-3)
}
.MC_listingF_marketplaceTile .MC_listingF_badge:before {
display: none
}
.MC_listingF_marketplaceTile [class*=MC_Heading] {
color: var(--mc-core-white)
}
.MC_listingF_marketplaceTile .MC_listingF_type_author {
align-items: center;
display: flex;
gap: 8px
}
.MC_listingF_marketplaceTile .MC_pillA {
flex: 0 0 auto;
max-width: 75%
}
.MC_listingF_marketplaceTile .MC_pillA+.MC_listingF_author {
max-width: 40%
}
.MC_listingF_marketplaceTile .MC_listingF_rating_price {
align-items: center;
display: flex;
justify-content: space-between;
margin-top: auto
}
.MC_listingF_marketplaceTile .MC_listingF_body_content {
height: 100%;
justify-content: end
}
.MC_listingF_newsTile picture {
overflow: hidden
}
.MC_listingF_newsTile picture img {
width: 132%
}
.MC_listingF_newsTile .MC_listingF_body {
gap: 16px
}
.MC_listingF_icon_supportExternalIcon {
position: absolute;
right: -17px;
top: 8px
}
.MC_listingF_communityTile [class*=MC_Heading],
.MC_listingF_description,
.MC_listingF_feedbackTile [class*=MC_Heading],
.MC_listingF_gameTile [class*=MC_Heading],
.MC_listingF_marketplaceTile [class*=MC_Heading],
.MC_listingF_newsTile [class*=MC_Heading],
.MC_listingF_supportTile [class*=MC_Heading] {
display: -webkit-box;
-webkit-line-clamp: 2;
overflow: hidden;
-webkit-box-orient: vertical
}
.MC_listingF_description {
font-size: .875rem;
margin-top: 8px
}
.MC_listingF_description,
.MC_listingF_description p {
color: var(--mc-core-grey-2)
}
.MC_listingF_description a {
text-decoration: none
}
.MC_listingF_description a,
.MC_listingF_entitlement {
color: var(--mc-core-green-2)
}
.MC_listingF_author {
color: var(--mc-core-grey-2);
font-size: .875rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.MC_listingF_genre,
.MC_listingF_timestamp {
align-items: end;
color: var(--mc-core-grey-2);
display: flex;
font-size: .875rem
}
.MC_listingF_genre_content {
display: -webkit-box;
-webkit-line-clamp: 1;
overflow: hidden;
-webkit-box-orient: vertical;
font-size: .875rem;
font-weight: 400;
line-height: normal
}
.MC_accessibility_customTextSpacing .MC_listingF_type_author {
flex-wrap: wrap;
row-gap: 8px
}
.MC_accessibility_customTextSpacing .MC_listingF_container {
min-height: 340px
}
@media (forced-colors:active) {
.MC_listingF_container {
outline: 1px solid
}
.MC_listingF_badge {
border: 1px solid
}
.MC_listingF_badge:before {
display: none
}
.MC_listingF_icon_container {
border: 1px solid
}
.MC_listingF_icon_container:before {
border: 1px solid;
border-right: 0
}
.MC_listingF_icon_container:after {
border: 1px solid;
border-left: 0
}
}
.MC_inputA .MC_input_input {
align-items: center;
background: var(--mc-core-grey-6);
border: 2px solid #898481;
box-shadow: inset 0 6px 0 0 rgba(0, 0, 0, .5);
display: flex;
font-style: normal;
font-weight: 400;
gap: 16px;
height: 48px;
padding: 8px 12px
}
.MC_inputA .MC_input_input,
.MC_inputA .MC_input_label {
color: var(--mc-core-grey-1);
letter-spacing: -.24px;
line-height: normal
}
.MC_inputA .MC_input_label {
font-weight: 700;
margin-bottom: 8px
}
.MC_inputA .MC_input_input::placeholder {
color: var(--mc-core-grey-1)
}
.MC_mediaBlockE {
display: flex;
flex-direction: column;
margin: auto;
padding: 0
}
.MC_mediaBlockE_media-container {
height: auto;
width: 100%
}
.MC_mediaBlockE_media-container video {
width: 100%
}
[data-mc-ref=mc_minecoinDetailsA] {
padding-left: 60px;
padding-right: 60px
}
.MC_minecoinDetailsA {
align-items: center;
background: inherit;
display: flex;
justify-content: space-between;
margin-top: auto;
width: 100%
}
.MC_minecoinDetailsA_rating {
align-items: center;
color: var(--mc-core-white);
display: flex;
font-size: .875rem;
font-weight: 400;
gap: 4px;
line-height: 1.25rem
}
.MC_minecoinDetailsA_rating:before {
background-image: var(--mc-environment-marketplace_rating_svg-22x24);
content: "";
height: 24px;
position: relative;
top: -2px;
width: 22px
}
.MC_minecoinDetailsA_minecoin {
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 4px
}
.MC_minecoinDetailsA_minecoin_retailprice {
color: var(--mc-core-grey-3);
font-size: 1.125rem;
font-style: normal;
font-weight: 400;
letter-spacing: -.27px;
line-height: normal;
text-decoration: line-through
}
.MC_minecoinDetailsA_minecoin_listprice {
color: var(--mc-marketplace-gold-3);
font-family: var(--mc-vanilla-fontlist);
font-size: 1.25rem;
font-style: normal;
font-weight: 400;
line-height: 24px;
text-align: right;
text-shadow: 1px 1px 0 #000
}
.MC_minecoinDetailsA_minecoin_listprice_free {
color: var(--mc-core-green-2)
}
@media screen and (max-width:767.98px) {
[data-mc-ref=mc_minecoinDetailsA] {
padding-left: 24px;
padding-right: 24px
}
}
@media screen and (max-width:576px) {
[data-mc-ref=mc_minecoinDetailsA] {
padding-left: 16px;
padding-right: 16px
}
}
.MC_minecoinSummaryA {
display: inline-block;
min-width: 200px;
min-width: var(--min-width, unset);
width: var(--width, max-content)
}
.MC_minecoinSummaryA_wrapper {
align-items: center;
column-gap: 24px;
display: inline-flex;
flex-direction: row;
justify-content: space-between;
min-width: var(--min-width, inherit);
row-gap: 8px;
width: var(--width, inherit)
}
.MC_minecoinSummaryA_wrapper+.MC_Button {
height: 48px;
margin-top: 8px;
max-width: unset;
width: 100%
}
.MC_minecoinSummaryA_container {
display: flex;
gap: 3px;
min-width: var(--min-width, inherit);
width: var(--width, 100%) !important
}
.MC_minecoinSummaryA_label {
align-items: center;
display: inline-flex;
gap: 8px
}
.MC_minecoinSummaryA_label p {
color: var(--font-color, var(--mc-theme-primary-color, var(--mc-core-rich-black))) !important;
line-height: 16px !important;
margin: 0 !important;
padding: 0 !important
}
.MC_minecoinSummaryA_wrapper .MC_minecoinSummaryA_label:not(.MC_minecoinSummaryA_label_standard) {
font-size: .8125rem;
font-weight: 700;
letter-spacing: 1.04px;
line-height: 12px;
text-transform: uppercase
}
.MC_minecoinSummaryA_wrapper .MC_minecoinSummaryA_label_standard {
font-size: 1rem;
font-weight: 500;
line-height: 12px
}
.MC_minecoinSummaryA_balanceContainer {
align-items: center;
background: linear-gradient(0deg, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .5) 100%), var(--mc-core-off-black);
border-right: 2px solid var(--mc-core-rich-black);
border-top: 2px solid var(--mc-core-rich-black);
box-shadow: inset 2px -2px 0 0 hsla(0, 0%, 100%, .15);
display: flex;
flex: 1 0 0;
gap: 4px;
height: 32px;
padding: 0 6px;
position: relative
}
.MC_minecoinSummaryA_loadingIcon {
left: 6px;
top: 3px
}
.MC_minecoinSummaryA:not(.MC_minecoinSummaryA_resultReturned) .MC_minecoinSummaryA_balance,
.MC_minecoinSummaryA:not(.MC_minecoinSummaryA_resultReturned) .MC_minecoinSummaryA_balanceContainer>img,
.MC_minecoinSummaryA_resultReturned .MC_minecoinSummaryA_loadingIcon {
display: none
}
.MC_minecoinSummaryA_balance {
color: var(--mc-core-white);
font-family: var(--mc-vanilla-fontlist);
font-size: 1.25rem;
font-style: normal;
font-weight: 400;
letter-spacing: .1px;
line-height: 32px;
text-align: right;
text-shadow: 1px 1px 0 #000
}
.MC_minecoinSummaryA_action .MC_Button {
padding: 6px 8px
}
.MC_minecoinSummaryA_action .MC_Button>span {
height: 16px
}
.MC_minecoinSummaryA_action .MC_Button svg {
vertical-align: top
}
.MC_minecoinSummaryA_errorContainer {
font-size: .875rem;
margin-top: 8px;
text-align: right
}
.MC_minecoinSummaryA_errorContainer:empty {
display: none
}
.MC_minecoinSummaryA_errorContainer p {
padding: 0 !important;
text-transform: none !important
}
.MC_minecoinSummaryA_warningText {
color: var(--mc-default-caution)
}
.MC_minecoinSummaryA_errorText {
color: var(--mc-default-warning)
}
.MC_minecoinSummaryA[data-status=error] .MC_minecoinSummaryA_balanceContainer:after,
.MC_minecoinSummaryA[data-status=warning] .MC_minecoinSummaryA_balanceContainer:after {
background-image: var(--mc-environment-warning_svg-18x20);
background-position: 50%;
background-repeat: no-repeat;
content: "";
display: block;
height: 20px;
margin-left: auto;
width: 18px
}
.MC_minecoinSummaryA[data-status=warning] .MC_minecoinSummaryA_balanceContainer:after {
background-image: var(--mc-environment-warning_svg-18x20)
}
.MC_minecoinSummaryA[data-status=error] .MC_minecoinSummaryA_balanceContainer:after {
background-image: var(--mc-environment-error_svg-18x20)
}
.MC_minecoinSummaryA_colStacked .MC_minecoinSummaryA_wrapper {
display: inline-block;
width: 100%
}
.MC_minecoinSummaryA_colStacked .MC_minecoinSummaryA_label {
margin-bottom: 8px
}
.MC_minecoinSummaryA_colStacked .MC_minecoinSummaryA_balanceContainer {
height: 48px
}
.MC_minecoinSummaryA_colStacked .MC_minecoinSummaryA_errorContainer {
text-align: left
}
.MC_minecoinSummaryA_colStacked .MC_minecoinSummaryA_loadingIcon {
top: 10px
}
.MC_minecoinSummaryA_userInfo {
align-items: flex-start;
align-self: stretch;
background: linear-gradient(0deg, hsla(0, 0%, 100%, .05), hsla(0, 0%, 100%, .05)), #262423;
box-shadow: inset 0 -4px 0 0 #000, inset -4px 0 0 0 #3d3938, inset 4px 0 0 0 #000, inset 0 4px 0 0 #3d3938;
display: flex;
flex-direction: column;
flex-wrap: wrap;
gap: 10px;
justify-content: space-between;
padding: 16px
}
.MC_minecoinSummaryA_userInfo .MC_minecoinSummaryA {
width: 100%
}
.MC_minecoinSummaryA_userInfo .MC_minecoinSummaryA_wrapper {
align-items: center;
background: linear-gradient(0deg, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .5) 100%), var(--mc-core-off-black);
border-right: 2px solid var(--mc-core-rich-black);
border-top: 2px solid var(--mc-core-rich-black);
box-shadow: inset 2px -2px 0 0 hsla(0, 0%, 100%, .15);
flex-direction: row;
gap: 8px
}
.MC_minecoinSummaryA_userInfo .MC_minecoinSummaryA_label {
flex: 0 0 auto;
padding-left: 6px
}
.MC_minecoinSummaryA_userInfo .MC_minecoinSummaryA_label p {
font-family: var(--mc-legends-fontlist);
font-size: .875rem;
letter-spacing: .56px;
line-height: 18px;
text-shadow: 1px 1px 0 #000
}
.MC_minecoinSummaryA_userInfo .MC_minecoinSummaryA_balanceContainer {
background: unset;
border-right: unset;
border-top: unset;
box-shadow: unset;
justify-content: end
}
.MC_minecoinSummaryA_userInfo .MC_minecoinSummaryA[data-status=error] .MC_minecoinSummaryA_balanceContainer:after,
.MC_minecoinSummaryA_userInfo .MC_minecoinSummaryA[data-status=warning] .MC_minecoinSummaryA_balanceContainer:after {
margin-left: 0
}
.MC_minecoinSummaryA_gamerDetails {
align-items: center;
align-self: stretch;
display: flex;
gap: 8px
}
.MC_minecoinSummaryA_gamerIcon {
border-radius: 50%;
height: 32px;
width: 32px
}
.MC_minecoinSummaryA_gamerTag {
font-family: var(--mc-legends-fontlist);
font-size: 1.25rem;
font-style: normal;
font-weight: 400;
line-height: 24px
}
.MC_minecoinSummaryA_coinDetails {
width: 100%
}
@media (forced-colors:active) {
.MC_minecoinSummaryA_balanceContainer {
border: 0;
outline: 1px solid
}
}
.MC_virtualCurrencyCompatA {
align-items: flex-end;
background: linear-gradient(180deg, rgba(255, 196, 43, .3) -8.76%, rgba(255, 197, 43, 0));
box-shadow: inset 0 4px 0 0 rgba(255, 196, 43, .4);
display: flex;
flex-shrink: 0;
gap: 64px;
justify-content: center;
margin: 0 auto;
max-width: 1192px;
position: relative;
width: 1192px;
width: 100%
}
.MC_virtualCurrencyCompatA_table {
background: var(--mc-core-grey-6);
display: flex;
flex: 1 0 0;
font-size: .875rem;
gap: 24px;
margin: 4px;
padding: 24px
}
.MC_virtualCurrencyCompatA_col {
align-items: flex-start;
display: flex;
flex: 1 0 0;
flex-direction: column;
gap: 24px
}
.MC_virtualCurrencyCompatA_col_divider {
background: #73b3dd;
box-shadow: 1px 0 0 0 rgba(0, 0, 0, .8);
flex-basis: 1px
}
.MC_virtualCurrencyCompatA_col_divider+.MC_virtualCurrencyCompatA_col,
.MC_virtualCurrencyCompatA_compare {
align-items: flex-start;
align-self: stretch;
display: flex;
flex: 1 0 0;
gap: 24px
}
.MC_virtualCurrencyCompatA_compare {
align-content: space-between;
flex-wrap: wrap;
justify-content: space-between;
row-gap: 8px;
width: 100%
}
.MC_virtualCurrencyCompatA_compareCol {
display: inline-flex;
flex-wrap: wrap;
row-gap: 8px
}
.MC_virtualCurrencyCompatA_col .MC_virtualCurrencyCompatA_compare {
flex-wrap: nowrap
}
.MC_virtualCurrencyCompatA_compareCol+.MC_virtualCurrencyCompatA_compareCol {
flex-shrink: 0;
justify-content: flex-end
}
.MC_virtualCurrencyCompatA_compareCol .MC_virtualCurrencyCompatA_compareTitle {
flex-basis: 100%
}
.MC_virtualCurrencyCompatA_compareTitle {
font-size: .875rem;
font-weight: 700;
letter-spacing: 1.12px;
line-height: 20px;
text-transform: uppercase
}
.MC_virtualCurrencyCompatA_header_heading {
align-items: center;
display: flex;
gap: 8px
}
.MC_virtualCurrencyCompatA_header_heading [class*=MC_Heading] {
color: var(--mc-marketplace-gold-3) !important
}
.MC_virtualCurrencyCompatA_compareList {
align-content: center;
align-items: center;
align-self: stretch;
display: flex;
flex-wrap: wrap;
gap: 8px;
list-style-type: none;
margin: 0 !important;
padding: 0
}
.MC_virtualCurrencyCompatA_compareList li {
align-items: center;
display: flex;
gap: 6px;
padding: 2px 6px
}
.MC_virtualCurrencyCompatA_compareList img {
height: 24px;
width: 24px
}
@media screen and (max-width:1440px) {
.MC_virtualCurrencyCompatA {
max-width: 872px
}
}
@media screen and (max-width:992px) {
.MC_virtualCurrencyCompatA {
margin-top: -140px;
max-width: 712px
}
.MC_virtualCurrencyCompatA_table {
flex-wrap: wrap
}
.MC_virtualCurrencyCompatA_col_divider {
flex-basis: 100%;
height: 1px;
width: 100%
}
.MC_virtualCurrencyCompatA_col {
flex-basis: 100%
}
.MC_virtualCurrencyCompatA_col .MC_virtualCurrencyCompatA_compare {
flex-wrap: wrap
}
.MC_virtualCurrencyCompatA_compareCol+.MC_virtualCurrencyCompatA_compareCol {
flex-basis: unset;
margin-top: 16px
}
}
@media screen and (max-width:768px) {
.MC_virtualCurrencyCompatA {
margin-left: auto;
margin-right: auto;
max-width: 534px
}
}
@media screen and (max-width:640px) {
.MC_virtualCurrencyCompatA {
margin-left: 16px;
max-width: calc(100% - 32px)
}
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
.MC_virtualCurrencyCompatA_compareList svg {
filter: invert(1)
}
}
.MC_modalGeneric .MC_scrollbar_scrollbar {
height: calc(100% - 72px) !important;
right: 4px;
top: 50px !important
}
[data-mc-ref=mc_panels_slidingPanelA] {
--width: 372px;
--height: 100%;
--positionOffset: -378px;
--zIndex: 301;
height: var(--height);
position: fixed;
right: var(--positionOffset);
top: 0;
transition: right .7s ease-out;
width: var(--width);
z-index: var(--zIndex)
}
.MC_slidingPanelA.MC_slidingPanelA-active {
display: block
}
.MC_slidingPanelA {
box-shadow: -4px 0 0 0 rgba(0, 0, 0, .64);
display: none;
height: 100%;
padding: 24px 0 0 24px;
position: relative;
z-index: 100
}
.MC_slidingPanelA_cover {
background: rgba(0, 0, 0, .251);
display: none;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 99
}
[data-mc-ref=mc_panels_slidingPanelA][aria-hidden=false] .MC_slidingPanelA_cover {
display: block
}
.MC_slidingPanelA_header {
align-items: center;
display: flex;
justify-content: space-between;
padding-bottom: 24px;
width: calc(100% - 24px)
}
.MC_slidingPanelA_header [class*=MC_Heading] {
color: var(--mc-core-grey-3);
line-height: 24px
}
.MC_slidingPanelA_close {
background-color: transparent;
border: 0;
padding: 0
}
.MC_slidingPanelA_close:focus {
box-shadow: 0 0 0 3px var(--mc-core-white);
outline: 2px solid var(--mc-default-focus)
}
.MC_slidingPanelA_close:after {
background-color: var(--mc-core-white);
clip-path: var(--mc-environment-close_icon_clip-path);
content: "";
display: block;
height: 24px;
width: 24px
}
.MC_slidingPanelA_scroller {
overflow-x: hidden !important
}
.MC_slidingPanelA_content {
height: 100%
}
.MC_slidingPanelA_actions {
background-color: var(--mc-core-grey-6);
display: flex;
flex-wrap: wrap;
gap: 16px;
left: -24px;
padding: 16px 24px;
position: relative;
width: calc(100% + 24px);
z-index: 2
}
.MC_slidingPanelA_actions .MC_Button {
flex-basis: 0;
flex-grow: 1;
min-width: calc(50% - 8px)
}
.MC_slidingPanelA_actions .MC_Button_Hero {
border: 0
}
.MC_slidingPanelA .MC_scrollbar {
height: calc(100% - 142px) !important
}
.MC_slidingPanelA .MC_scrollbar_content_wrapper {
height: calc(100% - 24px) !important
}
.MC_slidingPanelA .MC_scrollbar_scrollbar {
right: 2px
}
@media screen and (max-width:768.98px) {
[data-mc-ref=mc_panels_slidingPanelA] {
max-width: 380px;
width: 100%
}
.MC_slidingPanelA_actions {
padding: 16px 12px
}
}
@media screen and (max-width:700px) {
.MC_slidingPanelA {
padding-top: 16px
}
.MC_slidingPanelA_header {
padding-bottom: 16px
}
.MC_slidingPanelA .MC_scrollbar {
height: calc(100% - 110px) !important
}
.MC_slidingPanelA_actions {
padding: 8px 12px
}
}
@media (forced-colors:active) {
.MC_slidingPanelA {
border-left: 1px solid
}
}
@media (forced-colors:active) and (prefers-color-scheme:dark) {
.MC_slidingPanelA_close:after {
background-color: currentColor;
filter: invert(1)
}
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
.MC_slidingPanelA_close:after {
filter: invert(1)
}
}
[data-mc-ref=mc_panels_slidingPanelB] {
--width: 372px;
--height: 100%;
--positionOffset: -378px;
--zIndex: 301;
height: var(--height);
position: fixed;
right: var(--positionOffset);
top: 0;
transition: right .7s ease-out;
width: var(--width);
z-index: var(--zIndex)
}
[data-mc-ref=mc_panels_slidingPanelB]:has(.MC_slidingPanelB_leftAlign),
[data-mc-ref=mc_panels_slidingPanelB]:has(.MC_slidingPanel_leftAlign) {
left: var(--positionOffset);
transition: left .7s ease-out
}
.MC_slidingPanelB.MC_slidingPanel-active,
.MC_slidingPanelB.MC_slidingPanelB-active {
display: flex
}
.MC_slidingPanelB {
box-shadow: -4px 0 0 0 rgba(0, 0, 0, .64);
display: none;
flex-direction: column;
height: 100%;
padding: 24px 0 0 24px;
position: relative;
z-index: 100
}
.MC_slidingPanelB_cover {
background: rgba(0, 0, 0, .251);
display: none;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 99
}
[data-mc-ref=mc_panels_slidingPanelB][aria-hidden=false] .MC_slidingPanelB_cover {
display: block
}
[data-mc-ref=mc_panels_slidingPanelB]:has(.MC_slidingPanelB_leftAlign) .MC_slidingPanelB_cover,
[data-mc-ref=mc_panels_slidingPanelB]:has(.MC_slidingPanel_leftAlign) .MC_slidingPanelB_cover {
left: unset;
right: 0
}
.MC_slidingPanelB_header {
align-items: center;
display: flex;
justify-content: space-between;
padding-bottom: 24px;
width: calc(100% - 24px)
}
.MC_slidingPanelB_header [class*=MC_Heading] {
color: var(--mc-core-grey-3);
line-height: 24px
}
.MC_slidingPanelB_close {
background-color: transparent;
border: 0;
padding: 0
}
.MC_slidingPanelB_close:focus {
box-shadow: 0 0 0 3px var(--mc-core-white);
outline: 2px solid var(--mc-default-focus)
}
.MC_slidingPanelB_close:after {
background-color: var(--mc-core-white);
clip-path: var(--mc-environment-close_icon_clip-path);
content: "";
display: block;
height: 24px;
width: 24px
}
.MC_slidingPanelB_scroller {
overflow-x: hidden !important
}
.MC_slidingPanelB_content {
height: 100%
}
.MC_slidingPanelB_actions {
background-color: var(--mc-core-grey-6);
display: flex;
flex-wrap: wrap;
gap: 16px;
left: -24px;
padding: 16px 24px;
position: relative;
width: calc(100% + 24px);
z-index: 2
}
.MC_slidingPanelB_actions .MC_Button {
flex-basis: 0;
flex-grow: 1;
min-width: calc(50% - 8px)
}
.MC_slidingPanelB_actions .MC_Button_Hero {
border: 0
}
.MC_slidingPanelB .MC_scrollbar:not([data-mc-mount-activation=exact]) {
height: calc(100% - 48px) !important
}
.MC_slidingPanelB .MC_scrollbar:not([data-mc-mount-activation=exact]) .MC_scrollbar_content_wrapper {
height: calc(100% - 24px) !important
}
.MC_slidingPanelB .MC_scrollbar_scrollbar {
right: 2px
}
@media screen and (max-width:768.98px) {
[data-mc-ref=mc_panels_slidingPanelB] {
max-width: 380px;
width: 100%
}
.MC_slidingPanelB_actions {
padding: 16px 12px
}
}
@media screen and (max-width:700px) {
.MC_slidingPanelB {
padding-top: 16px
}
.MC_slidingPanelB_header {
padding-bottom: 16px
}
.MC_slidingPanelB_actions {
padding: 8px 12px
}
}
@media (forced-colors:active) {
.MC_slidingPanelB {
border-left: 1px solid
}
}
@media (forced-colors:active) and (prefers-color-scheme:dark) {
.MC_slidingPanelB_close:after {
background-color: currentColor;
filter: invert(1)
}
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
.MC_slidingPanelB_close:after {
filter: invert(1)
}
}
[data-mc-ref=mc_slidingPanelC] {
--width: 372px;
--height: 100%;
--positionOffset: -378px;
--zIndex: 301;
height: var(--height);
position: fixed;
right: var(--positionOffset);
top: 0;
transition: right .7s ease-out;
width: var(--width);
z-index: var(--zIndex)
}
[data-mc-ref=mc_panels_slidingPanelC]:has(.MC_slidingPanelC_leftAlign),
[data-mc-ref=mc_panels_slidingPanelC]:has(.MC_slidingPanel_leftAlign) {
left: var(--positionOffset);
transition: left .7s ease-out
}
.MC_slidingPanelC.MC_slidingPanel-active {
display: flex
}
.MC_slidingPanelC {
box-shadow: -4px 0 0 0 rgba(0, 0, 0, .64);
display: none;
flex-direction: column;
height: 100%;
padding: 24px 0 0 24px;
position: relative;
z-index: 100
}
.MC_Bg_Core__rich-black>.MC_slidingPanelC {
background-color: var(--mc-core-rich-black)
}
.MC_Bg_Core__off-black>.MC_slidingPanelC {
background-color: var(--mc-core-off-black)
}
.MC_slidingPanelC_cover {
background: rgba(0, 0, 0, .251);
display: none;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 99
}
[data-mc-ref=mc_slidingPanelC][aria-hidden=false] .MC_slidingPanelC_cover {
display: block
}
.MC_slidingPanelC_header {
align-items: center;
display: flex;
justify-content: space-between;
padding-bottom: 24px;
width: calc(100% - 24px)
}
.MC_slidingPanelC_header [class*=MC_Heading] {
color: var(--mc-core-grey-3);
line-height: 24px
}
.MC_slidingPanelC_close {
background-color: transparent;
border: 0;
padding: 0
}
.MC_slidingPanelC_close:focus {
box-shadow: 0 0 0 3px var(--mc-core-white);
outline: 2px solid var(--mc-default-focus)
}
.MC_slidingPanelC_close:after {
background-color: var(--mc-core-white);
clip-path: var(--mc-environment-close_icon_clip-path);
content: "";
display: block;
height: 24px;
width: 24px
}
.MC_slidingPanelC_scroller {
overflow-x: hidden !important
}
.MC_slidingPanelC_content {
height: 100%
}
.MC_slidingPanelC_actions {
background-color: var(--mc-core-grey-6);
display: flex;
flex-wrap: wrap;
gap: 16px;
left: -24px;
padding: 16px 24px;
position: relative;
width: calc(100% + 24px);
z-index: 2
}
.MC_slidingPanelC_actions .MC_Button {
align-items: center;
flex-basis: 0;
flex-grow: 1;
justify-content: center;
min-width: calc(50% - 8px);
padding-left: 16px;
padding-right: 16px
}
.MC_slidingPanelC_actions .MC_Button_Hero {
border: 0
}
.MC_slidingPanelC_content [data-mc-ref=mc_scrollbars_scrollbarA] {
display: flex;
flex-direction: column;
height: 100%;
justify-content: space-between
}
.MC_slidingPanelC .MC_scrollbar_scrollbar {
right: 2px
}
@media screen and (max-width:768.98px) {
[data-mc-ref=mc_slidingPanelC] {
max-width: 380px;
width: 100%
}
.MC_slidingPanelC_actions {
padding: 16px 12px
}
}
@media screen and (max-width:700px) {
.MC_slidingPanelC {
padding-top: 16px
}
.MC_slidingPanelC_header {
padding-bottom: 16px
}
.MC_slidingPanelC .MC_scrollbar {
height: calc(100% - 80px) !important
}
.MC_slidingPanelC_actions {
padding: 8px 12px
}
}
@media (forced-colors:active) {
.MC_slidingPanelC {
border-left: 1px solid
}
}
@media (forced-colors:active) and (prefers-color-scheme:dark) {
.MC_slidingPanelC_close:after {
background-color: currentColor;
filter: invert(1)
}
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
.MC_slidingPanelC_close:after {
filter: invert(1)
}
}
.MC_pillA {
border-bottom: 1px solid var(--mc-core-grey-5);
display: inline-flex;
position: relative;
word-break: break-word
}
.MC_pillA_content {
align-items: center;
background-color: var(--mc-core-off-black);
color: var(--mc-core-white);
display: flex;
font-family: var(--mc-default-fontlist);
font-size: .875rem;
gap: 6px;
line-height: 20px;
padding: 6px
}
.MC_pillA[data-type] .MC_pillA_content:before {
content: "";
display: block;
flex-shrink: 0;
height: 16px;
width: 16px
}
.MC_pillA[data-type=AddOn] .MC_pillA_content:before {
background-image: var(--mc-environment-monochrome-addon_icon_svg-16x16)
}
.MC_pillA[data-type=MashUp] .MC_pillA_content:before {
background-image: var(--mc-environment-monochrome-mashup_icon_svg-16x16)
}
.MC_pillA[data-type=SkinPack] .MC_pillA_content:before {
background-image: var(--mc-environment-monochrome-skinpack_icon_svg-16x16)
}
.MC_pillA[data-type=WorldTemplate] .MC_pillA_content:before {
background-image: var(--mc-environment-monochrome-world_icon_svg-16x16)
}
.MC_pillA[data-type=ResourcePack] .MC_pillA_content:before {
background-image: var(--mc-environment-monochrome-texturepack_icon_svg-16x16)
}
@media (forced-colors:active) {
.MC_pillA {
border: 1px solid
}
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
.MC_pillA[data-type] .MC_pillA_content:before {
filter: invert(1)
}
}
.MC_pillB {
align-items: flex-start;
display: flex;
--bg-color: hsla(0, 0%, 100%, .1);
background-color: transparent;
border: 0;
padding: 0;
text-decoration: none !important
}
.MC_pillB:focus {
box-shadow: 0 0 0 3px var(--mc-default-focus);
outline: 2px solid var(--mc-core-white)
}
a.MC_pillB:hover,
button.MC_pillB:hover {
--bg-color: hsla(0, 0%, 100%, .15)
}
a.MC_pillB:active,
button.MC_pillB:active {
--bg-color: rgba(0, 0, 0, .2)
}
.MC_pillB_list {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 8px;
justify-content: center;
list-style-type: none;
margin: 0 !important;
padding: 0
}
.MC_pillB_content {
align-items: center;
background-color: var(--bg-color);
display: flex;
gap: 6px;
margin: 0 4px;
min-height: 32px;
padding: 4px;
position: relative
}
.MC_pillB_content:after,
.MC_pillB_content:before {
background-color: var(--bg-color);
content: "";
display: block;
height: calc(100% - 8px);
position: absolute;
top: 4px;
width: 4px
}
.MC_pillB_content:before {
left: -4px
}
.MC_pillB_content:after {
right: -4px
}
.MC_pillB_content p {
font-size: .875rem
}
@media (forced-colors:active) {
.MC_pillB {
outline: 1px solid
}
.MC_pillB:focus {
outline: 3px solid !important
}
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
.MC_pillB_content svg {
filter: invert(1)
}
}
.MC_starRatingA_list {
align-items: center;
display: flex;
flex-direction: row;
gap: 3px;
min-width: 97px
}
.MC_starRatingA_list .MC_starRatingA_empty,
.MC_starRatingA_list .MC_starRatingA_empty_light,
.MC_starRatingA_list .MC_starRatingA_filled,
.MC_starRatingA_list [class*=MC_starRatingA_partial] {
background-position: 50%;
background-repeat: no-repeat;
display: block;
height: 24px;
width: 22px
}
.MC_starRatingA_filled {
background-image: var(--mc-environment-star_full_icon_svg-22x24)
}
.MC_starRatingA_empty {
background-image: var(--mc-environment-star_empty_icon_svg-22x24)
}
.MC_starRatingA_empty_light {
background-image: var(--mc-environment-star_empty_icon_light_svg-22x24)
}
.MC_starRatingA_partial-1 {
background-image: var(--mc-environment-star_1of9_icon_svg-22x24)
}
.MC_starRatingA_partial-2 {
background-image: var(--mc-environment-star_2of9_icon_svg-22x24)
}
.MC_starRatingA_partial-3 {
background-image: var(--mc-environment-star_3of9_icon_svg-22x24)
}
.MC_starRatingA_partial-4 {
background-image: var(--mc-environment-star_4of9_icon_svg-22x24)
}
.MC_starRatingA_partial-5 {
background-image: var(--mc-environment-star_5of9_icon_svg-22x24)
}
.MC_starRatingA_partial-6 {
background-image: var(--mc-environment-star_6of9_icon_svg-22x24)
}
.MC_starRatingA_partial-7 {
background-image: var(--mc-environment-star_7of9_icon_svg-22x24)
}
.MC_starRatingA_partial-8 {
background-image: var(--mc-environment-star_8of9_icon_svg-22x24)
}
.MC_starRatingA_partial-9 {
background-image: var(--mc-environment-star_9of9_icon_svg-22x24)
}
.MC_scrollbar,
[data-mc-ref=mc_scrollbars_scrollbarA] {
height: 100%
}
.MC_scrollbar_scrollbar {
right: 8px;
z-index: 20;
z-index: 2
}
.MC_scrollbar_moving {
user-select: none
}
.MC_scrollbar_content_wrapper {
--scrollerHeight: 100%;
--scrollbarWidth: 0;
height: var(--scrollerHeight);
margin: 0 9px 0 0;
overflow: hidden
}
.MC_scrollbar_content {
height: 100%;
margin-right: calc(var(--scrollbarWidth)*-1);
overflow: auto
}
.MC_scrollbar_content>* {
padding-right: var(--scrollbarWidth);
width: calc(100% - var(--scrollbarWidth))
}
.MC_scrollbar_scrollable.MC_scrollbar_content>* {
padding-right: 0
}
.MC_scrollbar_scrollbar {
background-color: var(--mc-core-rich-black);
border-left: 1px solid var(--mc-core-off-black);
position: absolute;
width: 6px
}
.MC_scrollbar_thumb {
background-color: var(--mc-core-green-2);
box-shadow: inset -2px 0 0 0 hsla(0, 0%, 100%, .25), inset 2px 0 0 0 rgba(0, 0, 0, .25);
left: 0;
min-height: 40px;
position: absolute;
width: 100%
}
.MC_scrollbar_track {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
@media(forced-colors:active) {
.MC_scrollbar_scrollbar {
border: 1px solid #fff
}
.MC_scrollbar_thumb {
border: 3px solid
}
}
.MC_switchA_button {
align-self: baseline;
background: transparent;
border: none;
color: transparent;
flex-shrink: 0;
padding: 0;
position: relative
}
.MC_switchA_button[aria-disabled=true] {
cursor: default;
opacity: .5
}
.MC_switchA_button:focus {
border: 0;
outline: 0
}
.MC_switchA_button:focus:before {
box-shadow: 0 0 0 3px var(--mc-default-focus);
content: "";
display: block;
height: calc(100% + 7px);
left: -2px;
outline: 2px solid var(--mc-core-white);
position: absolute;
top: -2px;
width: calc(100% + 3px)
}
.MC_switchA_container {
align-items: center;
display: flex;
gap: 16px;
min-height: 32px
}
.MC_switchA_label {
cursor: pointer
}
.MC_switchA_wrapper {
background: var(--mc-environment-switch-zero-12x12) #8c8d90 no-repeat 40px center;
box-shadow: inset 2px 2px 0 0 hsla(0, 0%, 100%, .2), inset -2px -2px 0 0 hsla(0, 0%, 100%, .102);
box-sizing: border-box;
cursor: pointer;
display: block;
height: 28px;
outline: .125rem solid #1e1e1f;
position: relative;
top: 4px;
width: 60px
}
.MC_switchA_wrapper:after {
background: #d0d1d4;
border-bottom: .25rem solid #58585a;
bottom: 0;
box-shadow: inset .125rem .125rem 0 0 hsla(0, 0%, 100%, .6), inset -.125rem -.125rem 0 0 hsla(0, 0%, 100%, .4);
box-sizing: border-box;
content: "";
display: block;
height: 32px;
left: 0;
line-height: 2.375rem;
outline: .125rem solid #000;
position: absolute;
text-indent: 2.5rem;
transition: left .25s linear;
width: 32px
}
.MC_switchA_wrapper:focus:after,
.MC_switchA_wrapper:hover:after {
background: #f4f6f9
}
.MC_switchA_button[aria-disabled=true] .MC_switchA_wrapper:focus:after,
.MC_switchA_button[aria-disabled=true] .MC_switchA_wrapper:hover:after {
background: #d0d1d4
}
.MC_switchA_button[aria-checked=true] .MC_switchA_wrapper {
background: var(--mc-environment-switch-one-2x12) #3c8527 no-repeat 12px center
}
.MC_switchA_button[aria-checked=true] .MC_switchA_wrapper:after {
left: calc(100% - 32px)
}
@media (forced-colors:active) and (prefers-color-scheme:dark) {
.MC_switchA_wrapper {
background-image: var(--mc-environment-switch-hc-zero-12x12)
}
.MC_switchA_button:focus:before {
outline: 3px solid
}
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
.MC_switchA_button[aria-checked=true] .MC_switchA_wrapper {
background: var(--mc-environment-switch-hc-one-2x12) #3c8527 no-repeat 12px center
}
}
.MC_tooltipA_modal {
align-items: center;
align-self: baseline;
display: flex;
flex-direction: column;
justify-content: center;
position: relative
}
.MC_tooltipA_modal_open {
background: var(--mc-core-grey-3);
border: 2px solid #000;
box-shadow: inset -2px -2px 0 0 hsla(0, 0%, 100%, .25), inset 2px 2px 0 0 hsla(0, 0%, 100%, .3);
color: var(--mc-core-grey-6);
font-family: var(--mc-legends-fontlist);
font-size: .875rem;
font-style: normal;
font-weight: 400;
height: 24px;
letter-spacing: .56px;
line-height: 20px;
outline: 0;
width: 24px
}
.MC_tooltipA_modal_open:focus {
border-color: var(--mc-default-focus);
outline: 2px solid var(--mc-core-white)
}
.MC_tooltipA_modal_dialog {
background: var(--mc-core-grey-3);
border: 2px solid var(--mc-core-grey-6);
bottom: 30px;
box-shadow: inset -2px -2px 0 0 hsla(0, 0%, 100%, .25), inset 2px 2px 0 0 hsla(0, 0%, 100%, .3);
display: none;
position: absolute;
right: 50%;
transform: translateX(50%);
width: 212px;
z-index: 20
}
.MC_tooltipA_modal_dialog.MC_tooltipA_modal_dialog__active {
display: block
}
.MC_tooltipA_modal_dialog_label {
background-color: inherit;
box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .2);
content: "";
display: block;
height: 30px;
margin-left: 2px;
margin-top: 2px;
width: calc(100% - 4px)
}
.MC_tooltipA_modal_dialog_label:before {
aspect-ratio: 1/1;
background-color: var(--mc-core-grey-6);
clip-path: var(--mc-environment-questionMark_icon_clip-path);
content: "";
display: inline-block;
left: 9px;
position: absolute;
top: 9px;
width: 12px
}
.MC_tooltipA_modal_close {
background-color: transparent;
border: none;
padding: 0;
position: absolute;
right: 9px;
top: 9px
}
.MC_tooltipA_modal_close:focus {
border: 0 !important;
border-radius: 0 !important;
box-shadow: 0 0 0 1px var(--mc-core-white) !important;
outline: 2px solid var(--mc-default-focus) !important;
outline-offset: -2px !important
}
.MC_tooltipA_modal_close:after {
aspect-ratio: 1/1;
background-color: var(--mc-core-grey-6);
clip-path: var(--mc-environment-close_icon_clip-path);
content: "";
display: block;
width: 14px
}
.MC_tooltipA_modal_dialog_desc {
align-items: center;
display: flex;
justify-content: center;
padding: 8px
}
.MC_tooltipA_modal_dialog_desc p {
color: var(--mc-core-grey-6) !important;
font-family: var(--mc-legends-fontlist) !important;
font-size: .875rem;
font-style: normal;
font-weight: 400;
letter-spacing: .56px;
line-height: 18px
}
@media (forced-colors:active) {
.MC_tooltipA_modal_close:after,
.MC_tooltipA_modal_dialog_label:before {
filter: invert(1)
}
}
.MC_Style_MinecoinText {
background: linear-gradient(180deg, #fff27a 1.07%, #ffc42b 99.39%);
background-clip: text;
-webkit-background-clip: text;
color: var(--mc-marketplace-gold-3);
-webkit-text-fill-color: transparent
}
.MC_Style_MinetokenText {
background: linear-gradient(180deg, #87bde2 1.07%, #3192cf 99.39%);
background-clip: text;
-webkit-background-clip: text;
color: #87bde2;
-webkit-text-fill-color: transparent
}
@layer richTextNesting {
.MC_Link_Style_RichText :is(h1):not(.MC_Link_Style_RichText [class*=MC_Theme] *),
.MC_Link_Style_RichText :is(h2):not(.MC_Link_Style_RichText [class*=MC_Theme] *),
.MC_Link_Style_RichText :is(h3):not(.MC_Link_Style_RichText [class*=MC_Theme] *),
.MC_Link_Style_RichText :is(h4):not(.MC_Link_Style_RichText [class*=MC_Theme] *),
.MC_Link_Style_RichText :is(h5):not(.MC_Link_Style_RichText [class*=MC_Theme] *),
.MC_Link_Style_RichText :is(h6):not(.MC_Link_Style_RichText [class*=MC_Theme] *) {
font-weight: 400;
margin: 0
}
.MC_Theme_Vanilla .MC_Link_Style_RichText :is(h1):not(.MC_Link_Style_RichText [class*=MC_Theme] *),
.MC_Theme_Vanilla .MC_Link_Style_RichText :is(h2):not(.MC_Link_Style_RichText [class*=MC_Theme] *),
.MC_Theme_Vanilla .MC_Link_Style_RichText :is(h3):not(.MC_Link_Style_RichText [class*=MC_Theme] *),
.MC_Theme_Vanilla .MC_Link_Style_RichText :is(h4):not(.MC_Link_Style_RichText [class*=MC_Theme] *) {
font-family: var(--mc-vanilla-fontlist)
}
.MC_Theme_Vanilla .MC_Link_Style_RichText :is(h1):not(.MC_Link_Style_RichText [class*=MC_Theme] *) {
font-size: 4.5rem;
letter-spacing: -.015em;
line-height: 4.5rem
}
.MC_Theme_Vanilla .MC_Link_Style_RichText :is(h2):not(.MC_Link_Style_RichText [class*=MC_Theme] *) {
font-size: 3.5rem;
letter-spacing: -.015em;
line-height: 3.5rem
}
.MC_Theme_Vanilla .MC_Link_Style_RichText :is(h3):not(.MC_Link_Style_RichText [class*=MC_Theme] *) {
font-size: 1.5rem;
letter-spacing: .04em
}
.MC_Theme_Vanilla .MC_Link_Style_RichText :is(h4):not(.MC_Link_Style_RichText [class*=MC_Theme] *) {
font-size: 1.25rem;
line-height: 1.25rem
}
.MC_Theme_Dungeons .MC_Link_Style_RichText :is(h1):not(.MC_Link_Style_RichText [class*=MC_Theme] *),
.MC_Theme_Dungeons .MC_Link_Style_RichText :is(h2):not(.MC_Link_Style_RichText [class*=MC_Theme] *),
.MC_Theme_Dungeons .MC_Link_Style_RichText :is(h3):not(.MC_Link_Style_RichText [class*=MC_Theme] *),
.MC_Theme_Dungeons .MC_Link_Style_RichText :is(h4):not(.MC_Link_Style_RichText [class*=MC_Theme] *) {
font-family: var(--mc-dungeons-fontlist)
}
.MC_Theme_Dungeons .MC_Link_Style_RichText :is(h1):not(.MC_Link_Style_RichText [class*=MC_Theme] *) {
font-size: 3.5rem;
line-height: 3.5rem
}
.MC_Theme_Dungeons .MC_Link_Style_RichText :is(h2):not(.MC_Link_Style_RichText [class*=MC_Theme] *) {
font-size: 2.5rem;
line-height: 2.5rem
}
.MC_Theme_Dungeons .MC_Link_Style_RichText :is(h3):not(.MC_Link_Style_RichText [class*=MC_Theme] *) {
font-size: 1.5rem;
line-height: 1.75rem
}
.MC_Theme_Dungeons .MC_Link_Style_RichText :is(h4):not(.MC_Link_Style_RichText [class*=MC_Theme] *) {
font-size: 1.25rem;
line-height: 1.25rem
}
.MC_Theme_Realms .MC_Link_Style_RichText :is(h1):not(.MC_Link_Style_RichText [class*=MC_Theme] *),
.MC_Theme_Realms .MC_Link_Style_RichText :is(h2):not(.MC_Link_Style_RichText [class*=MC_Theme] *),
.MC_Theme_Realms .MC_Link_Style_RichText :is(h3):not(.MC_Link_Style_RichText [class*=MC_Theme] *),
.MC_Theme_Realms .MC_Link_Style_RichText :is(h4):not(.MC_Link_Style_RichText [class*=MC_Theme] *) {
font-family: var(--mc-realms-fontlist)
}
.MC_Theme_Realms .MC_Link_Style_RichText :is(h1):not(.MC_Link_Style_RichText [class*=MC_Theme] *) {
font-size: 4.5rem;
letter-spacing: -.015em;
line-height: 4.5rem
}
.MC_Theme_Realms .MC_Link_Style_RichText :is(h2):not(.MC_Link_Style_RichText [class*=MC_Theme] *) {
font-size: 3.5rem;
letter-spacing: -.015em;
line-height: 3.5rem
}
.MC_Theme_Realms .MC_Link_Style_RichText :is(h3):not(.MC_Link_Style_RichText [class*=MC_Theme] *) {
font-size: 1.5rem;
letter-spacing: .04em;
line-height: 1.75rem
}
.MC_Theme_Realms .MC_Link_Style_RichText :is(h4):not(.MC_Link_Style_RichText [class*=MC_Theme] *) {
font-size: 1.25rem;
line-height: 1.25rem
}
.MC_Theme_Legends .MC_Link_Style_RichText :is(h1):not(.MC_Link_Style_RichText [class*=MC_Theme] *),
.MC_Theme_Legends .MC_Link_Style_RichText :is(h2):not(.MC_Link_Style_RichText [class*=MC_Theme] *),
.MC_Theme_Legends .MC_Link_Style_RichText :is(h3):not(.MC_Link_Style_RichText [class*=MC_Theme] *),
.MC_Theme_Legends .MC_Link_Style_RichText :is(h4):not(.MC_Link_Style_RichText [class*=MC_Theme] *) {
font-family: var(--mc-legends-fontlist)
}
.MC_Theme_Legends .MC_Link_Style_RichText :is(h1):not(.MC_Link_Style_RichText [class*=MC_Theme] *) {
font-size: 4.5rem;
line-height: 4.5rem
}
.MC_Theme_Legends .MC_Link_Style_RichText :is(h2):not(.MC_Link_Style_RichText [class*=MC_Theme] *) {
font-size: 3.5rem;
letter-spacing: -.015em;
line-height: 3.5rem
}
.MC_Theme_Legends .MC_Link_Style_RichText :is(h3):not(.MC_Link_Style_RichText [class*=MC_Theme] *) {
font-size: 2rem;
letter-spacing: .015em;
line-height: 2.25rem
}
.MC_Theme_Legends .MC_Link_Style_RichText :is(h4):not(.MC_Link_Style_RichText [class*=MC_Theme] *) {
font-size: 1.25rem;
line-height: 1.25rem
}
.MC_Theme_Marketplace .MC_Link_Style_RichText :is(h1):not(.MC_Link_Style_RichText [class*=MC_Theme] *),
.MC_Theme_Marketplace .MC_Link_Style_RichText :is(h2):not(.MC_Link_Style_RichText [class*=MC_Theme] *),
.MC_Theme_Marketplace .MC_Link_Style_RichText :is(h3):not(.MC_Link_Style_RichText [class*=MC_Theme] *),
.MC_Theme_Marketplace .MC_Link_Style_RichText :is(h4):not(.MC_Link_Style_RichText [class*=MC_Theme] *) {
font-family: var(--mc-realms-fontlist)
}
.MC_Theme_Marketplace .MC_Link_Style_RichText :is(h1):not(.MC_Link_Style_RichText [class*=MC_Theme] *) {
font-size: 4.5rem;
letter-spacing: -.015em;
line-height: 4.5rem
}
.MC_Theme_Marketplace .MC_Link_Style_RichText :is(h2):not(.MC_Link_Style_RichText [class*=MC_Theme] *) {
font-size: 3.5rem;
letter-spacing: -.015em;
line-height: 3.5rem
}
.MC_Theme_Marketplace .MC_Link_Style_RichText :is(h3):not(.MC_Link_Style_RichText [class*=MC_Theme] *) {
font-size: 1.5rem;
letter-spacing: .04em;
line-height: 1.75rem
}
.MC_Theme_Marketplace .MC_Link_Style_RichText :is(h4):not(.MC_Link_Style_RichText [class*=MC_Theme] *) {
font-size: 1.25rem;
line-height: 1.25rem
}
[class*=MC_Theme_] .MC_Link_Style_RichText :is(h5):not(.MC_Link_Style_RichText [class*=MC_Theme] *) {
font-family: var(--mc-default--fontlist);
font-size: 1.125rem;
letter-spacing: -.015em;
line-height: 1.5rem
}
[class*=MC_Theme_] .MC_Link_Style_RichText :is(h6):not(.MC_Link_Style_RichText [class*=MC_Theme] *) {
font-family: var(--mc-default--fontlist);
font-size: 1rem;
line-height: 1.25rem
}
@media screen and (max-width:1199.98px) {
.MC_Theme_Vanilla .MC_Link_Style_RichText :is(h1):not(.MC_Link_Style_RichText [class*=MC_Theme] *) {
font-size: 4rem;
line-height: 4rem
}
.MC_Theme_Dungeons .MC_Link_Style_RichText :is(h1):not(.MC_Link_Style_RichText [class*=MC_Theme] *) {
font-size: 3rem;
line-height: 3rem
}
.MC_Theme_Realms .MC_Link_Style_RichText :is(h1):not(.MC_Link_Style_RichText [class*=MC_Theme] *) {
font-size: 4rem;
line-height: 4rem
}
.MC_Theme_Legends .MC_Link_Style_RichText :is(h1):not(.MC_Link_Style_RichText [class*=MC_Theme] *) {
font-size: 4rem;
line-height: 4rem
}
.MC_Theme_Vanilla .MC_Link_Style_RichText :is(h2):not(.MC_Link_Style_RichText [class*=MC_Theme] *) {
font-size: 2rem;
line-height: 2rem
}
.MC_Theme_Dungeons .MC_Link_Style_RichText :is(h2):not(.MC_Link_Style_RichText [class*=MC_Theme] *) {
font-size: 2rem;
line-height: 2rem
}
.MC_Theme_Realms .MC_Link_Style_RichText :is(h2):not(.MC_Link_Style_RichText [class*=MC_Theme] *) {
font-size: 2rem;
line-height: 2rem
}
.MC_Theme_Legends .MC_Link_Style_RichText :is(h2):not(.MC_Link_Style_RichText [class*=MC_Theme] *) {
font-size: 2.25rem;
line-height: 2.25rem
}
.MC_Theme_Marketplace .MC_Link_Style_RichText :is(h2):not(.MC_Link_Style_RichText [class*=MC_Theme] *) {
font-size: 2rem;
line-height: 2rem
}
}
@media screen and (max-width:767.98px) {
.MC_Theme_Vanilla .MC_Link_Style_RichText :is(h1):not(.MC_Link_Style_RichText [class*=MC_Theme] *) {
font-size: 3rem;
line-height: 3rem
}
.MC_Theme_Dungeons .MC_Link_Style_RichText :is(h1):not(.MC_Link_Style_RichText [class*=MC_Theme] *) {
font-size: 2rem;
line-height: 2rem
}
.MC_Theme_Realms .MC_Link_Style_RichText :is(h1):not(.MC_Link_Style_RichText [class*=MC_Theme] *) {
font-size: 3rem;
line-height: 3rem
}
.MC_Theme_Legends .MC_Link_Style_RichText :is(h1):not(.MC_Link_Style_RichText [class*=MC_Theme] *) {
font-size: 3rem;
line-height: 3rem
}
.MC_Theme_Marketplace .MC_Link_Style_RichText :is(h1):not(.MC_Link_Style_RichText [class*=MC_Theme] *) {
font-size: 3rem;
line-height: 3rem
}
}
.MC_Core_HeadingStyle .MC_Link_Style_RichText :is(h1):not(.MC_Link_Style_RichText [class*=MC_Theme] *),
.MC_Core_HeadingStyle .MC_Theme_Vanilla .MC_Link_Style_RichText :is(h1):not(.MC_Link_Style_RichText [class*=MC_Theme] *) {
font-size: 2.25rem;
letter-spacing: -.54px;
line-height: 2.25rem
}
.MC_Core_HeadingStyle .MC_Link_Style_RichText :is(h2):not(.MC_Link_Style_RichText [class*=MC_Theme] *),
.MC_Core_HeadingStyle .MC_Theme_Vanilla .MC_Link_Style_RichText :is(h2):not(.MC_Link_Style_RichText [class*=MC_Theme] *) {
font-size: 1.5rem;
letter-spacing: -.015em;
line-height: 1.5rem
}
.MC_Core_HeadingStyle .MC_Link_Style_RichText :is(h3):not(.MC_Link_Style_RichText [class*=MC_Theme] *),
.MC_Core_HeadingStyle .MC_Theme_Vanilla .MC_Link_Style_RichText :is(h3):not(.MC_Link_Style_RichText [class*=MC_Theme] *) {
font-family: var(--mc-legends-fontlist);
font-size: 1.5rem;
letter-spacing: .04em;
line-height: 1.5rem
}
.MC_Core_HeadingStyle .MC_Link_Style_RichText :is(h4):not(.MC_Link_Style_RichText [class*=MC_Theme] *),
.MC_Core_HeadingStyle .MC_Theme_Vanilla .MC_Link_Style_RichText :is(h4):not(.MC_Link_Style_RichText [class*=MC_Theme] *) {
font-family: var(--mc-legends-fontlist);
font-size: 1.25rem;
line-height: 1.25rem
}
}
.MC_Core_HeadingStyle[class*=MC_Theme_] :is(.MC_Heading_1):not(.MC_mediaBlockB *, .MC_prevent-headerInheritance *) {
font-size: 2.25rem;
letter-spacing: -.54px;
line-height: 2.25rem
}
.MC_Core_HeadingStyle[class*=MC_Theme_] :is(.MC_Heading_2):not(.MC_mediaBlockB *, .MC_prevent-headerInheritance *) {
font-size: 1.5rem;
letter-spacing: -.015em;
line-height: 1.5rem
}
.MC_Core_HeadingStyle[class*=MC_Theme_] :is(.MC_Heading_3):not(.MC_mediaBlockB *, .MC_prevent-headerInheritance *) {
font-family: var(--mc-legends-fontlist);
font-size: 1.5rem;
letter-spacing: .04em;
line-height: 1.5rem
}
.MC_Core_HeadingStyle[class*=MC_Theme_] :is(.MC_Heading_4):not(.MC_mediaBlockB *, .MC_prevent-headerInheritance *) {
font-family: var(--mc-legends-fontlist);
font-size: 1.25rem;
line-height: 1.25rem
}
.MC_Core_HeadingStyle .MC_Layout_Article .MC_Theme_Vanilla .MC_Heading_1,
.MC_Layout_Article .MC_Theme_Vanilla .MC_Heading_1,
.MC_Layout_Article .MC_Theme_Vanilla .MC_Link_Style_RichText h1 {
font-size: 2.25rem;
letter-spacing: -.54px;
line-height: 2.25rem
}
.MC_Core_HeadingStyle .MC_Layout_Article .MC_Theme_Vanilla .MC_Heading_2,
.MC_Layout_Article .MC_Theme_Vanilla .MC_Heading_2,
.MC_Layout_Article .MC_Theme_Vanilla .MC_Link_Style_RichText h2 {
font-size: 1.5rem;
letter-spacing: -.015em;
line-height: 1.5rem
}
.MC_Core_HeadingStyle .MC_Layout_Article .MC_Theme_Vanilla .MC_Heading_3,
.MC_Layout_Article .MC_Theme_Vanilla .MC_Heading_3,
.MC_Layout_Article .MC_Theme_Vanilla .MC_Link_Style_RichText h3 {
font-family: var(--mc-legends-fontlist);
font-size: 1.5rem;
letter-spacing: .04em;
line-height: 1.5rem
}
.MC_Core_HeadingStyle .MC_Layout_Article .MC_Theme_Vanilla .MC_Heading_4,
.MC_Layout_Article .MC_Theme_Vanilla .MC_Heading_4,
.MC_Layout_Article .MC_Theme_Vanilla .MC_Link_Style_RichText h4 {
font-family: var(--mc-legends-fontlist);
font-size: 1.25rem;
line-height: 1.25rem
}
.MC_Layout_Article .MC_Link_Style_RichText h2 {
margin-top: 24px
}
.MC_Layout_Article .MC_Link_Style_RichText h3,
.MC_Layout_Article .MC_Link_Style_RichText h4,
.MC_Layout_Article .MC_Link_Style_RichText h5 {
margin-top: 16px
}
.MC_Layout_Article .MC_Link_Style_RichText h1 [class*=MC_Effect],
.MC_Layout_Article .MC_Link_Style_RichText h2 [class*=MC_Effect],
.MC_Layout_Article .MC_Link_Style_RichText h3 [class*=MC_Effect],
.MC_Layout_Article .MC_Link_Style_RichText h4 [class*=MC_Effect],
.MC_Layout_Article .MC_Link_Style_RichText h5 [class*=MC_Effect] {
display: inline-block;
margin-bottom: 12px;
text-transform: uppercase
}
.MC_Text_Style_Strike {
text-decoration: line-through
}
.MC_video {
position: relative
}
.MC_video_toggle_wrapper {
--width: 40px;
--height: 40px;
--bottom: 24px;
--left: 24px
}
.MC_video_toggle {
align-items: center;
background-color: rgba(0, 0, 0, .75);
border: 1px solid #fff;
bottom: var(--bottom);
display: flex;
height: var(--height);
justify-content: center;
left: var(--left);
position: absolute;
right: var(--right, "unset");
top: var(--top, "unset");
width: var(--width)
}
.MC_video_toggle:before {
background-color: #fff;
content: "";
display: block;
flex-shrink: 0
}
.MC_video_toggle:before,
.MC_video_toggle[data-paused=true]:before {
clip-path: var(--mc-environment-play_icon_clip-path);
height: 22px;
width: 12px
}
.MC_video_toggle[data-paused=false]:before {
clip-path: var(--mc-environment-pause_icon_clip-path);
height: 22px;
width: 21px
}
.MC_video_toggle:focus {
border: 1px solid var(--mc-core-white);
outline: 2px solid var(--mc-default-focus)
}
.MC_video_posterPlay {
cursor: pointer
}
@media (forced-colors:active) and (prefers-color-scheme:dark) {
.MC_video_toggle:before {
background-color: currentColor;
filter: invert(1)
}
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
.MC_video_toggle:before {
filter: invert(1)
}
}
.MC_video_toggle_wrapper:has(.MC_video_rollupToggle) {
max-width: 100vw;
position: relative;
width: 100%
}
.MC_video_rollupToggle {
align-items: center;
background: rgba(0, 0, 0, .8);
border: 0;
box-shadow: 0 2px 0 rgba(0, 0, 0, .2);
color: var(--mc-core-grey-1);
display: flex;
flex-direction: row;
font-size: .875rem;
gap: 10px;
max-width: 165px;
min-height: 34px;
padding: 4px 4px 4px 32px;
position: absolute;
right: 0;
top: 15px;
width: auto;
width: auto !important;
z-index: 250
}
.MC_video_rollupToggle:before {
background-color: #d9d9d9;
content: " ";
display: block;
height: 16px;
left: 11px;
position: absolute;
width: 14px
}
.MC_video_rollupToggle[data-paused=false]:before {
aspect-ratio: 1/1;
clip-path: var(--mc-environment-pause_icon_clip-path)
}
.MC_video_rollupToggle[data-paused=true]:before {
aspect-ratio: 6/11;
clip-path: var(--mc-environment-play_icon_clip-path)
}
.MC_video_rollupToggle_wrapper {
overflow: hidden;
transition: width .7s ease-out
}
.MC_video_rollupToggle_text {
word-wrap: break-word
}
.MC_video_rollupToggle:after {
content: " ";
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.MC_video_rollupToggle:focus {
border: 0;
outline: 0
}
.MC_video_rollupToggle:focus:after {
box-shadow: 0 0 0 3px var(--mc-default-focus);
outline: 2px solid var(--mc-core-white);
outline-offset: 0;
width: calc(100% - 3px)
}
@media (forced-colors:active) and (prefers-color-scheme:dark) {
.MC_video_rollupToggle[data-paused=false]:before,
.MC_video_rollupToggle[data-paused=true]:before {
background-color: currentColor;
filter: invert(1)
}
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
.MC_video_rollupToggle[data-paused=false]:before,
.MC_video_rollupToggle[data-paused=true]:before {
filter: invert(1)
}
.MC_video_rollupToggle:focus {
right: 3px
}
.MC_video_rollupToggle:focus:after {
filter: invert(1);
outline-offset: 1px;
width: 100%
}
.MC_video_rollupToggle:focus:before {
left: 14px
}
.MC_video_rollupToggle:focus .MC_video_rollupToggle_wrapper {
left: 3px;
position: relative
}
}
.MC_Button_Hero.MC_Style_LightBlue_1,
.MC_Theme_Legends .MC_Button_Hero:not([class*=MC_Style_]) {
background: var(--mc-legends-light-blue-1);
box-shadow: inset 0 -6px 0 var(--mc-legends-light-blue-6), inset 0 6px 0 #c5f6ff;
color: var(--mc-legends-ultra-dark-blue);
font-weight: 800;
letter-spacing: .03em;
text-transform: uppercase
}
.MC_Button_Hero.MC_Style_LightBlue_1:hover,
.MC_Theme_Legends .MC_Button_Hero:not([class*=MC_Style_]):hover {
background: linear-gradient(0deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, .2)), var(--mc-legends-light-blue-1)
}
.MC_Button_Hero.MC_Style_LightBlue_1:focus,
.MC_Theme_Legends .MC_Button_Hero:not([class*=MC_Style_]):focus {
background: var(--mc-legends-light-blue-1);
border-radius: 0;
box-shadow: 0 0 0 1px var(--mc-core-white), inset 0 -6px 0 var(--mc-legends-light-blue-6), inset 0 6px 0 #c5f6ff;
outline: 2px solid var(--mc-default-focus);
outline-offset: -2px
}
.MC_Button_Hero.MC_Style_LightBlue_1:active,
.MC_Theme_Legends .MC_Button_Hero:not([class*=MC_Style_]):active {
background: var(--mc-legends-light-blue-3);
box-shadow: none
}
.MC_Button_Hero.MC_Style_LightBlue_1:active:focus,
.MC_Theme_Legends .MC_Button_Hero:not([class*=MC_Style_]):active:focus {
box-shadow: 0 0 0 1px var(--mc-core-white)
}
.MC_Button_Hero.MC_Style_LightBlue_1.MC_Glyph_Link_B:after {
background-color: var(--mc-core-rich-black)
}
.MC_Button_Hero.MC_Style_CoreOffWhite {
background: var(--mc-core-off-white);
box-shadow: inset 0 -6px 0 var(--mc-vanilla-grey-3), inset 0 6px 0 hsla(0, 0%, 100%, .5);
color: var(--mc-core-grey-5);
font-weight: 800;
letter-spacing: .03em;
text-transform: uppercase
}
.MC_Button_Hero.MC_Style_CoreOffWhite:hover {
background: linear-gradient(0deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, .2)), var(--mc-core-off-white)
}
.MC_Button_Hero.MC_Style_CoreOffWhite:focus {
background: var(--mc-core-off-white);
border-radius: 0;
box-shadow: inset 0 -6px 0 var(--mc-vanilla-grey-3), 0 0 0 1px var(--mc-core-white), inset 0 -6px 0 var(--mc-legends-light-blue-6), inset 0 6px 0 hsla(0, 0%, 100%, .5);
outline: 2px solid var(--mc-default-focus);
outline-offset: -2px
}
.MC_Button_Hero.MC_Style_CoreOffWhite:active {
background: var(--mc-vanilla-grey-2);
box-shadow: none
}
.MC_Button_Hero.MC_Style_CoreOffWhite:active:focus {
box-shadow: 0 0 0 1px var(--mc-core-white)
}
.MC_Button_Hero.MC_Style_CoreOffWhite.MC_Glyph_Link_B:after {
background-color: var(--mc-core-rich-black)
}
.MC_Button_Hero.MC_Style_LightOrange_1 {
background: var(--mc-legends-light-orange-1);
box-shadow: inset 0 -6px 0 var(--mc-legends-light-orange-6), inset 0 6px 0 hsla(0, 0%, 100%, .3);
color: var(--mc-legends-ultra-dark-blue);
font-weight: 800;
letter-spacing: .03em;
text-transform: uppercase
}
.MC_Button_Hero.MC_Style_LightOrange_1:focus,
.MC_Button_Hero.MC_Style_LightOrange_1:hover {
background: linear-gradient(0deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, .2)), var(--mc-legends-light-orange-1)
}
.MC_Button_Hero.MC_Style_LightOrange_1:focus {
border-radius: 0;
box-shadow: 0 0 0 1px var(--mc-core-white), 0 0 0 1px var(--mc-core-white), inset 0 -6px 0 var(--mc-legends-light-orange-6), inset 0 6px 0 hsla(0, 0%, 100%, .3);
outline: 2px solid var(--mc-default-focus);
outline-offset: -2px
}
.MC_Button_Hero.MC_Style_LightOrange_1:active {
background: var(--mc-legends-light-orange-3);
box-shadow: none
}
.MC_Button_Hero.MC_Style_LightOrange_1:active:focus {
box-shadow: 0 0 0 1px var(--mc-core-white)
}
.MC_Button_Hero.MC_Style_LightOrange_1.MC_Glyph_Link_B:after {
background-color: var(--mc-core-rich-black)
}
.MC_Button_Hero.MC_Style_Orange_4,
.MC_Theme_Dungeons .MC_Button_Hero:not([class*=MC_Style_]) {
background: var(--mc-dungeons-orange-4);
box-shadow: inset 0 -6px 0 var(--mc-dungeons-orange-5), inset 0 6px 0 var(--mc-dungeons-orange-2);
color: var(--mc-core-grey-6);
font-weight: 800;
letter-spacing: .03em;
text-transform: uppercase
}
.MC_Button_Hero.MC_Style_Orange_4:hover,
.MC_Theme_Dungeons .MC_Button_Hero:not([class*=MC_Style_]):hover {
background: linear-gradient(0deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, .2)), var(--mc-dungeons-orange-4)
}
.MC_Button_Hero.MC_Style_Orange_4:focus,
.MC_Theme_Dungeons .MC_Button_Hero:not([class*=MC_Style_]):focus {
background: linear-gradient(0deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, .2)), var(--mc-dungeons-orange-4);
border-radius: 0;
box-shadow: 0 0 0 1px var(--mc-core-white), 0 0 0 1px var(--mc-core-white), inset 0 -6px 0 var(--mc-legends-light-orange-6), inset 0 6px 0 #ffd953;
outline: 2px solid var(--mc-default-focus);
outline-offset: -2px
}
.MC_Button_Hero.MC_Style_Orange_4:active,
.MC_Theme_Dungeons .MC_Button_Hero:not([class*=MC_Style_]):active {
background: var(--mc-dungeons-orange-5);
box-shadow: none;
color: var(--mc-core-white)
}
.MC_Button_Hero.MC_Style_Orange_4:active:focus,
.MC_Theme_Dungeons .MC_Button_Hero:not([class*=MC_Style_]):active:focus {
box-shadow: 0 0 0 1px var(--mc-core-white)
}
.MC_Button_Hero.MC_Style_Orange_4.MC_Glyph_Link_B:after {
background-color: var(--mc-core-rich-black)
}
.MC_Button_Hero.MC_Style_Orange_4:active:after,
.MC_Theme_Dungeons .MC_Button_Hero:not([class*=MC_Style_]):active:after {
background-color: var(--mc-core-white)
}
.MC_Theme_Dungeons2 .MC_Button_Hero:not([class*=MC_Style_]) {
background: var(--mc-dungeons-orange-4);
box-shadow: inset 0 -6px 0 var(--mc-dungeons-orange-5), inset 0 6px 0 var(--mc-dungeons-orange-2);
color: var(--mc-core-grey-6);
font-weight: 800;
letter-spacing: .03em;
text-transform: uppercase
}
.MC_Theme_Dungeons2 .MC_Button_Hero:not([class*=MC_Style_]):hover {
background: linear-gradient(0deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, .2)), var(--mc-dungeons-orange-4)
}
.MC_Theme_Dungeons2 .MC_Button_Hero:not([class*=MC_Style_]):focus {
background: linear-gradient(0deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, .2)), var(--mc-dungeons-orange-3);
border-radius: 0;
box-shadow: 0 0 0 1px var(--mc-core-white), 0 0 0 1px var(--mc-core-white), inset 0 -6px 0 var(--mc-dungeons-orange-5), inset 0 6px 0 var(--mc-dungeons-orange-2);
outline: 2px solid var(--mc-default-focus);
outline-offset: -2px
}
.MC_Theme_Dungeons2 .MC_Button_Hero:not([class*=MC_Style_]):active {
background: var(--mc-dungeons-orange-5);
box-shadow: none;
color: var(--mc-core-white)
}
.MC_Theme_Dungeons2 .MC_Button_Hero:not([class*=MC_Style_]):active:focus {
box-shadow: 0 0 0 1px var(--mc-core-white)
}
.MC_Theme_Dungeons2 .MC_Button_Hero:not([class*=MC_Style_]):active:after {
background-color: var(--mc-core-white)
}
.MC_Button_Hero.MC_Style_Green_5,
.MC_Theme_Vanilla .MC_Button_Hero:not([class*=MC_Style_]) {
background: var(--mc-vanilla-green-5);
box-shadow: inset 0 -6px 0 var(--mc-vanilla-green-6), inset 0 6px 0 var(--mc-vanilla-green-4);
color: var(--mc-core-white);
font-weight: 800;
letter-spacing: .03em;
text-transform: uppercase
}
.MC_Button_Hero.MC_Style_Green_5:hover,
.MC_Theme_Vanilla .MC_Button_Hero:not([class*=MC_Style_]):hover {
background: linear-gradient(0deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), var(--mc-vanilla-green-5)
}
.MC_Button_Hero.MC_Style_Green_5:focus,
.MC_Theme_Vanilla .MC_Button_Hero:not([class*=MC_Style_]):focus {
background: linear-gradient(0deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), var(--mc-vanilla-green-5);
border-radius: 0;
box-shadow: 0 0 0 0 var(--mc-core-white), 0 0 0 2px var(--mc-default-focus), inset 0 -6px 0 var(--mc-vanilla-green-6), inset 0 6px 0 #52a535;
outline: 2px solid var(--mc-core-white);
outline-offset: -2px
}
.MC_Button_Hero.MC_Style_Green_5:active,
.MC_Theme_Vanilla .MC_Button_Hero:not([class*=MC_Style_]):active {
background: var(--mc-vanilla-green-6);
box-shadow: none
}
.MC_Button_Hero.MC_Style_Green_5:active:focus,
.MC_Theme_Vanilla .MC_Button_Hero:not([class*=MC_Style_]):active:focus {
box-shadow: 0 0 0 1px var(--mc-core-white)
}
.MC_Button_Hero.MC_Style_Green_5.MC_Glyph_Link_A:after,
.MC_Button_Hero.MC_Style_Green_5.MC_Glyph_Link_B:after,
.MC_Theme_Vanilla .MC_Button_Hero:not([class*=MC_Style_]).MC_Glyph_Link_A:after,
.MC_Theme_Vanilla .MC_Button_Hero:not([class*=MC_Style_]).MC_Glyph_Link_B:after {
background-color: var(--mc-core-white)
}
.MC_Button_Hero.MC_Style_Grey_2 {
background: var(--mc-vanilla-grey-2);
box-shadow: inset 0 -6px 0 var(--mc-vanilla-grey-3), inset 0 6px 0 var(--mc-vanilla-grey-1);
color: var(--mc-core-grey-6);
font-weight: 800;
letter-spacing: .03em;
text-transform: uppercase
}
.MC_Button_Hero.MC_Style_Grey_2:focus,
.MC_Button_Hero.MC_Style_Grey_2:hover {
background: linear-gradient(0deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, .2)), var(--mc-vanilla-grey-2)
}
.MC_Button_Hero.MC_Style_Grey_2:focus {
border-radius: 0;
box-shadow: 0 0 0 1px var(--mc-core-white), 0 0 0 1px var(--mc-core-white), inset 0 -6px 0 var(--mc-vanilla-grey-3), inset 0 6px 0 #ede5e2;
outline: 2px solid var(--mc-default-focus);
outline-offset: -2px
}
.MC_Button_Hero.MC_Style_Grey_2:active {
background: var(--mc-vanilla-grey-3);
box-shadow: none
}
.MC_Button_Hero.MC_Style_Grey_2:active:focus {
box-shadow: 0 0 0 1px var(--mc-core-white)
}
.MC_Button_Hero.MC_Style_Grey_2.MC_Glyph_Link_A:after,
.MC_Button_Hero.MC_Style_Grey_2.MC_Glyph_Link_B:after {
background-color: var(--mc-core-grey-6)
}
.MC_Button_Hero.MC_Style_DeepBlue,
.MC_Theme_Realms .MC_Button_Hero:not([class*=MC_Style_]) {
background: #7345e5;
box-shadow: inset 0 -6px 0 #4a1cac, inset 0 6px 0 #a163f2;
color: var(--mc-core-white);
font-weight: 800;
letter-spacing: .03em;
text-transform: uppercase
}
.MC_Button_Hero.MC_Style_DeepBlue:hover,
.MC_Theme_Realms .MC_Button_Hero:not([class*=MC_Style_]):hover {
background: #643acb
}
.MC_Button_Hero.MC_Style_DeepBlue:focus,
.MC_Theme_Realms .MC_Button_Hero:not([class*=MC_Style_]):focus {
background: #643acb;
border-radius: 0;
box-shadow: 0 0 0 2px #1157be, 0 0 0 1px var(--mc-default-focus), inset 0 -6px 0 #4a1cac, inset 0 6px 0 #a163f2;
outline: 2px solid var(--mc-core-white);
outline-offset: -2px
}
.MC_Button_Hero.MC_Style_DeepBlue:active,
.MC_Theme_Realms .MC_Button_Hero:not([class*=MC_Style_]):active {
background: #5d2cc6;
box-shadow: none
}
.MC_Button_Hero.MC_Style_DeepBlue:active:focus,
.MC_Theme_Realms .MC_Button_Hero:not([class*=MC_Style_]):active:focus {
box-shadow: 0 0 0 1px var(--mc-core-white)
}
.MC_Button_Hero.MC_Style_DeepBlue.MC_Glyph_Link_A:after,
.MC_Button_Hero.MC_Style_DeepBlue.MC_Glyph_Link_B:after,
.MC_Theme_Realms .MC_Button_Hero:not([class*=MC_Style_]).MC_Glyph_Link_A:after,
.MC_Theme_Realms .MC_Button_Hero:not([class*=MC_Style_]).MC_Glyph_Link_B:after {
background-color: var(--mc-core-white)
}
.MC_Button_Hero.MC_Style_Gold_1,
.MC_Button_Hero.MC_Style_Gold_2,
.MC_Button_Hero.MC_Style_Gold_3,
.MC_Theme_Marketplace .MC_Button_Hero:not([class*=MC_Style_]) {
background: var(--mc-marketplace-gold-3);
box-shadow: inset 0 -6px 0 var(--mc-marketplace-gold-4), inset 0 6px 0 var(--mc-marketplace-gold-2);
color: var(--mc-legends-ultra-dark-blue);
font-weight: 800;
letter-spacing: .03em;
text-transform: uppercase
}
.MC_Button_Hero.MC_Style_Gold_1:hover,
.MC_Button_Hero.MC_Style_Gold_2:hover,
.MC_Button_Hero.MC_Style_Gold_3:hover,
.MC_Theme_Marketplace .MC_Button_Hero:not([class*=MC_Style_]):hover {
background: linear-gradient(0deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, .2)), var(--mc-marketplace-gold-2)
}
.MC_Button_Hero.MC_Style_Gold_1:focus,
.MC_Button_Hero.MC_Style_Gold_2:focus,
.MC_Button_Hero.MC_Style_Gold_3:focus,
.MC_Theme_Marketplace .MC_Button_Hero:not([class*=MC_Style_]):focus {
background: linear-gradient(0deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, .2)), var(--mc-marketplace-gold-2);
border-radius: 0;
box-shadow: 0 0 0 1px var(--mc-core-white), 0 0 0 1px var(--mc-core-white), inset 0 -6px 0 var(--mc-marketplace-gold-3), inset 0 6px 0 var(--mc-marketplace-gold-1);
outline: 2px solid var(--mc-default-focus);
outline-offset: -2px
}
.MC_Button_Hero.MC_Style_Gold_1:active,
.MC_Button_Hero.MC_Style_Gold_2:active,
.MC_Button_Hero.MC_Style_Gold_3:active,
.MC_Theme_Marketplace .MC_Button_Hero:not([class*=MC_Style_]):active {
background: var(--mc-marketplace-gold-4);
box-shadow: none
}
.MC_Button_Hero.MC_Style_Gold_1:active:focus,
.MC_Button_Hero.MC_Style_Gold_2:active:focus,
.MC_Button_Hero.MC_Style_Gold_3:active:focus,
.MC_Theme_Marketplace .MC_Button_Hero:not([class*=MC_Style_]):active:focus {
box-shadow: 0 0 0 1px var(--mc-core-white)
}
.MC_Button_Hero.MC_Style_Gold_1.MC_Glyph_Link_B:after,
.MC_Button_Hero.MC_Style_Gold_2.MC_Glyph_Link_B:after,
.MC_Button_Hero.MC_Style_Gold_3.MC_Glyph_Link_B:after,
.MC_Theme_Marketplace .MC_Button_Hero:not([class*=MC_Style_]).MC_Glyph_Link_B:after {
background-color: var(--mc-legends-ultra-dark-blue)
}
.MC_Button_Hero.MC_Style_Blue_1,
.MC_Theme_Education .MC_Button_Hero:not([class*=MC_Style_]) {
background: var(--mc-vanilla-blue-2);
box-shadow: inset 0 -6px 0 var(--mc-vanilla-blue-3), inset 0 6px 0 var(--mc-vanilla-blue-1);
color: var(--mc-core-white);
font-weight: 800;
letter-spacing: .03em;
text-transform: uppercase
}
.MC_Button_Hero.MC_Style_Blue_1.MC_Glyph_Link_B:after {
background-color: var(--mc-core-white)
}
.MC_Button_Hero.MC_Style_Blue_1:hover,
.MC_Theme_Education .MC_Button_Hero:not([class*=MC_Style_]):hover {
background: #6489ed
}
.MC_Button_Hero.MC_Style_Blue_1:focus,
.MC_Theme_Education .MC_Button_Hero:not([class*=MC_Style_]):focus {
background: linear-gradient(0deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, .2)), var(--mc-vanilla-blue-3);
border-radius: 0;
box-shadow: 0 0 0 1px var(--mc-core-white), 0 0 0 1px var(--mc-core-white), inset 0 -6px 0 var(--mc-vanilla-blue-3), inset 0 6px 0 #5b9ffb;
outline: 2px solid var(--mc-default-focus);
outline-offset: -2px
}
.MC_Button_Hero.MC_Style_Blue_1:active,
.MC_Theme_Education .MC_Button_Hero:not([class*=MC_Style_]):active {
background: var(--mc-vanilla-blue-3);
box-shadow: none;
color: var(--mc-core-white)
}
.MC_Button_Hero.MC_Style_Blue_1:active:focus,
.MC_Theme_Education .MC_Button_Hero:not([class*=MC_Style_]):active:focus {
box-shadow: 0 0 0 1px var(--mc-core-white)
}
.MC_Button_Hero.MC_Style_Blue_1.MC_Glyph_Link_A:after,
.MC_Button_Hero.MC_Style_Blue_1.MC_Glyph_Link_B:after {
background-color: var(--mc-core-white)
}
[class*=MC_Theme_] .MC_Button_Hero[aria-disabled=true] {
background-color: var(--mc-vanilla-grey-1) !important;
box-shadow: none !important;
color: var(--mc-vanilla-grey-3) !important;
outline: 2px solid var(--mc-vanilla-grey-3) !important;
outline-offset: -2px !important
}
[class*=MC_Theme_] .MC_Button_Hero[aria-disabled=true]:active,
[class*=MC_Theme_] .MC_Button_Hero[aria-disabled=true]:hover {
background: var(--mc-vanilla-grey-1) !important;
box-shadow: none !important;
cursor: auto !important
}
[class*=MC_Theme_] .MC_Button_Hero[aria-disabled=true]:focus {
border-radius: 0 !important;
box-shadow: 0 0 0 1px var(--mc-core-white) !important;
outline: 2px solid var(--mc-default-focus) !important
}
[class*=MC_Theme_] .MC_Button_Hero[aria-disabled=true]:after {
background-color: var(--mc-vanilla-grey-3) !important
}
.MC_youTubePlayer_cookieAcceptError {
align-items: center;
display: flex;
flex-direction: column;
gap: 8px;
justify-content: center;
min-height: 100%;
width: 100%
}
.MC_youTubePlayer_cookieAcceptError .MC_youTubePlayer_cookieAcceptError_horizontalAlign-left {
align-self: baseline
}
.MC_youTubePlayer_cookieAcceptError .MC_youTubePlayer_cookieAcceptError_horizontalAlign-right {
align-self: end
}
.MC_youTubePlayer_cookieAcceptError .MC_youTubePlayer_cookieAcceptBlurbContainer {
align-items: center;
display: flex;
flex-direction: column;
gap: 16px;
height: 50%;
justify-content: center
}
.MC_youTubePlayer_cookieAcceptError .MC_youTubePlayer_cookieAcceptBlurbContainer a:not(.MC_Button):focus-visible {
box-shadow: 0 0 0 2px var(--mc-core-white)
}
.MC_youTubePlayer_cookieAcceptError .MC_youTubePlayer_cookieAcceptImageContainer {
align-items: flex-end;
display: flex;
height: 50%
}
.MC_youTubePlayer_cookieAcceptError .MC_youTubePlayer_cookieAcceptBlurbContainer_ctaBox {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 16px;
justify-content: center
}
.MC_youTubePlayer_cookieAcceptError .MC_youTubePlayer_cookieAcceptImage {
aspect-ratio: unset !important;
max-height: 100%;
max-width: fit-content
}
.MC_youTubePlayer_cookieAcceptError .MC_youTubePlayer_cookieAcceptBlurb {
font-family: var(--mc-legends-fontlist);
font-size: 1.25rem;
line-height: 24px;
max-width: 60%;
text-align: center
}
.MC_youTubePlayer_cookieAcceptError_verticalAlign-top .MC_youTubePlayer_cookieAcceptImageContainer {
align-items: end;
align-self: center
}
.MC_youTubePlayer_cookieAcceptError_verticalAlign-top .MC_youTubePlayer_cookieAcceptBlurbContainer {
align-items: center;
gap: 16px;
justify-content: flex-start;
padding-bottom: 24px
}
.MC_youTubePlayer_cookieAcceptError_verticalAlign-bottom {
gap: 24px;
justify-content: flex-end
}
.MC_youTubePlayer_cookieAcceptError_verticalAlign-bottom .MC_youTubePlayer_cookieAcceptImageContainer {
align-items: flex-end;
justify-content: flex-end
}
.MC_youTubePlayer_cookieAcceptError_verticalAlign-bottom .MC_youTubePlayer_cookieAcceptBlurbContainer {
align-items: center;
gap: 16px;
justify-content: end
}
.MC_youTubePlayer_cookieAcceptError_horizontalAlign-right .MC_youTubePlayer_cookieAcceptImageContainer {
align-self: end
}
[data-mc-ref=mc_accordion_accordionC].MC_Core_HeadingStyle {
padding: 32px 60px
}
.MC_AccordionC {
--grid-size: 1200px;
margin: 0 auto;
max-width: var(--grid-size);
padding-top: 32px
}
.MC_Core_HeadingStyle .MC_AccordionC {
--grid-size: 1920px;
padding-top: 0
}
.MC_AccordionC:has(.MC_AccordionC_grid) {
display: flex;
flex-wrap: wrap;
justify-content: right
}
.MC_AccordionC_grid {
flex-basis: 100%;
padding: 0 16px;
text-align: left;
width: 100%
}
@media screen and (min-width:768px) {
.MC_AccordionC_grid {
flex-basis: calc(100% - 200px)
}
}
@media screen and (max-width:767.98px) {
[data-mc-ref=mc_accordion_accordionC].MC_Core_HeadingStyle {
padding: 48px 24px 0
}
}
.MC_AccordionC_header {
display: flex;
flex-direction: column;
gap: 8px;
margin-bottom: 24px;
text-align: center
}
.MC_AccordionC .MC_Accordion_action {
position: relative
}
.MC_AccordionC .MC_Accordion_toggle {
background-color: inherit;
position: relative
}
.MC_AccordionC .MC_Accordion_toggle:focus-visible:after,
.MC_AccordionC .MC_Accordion_toggle:focus:after {
border: 1px solid var(--mc-default-focus);
content: "";
display: block;
height: 100%;
left: 0;
outline: .0625rem solid var(--mc-core-white);
outline-offset: -2px;
position: absolute;
top: 0;
width: 100%
}
.MC_AccordionC .MC_Accordion_toggle_text {
align-items: center;
display: inline-flex;
padding-left: 0;
width: 100%
}
.MC_AccordionC .MC_Accordion_toggle_text_label {
color: var(--mc-theme-primary-color, var(--mc-core-rich-black));
display: inline-block;
font-family: var(--mc-default--fontlist);
font-size: 1rem;
font-weight: 700;
line-height: normal;
margin: 0 0 0 2px;
max-width: 60%;
padding: 0;
text-transform: uppercase
}
.MC_AccordionC .MC_Accordion_toggle_text:after {
background-color: var(--mc-theme-primary-color, var(--mc-core-rich-black));
right: 5px
}
.MC_AccordionC .MC_Accordion_group {
border-top: 0;
width: 100%
}
.MC_AccordionC .MC_Accordion_group:before {
background-color: var(--mc-core-grey-5);
border-top: 1px solid var(--mc-core-rich-black);
content: "";
display: block;
height: 2px;
position: relative;
z-index: 2
}
.MC_AccordionC .MC_Accordion_content {
padding-bottom: 32px;
padding-left: 0;
padding-top: 16px
}
.MC_AccordionC .MC_Accordion_content p {
margin-bottom: 16px
}
@media screen and (max-width:767.98px) {
.MC_AccordionC .MC_Accordion_toggle_text_label {
max-width: unset
}
}
.MC_TabsB [data-mc-ref=mc_accordion_accordionC].MC_Core_HeadingStyle {
padding-left: 0;
padding-right: 0
}
@media screen and (max-width:576px) {
.MC_TabsB .MC_AccordionC {
padding: 0 16px
}
}
.MC_AccordionC [data-mc-ref=mc_richTextA] {
padding: 0 !important
}
[data-mc-ref=mc_accordion_accordionD] {
--grid-size: 2560px
}
.MC_AccordionD {
margin: 0 auto;
max-width: var(--grid-size);
padding-top: 32px;
width: 100%
}
.MC_AccordionD:has(.MC_AccordionD_grid) {
display: flex;
flex-wrap: wrap;
gap: 48px;
justify-content: space-between;
padding: 64px 60px
}
.MC_AccordionD_grid {
flex-basis: 100%;
text-align: left;
width: 100%
}
@media screen and (min-width:768px) {
.MC_AccordionD_grid {
flex-basis: calc(100% - 200px)
}
}
.MC_AccordionD_header {
margin-bottom: 24px;
text-align: left
}
.MC_AccordionD .MC_Accordion_action {
position: relative
}
.MC_AccordionD .MC_Accordion_toggle {
background-color: inherit;
position: relative
}
.MC_Accordion_toggle:focus,
.MC_Accordion_toggle:focus-visible {
box-shadow: none;
outline: unset
}
.MC_AccordionD .MC_Accordion_toggle:focus-visible:after,
.MC_AccordionD .MC_Accordion_toggle:focus:after {
border: 1px solid var(--mc-default-focus);
content: "";
display: block;
height: 100%;
left: 0;
outline: .0625rem solid var(--mc-core-white);
outline-offset: -2px;
position: absolute;
top: 0;
width: 100%
}
.MC_AccordionD .MC_Accordion_toggle_text {
align-items: center;
display: inline-flex;
padding-left: 0;
width: 100%
}
.MC_AccordionD .MC_Accordion_toggle_text_label {
color: var(--mc-theme-primary-color, var(--mc-core-rich-black));
display: inline-block;
font-family: var(--mc-default--fontlist);
font-size: 1rem;
font-weight: 700;
line-height: normal;
margin: 0 0 0 2px;
max-width: 60%;
padding: 0;
text-transform: uppercase
}
.MC_AccordionD .MC_Accordion_toggle_text:after {
background-color: var(--mc-theme-primary-color, var(--mc-core-rich-black));
right: 5px
}
.MC_AccordionD .MC_Accordion_group {
border-top: 0;
width: 100%
}
.MC_AccordionD .MC_Accordion_group:before {
border-top: 1px solid var(--mc-core-grey-4);
content: "";
display: block;
height: 1px;
position: relative;
z-index: 2
}
.MC_AccordionD .MC_Accordion_content {
padding-bottom: 32px;
padding-left: 0;
padding-top: 16px
}
.MC_AccordionD .MC_Accordion_content p {
margin-bottom: 16px
}
.MC_AccordionD_subtext {
margin: 0 auto;
max-width: var(--grid-size);
padding: 24px 64px;
text-align: center;
width: 100%
}
.MC_AccordionD_col {
flex-basis: 100%
}
@media screen and (min-width:768.98px) {
.MC_AccordionD_col {
flex-basis: calc(50% - 24px)
}
}
.MC_PromoBannerA {
margin: 0 auto;
max-width: 1920px
}
@media screen and (max-width:1496px) {
.MC_PromoBannerA {
padding-left: 28px;
padding-right: 28px
}
}
.MC_PromoBannerA [class*=MC_Heading] {
margin-bottom: 2.3125rem;
padding-top: 1rem
}
.MC_PromoBannerA_container {
display: flex;
flex-direction: column
}
.MC_PromoBannerA_poster {
aspect-ratio: 69/40;
height: auto;
width: 100%
}
.MC_PromoBannerA_poster-container {
flex: 0 0 62.95%
}
.MC_PromoBannerA_body {
align-self: stretch;
display: flex;
flex-direction: column;
justify-content: center;
padding: 24px 16px 32px
}
.MC_PromoBannerA_body-intro--text {
align-items: center;
color: var(--mc-vanilla-blue-1);
display: flex;
font-size: 12px;
font-weight: 400;
letter-spacing: .05em;
line-height: 20px;
margin-bottom: 8px;
text-align: center
}
.MC_PromoBannerA .MC_PromoBannerA_body-intro--text {
font-family: var(--mc-legends-fontlist)
}
.MC_PromoBannerA_body-headline {
color: var(--mc-core-white);
font-size: 16px;
font-weight: 700;
line-height: 24px;
margin-bottom: 0;
text-transform: none
}
.MC_PromoBannerA_body-headline,
.MC_Theme_Dungeons .MC_PromoBannerA_body-headline {
font-family: var(--mc-default--fontlist)
}
.MC_PromoBannerA .MC_PromoBannerA_body-description {
color: var(--mc-core-grey-1);
font-size: 14px;
font-weight: 400;
line-height: 22px;
margin-bottom: 32px
}
.MC_PromoBannerA .MC_Button_NotchedHero {
margin: 0 auto 0 .25rem
}
.MC_PromoBannerA_body[style*="--background-color"] {
background-color: var(--background-color)
}
.MC_PromoBannerA_body[style*="--background-image"] {
background-image: var(--background-image);
background-position: 100%;
background-repeat: no-repeat
}
.MC_PromoBannerA_body-intro--text[style*="--intro-text-color"] {
color: var(--intro-text-color)
}
.MC_PromoBannerA_body-headline[style*="--headline-text-color"] {
color: var(--headline-text-color)
}
.MC_PromoBannerA_body-description[style*="--description-text-color"] {
color: var(--description-text-color)
}
.MC_Theme_Dungeons .MC_PromoBannerA_body-intro--text {
font-family: var(--mc-dungeons-fontlist)
}
@media screen and (min-width:767.98px) {
.MC_PromoBannerA_container {
align-items: center;
flex-direction: row
}
.MC_PromoBannerA_poster {
aspect-ratio: 353/384
}
.MC_PromoBannerA_poster-container {
max-width: 353px
}
.MC_PromoBannerA_body-intro--text {
margin-bottom: 16px
}
.MC_PromoBannerA .MC_PromoBannerA_body-headline {
margin-bottom: 11px
}
.MC_PromoBannerA_body {
padding: 25px 40px
}
}
@media screen and (min-width:1200px) {
.MC_PromoBannerA_poster {
aspect-ratio: 752/435
}
.MC_PromoBannerA_poster-container {
max-width: 831px
}
.MC_PromoBannerA_body {
padding-bottom: 25px;
padding-top: 25px
}
}
.MC_Banner_StripeA {
--grid-size: 1920px;
padding: 2.3125rem 0;
text-align: center;
width: 100%
}
.MC_Banner_StripeA [class*=MC_Heading] {
margin: 0 auto;
max-width: var(--grid-size);
padding: 0 .5rem;
text-align: center
}
.MC_Banner_StripeA .MC_Text__align_left[class*=MC_Heading] {
padding: 0
}
.MC_Banner_StripeA[style*="--font-color"] [class*=MC_Heading] {
color: var(--font-color)
}
[style*="--background-image"] .MC_Banner_StripeA {
background-image: var(--background-image)
}
[class*=MC_Fade__][style*="--background-image"]:has(.MC_Banner_StripeA) .MC_Fade {
--fade-background-image: var(--background-image)
}
[class*=MC_Fade__][style*="--background-image"]:has(.MC_Banner_StripeA) .MC_Fade:after,
[class*=MC_Fade__][style*="--background-image"]:has(.MC_Banner_StripeA) .MC_Fade:before {
background-image: var(--fade-background-image)
}
[style*="--background-color"] .MC_Banner_StripeA,
[style*="--background-color"] .MC_Banner_StripeA+.MC_Fade:after,
[style*="--background-color"] .MC_Banner_StripeA+.MC_Fade:before {
background-color: var(--background-color)
}
[class*=MC_Fade__bottom] .MC_Banner_StripeA {
padding-bottom: .5rem
}
[class*=MC_Fade__bottom] .MC_Banner_StripeA:has(+.MC_Fade[style*="--fade-background-color"]) {
padding-bottom: 2.3125rem
}
@media (forced-colors:active) {
[data-mc-ref=mc_banner_stripeA] {
filter: invert(1)
}
}
[data-mc-ref=mc_stripeB] {
box-shadow: inset 0 -2px 0 0 #262423;
padding: 14px 60px
}
.MC_stripeB {
align-content: center;
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 24px;
justify-content: center;
margin: 0 auto;
max-width: 1800px
}
.MC_stripeB_header [class*=MC_Heading] {
font-family: var(--mc-default-fontlist);
font-size: .875rem;
font-style: normal;
font-weight: 700;
letter-spacing: 1.12px;
line-height: 20px;
text-transform: uppercase !important
}
.MC_stripeB_options {
gap: 24px
}
.MC_stripeB_options,
.MC_stripeB_options_list {
align-items: center;
display: flex;
flex-wrap: wrap;
justify-content: center
}
.MC_stripeB_options_list {
align-content: center;
gap: 8px;
margin: 0 !important;
padding: 0
}
.MC_stripeB_options_list li {
align-items: center;
display: flex;
gap: 6px;
padding: 6px
}
.MC_stripeB_options_list img,
.MC_stripeB_options_list svg {
flex-shrink: 0
}
.MC_stripeB_cta,
.MC_stripeB_options_list p {
font-size: .875rem
}
.MC_stripeB_cta {
align-items: center;
display: flex;
font-style: normal;
font-weight: 700;
gap: 8px;
letter-spacing: 1.12px;
line-height: 20px;
text-decoration: none !important;
text-transform: uppercase
}
.MC_stripeB_cta:after {
background-color: #6cc349;
content: "";
display: inline-block;
flex-grow: 0;
flex-shrink: 0;
height: 6px;
mask-image: var(--mc-environment-link-downarrow_svg-10x6);
-webkit-mask-image: var(--mc-environment-link-downarrow_svg-10x6);
width: 10px
}
.MC_stripeB_cta:hover {
text-decoration: underline !important
}
.MC_stripeB_cta:hover:after {
background-color: var(--mc-core-white)
}
@media screen and (max-width:767.98px) {
[data-mc-ref=mc_stripeB] {
padding-left: 16px;
padding-right: 16px
}
}
@media (forced-colors:active) {
.MC_stripeB_cta:after {
filter: invert(1)
}
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
.MC_stripeB_options_list svg {
filter: invert(1)
}
}
[data-mc-ref=mc_stripeC] {
box-shadow: inset 0 -2px 0 0 #262423;
padding: 14px 60px;
--background-image: "";
background-image: var(--background-image);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover
}
.MC_stripeC {
--link-color: var(--mc-core-green-1);
align-content: center;
margin: 0 auto;
max-width: 1800px
}
.MC_stripeC,
.MC_stripeC_options {
gap: 24px
}
.MC_stripeC,
.MC_stripeC_options,
.MC_stripeC_options_list {
align-items: center;
display: flex;
flex-wrap: wrap;
justify-content: center
}
.MC_stripeC_options_list {
align-content: center;
gap: 8px;
margin: 0 !important;
padding: 0
}
.MC_stripeC_options_list li {
align-items: center;
display: flex;
gap: 6px;
padding: 6px
}
.MC_stripeC_options_list p {
display: inline-flex;
flex-wrap: wrap;
font-size: .875rem;
gap: 4px;
justify-content: center
}
.MC_stripeC_options_list_text {
text-align: center
}
.MC_stripeC_options_link {
align-items: center;
display: inline-flex;
font-size: .875rem;
font-weight: 700;
gap: 8px;
letter-spacing: 1.12px;
line-height: 16px;
padding: 2px;
text-decoration: none !important;
text-transform: uppercase
}
.MC_stripeC_options_link,
.MC_stripeC_options_link:hover {
color: var(--link-color, var(--mc-core-green-6)) !important
}
.MC_stripeC_options_link:hover {
text-decoration: underline !important
}
.MC_stripeC_options_link:after {
background-color: var(--link-color, var(--mc-core-green-6))
}
@media screen and (max-width:767.98px) {
[data-mc-ref=mc_stripeC] {
padding-left: 24px;
padding-right: 24px
}
}
@media screen and (max-width:576px) {
[data-mc-ref=mc_stripeC] {
padding-left: 16px;
padding-right: 16px
}
}
@media (forced-colors:active) {
.MC_stripeC_cta:after {
filter: invert(1)
}
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
.MC_stripeC_options_list svg {
filter: invert(1)
}
}
.MC_textBannerA {
--grid-size: 1920px;
margin: 0 auto;
max-width: var(--grid-size);
padding: 48px 60px 32px
}
.MC_textBannerA_Image picture {
display: block;
margin: 0 auto 16px
}
.MC_textBannerA_Image img {
max-width: fit-content;
width: 100%
}
.MC_textBannerA [class*=MC_Heading] {
margin-bottom: 14px
}
.MC_textBannerA .MC_Button,
.MC_textBannerA [class*=MC_Glyph_Link_] {
margin-top: 16px
}
.MC_textBannerA_ctaBox {
display: flex;
flex-wrap: wrap;
gap: 24px;
justify-content: center;
margin-top: 16px
}
.MC_textBannerA_ctaBox [class*=MC_Glyph_Link_],
.MC_textBannerA_ctaBox>.MC_Button {
margin-top: 0
}
@media screen and (max-width:767.98px) {
.MC_textBannerA {
padding-left: 24px;
padding-right: 24px
}
}
@media screen and (max-width:576px) {
.MC_textBannerA {
padding-left: 16px;
padding-right: 16px
}
}
@media (forced-colors:active) {
.MC_textBannerA .MC_Button:focus {
outline-offset: -2px !important;
outline-width: 3px !important
}
}
[data-mc-ref=mc_banner_textBannerB] {
padding-bottom: 32px;
padding-top: 28px
}
.MC_textBannerB {
--grid-size: 1920px;
background-color: var(--mc-core-off-black);
display: flex;
flex-wrap: wrap;
margin: 0 auto;
max-width: calc(100% - 48px)
}
.MC_textBannerB:not(.MC_textBannerB_v2) {
flex-wrap: nowrap
}
.MC_textBannerB:not(.MC_textBannerB_v2),
.MC_textBannerB_container {
align-items: center;
box-shadow: 0 4px 0 0 var(--mc-core-rich-black) inset, 0 -4px 0 0 #3a3735 inset, 4px 0 0 0 #3a3735 inset, -4px 0 0 0 var(--mc-core-rich-black) inset;
flex-direction: column;
gap: 32px;
justify-content: space-between;
padding: 24px 32px
}
.MC_textBannerB_container {
display: flex;
width: 100%
}
.MC_textBannerB_bannerImage .MC_textBannerB_container {
box-shadow: unset;
padding: 24px 0
}
.MC_textBannerB_imageContainer {
flex-basis: 100%;
flex-shrink: 0
}
.MC_textBannerB_image {
box-shadow: inset -4px 0 0 0 #000, inset 4px 0 0 0 #252322, inset 0 -4px 0 0 #252322, inset 0 4px 0 0 #000;
padding: 4px;
width: 100%
}
.MC_textBannerB_content-container {
display: flex;
flex-direction: column;
flex-grow: 1;
gap: 26px
}
.MC_textBannerB_icon-container {
background-color: var(--mc-core-green-4);
flex-basis: 75px;
flex-shrink: 0;
height: 75px;
margin: 0 auto;
width: 75px
}
.MC_textBannerB_text-container {
align-self: center;
display: inline-flex;
flex-basis: 100%;
flex-direction: column;
flex-wrap: wrap;
word-break: break-word
}
.MC_textBannerB:has(.MC_textBannerB_icon-container) .MC_textBannerB_text-container {
flex-basis: calc(100% - 104px)
}
.MC_textBannerB_icon-container img {
width: 100%
}
.MC_textBannerB:not(.MC_textBannerB_imgCta) [class*=MC_Heading] {
color: var(--font-color, var(--mc-core-grey-1)) !important;
line-height: normal;
margin-bottom: 4px
}
.MC_textBannerB:not(.MC_textBannerB_imgCta) [class*=MC_Heading]:not([class*=MC_Heading_Font]) {
font-family: var(--mc-default--fontlist);
font-size: 1.125rem;
font-weight: 700;
letter-spacing: .25px
}
.MC_textBannerB_cta-container {
display: flex;
flex-shrink: 0;
flex-wrap: wrap;
gap: 24px
}
.MC_textBannerB_cta-container:has(:nth-child(2)) {
flex-shrink: 1
}
.MC_textBannerB .MC_textBannerB_content-description,
.MC_textBannerB .MC_textBannerB_content-description p {
color: var(--mc-core-grey-2) !important;
font-size: 1rem;
font-weight: 400;
line-height: 24px;
margin-bottom: 0
}
.MC_textBannerB .MC_Button_transparent {
font-weight: 700;
letter-spacing: .51px;
margin: 0;
min-width: fit-content;
text-transform: uppercase;
width: 100%;
word-break: break-word
}
@media screen and (min-width:500px) {
.MC_textBannerB_icon-container {
margin: initial
}
.MC_textBannerB_content-container {
flex-direction: row
}
}
@media screen and (min-width:768px) {
.MC_textBannerB,
.MC_textBannerB:not(.MC_textBannerB_v2),
.MC_textBannerB_container {
flex-direction: row
}
.MC_textBannerB_content-container {
flex-direction: row
}
.MC_textBannerB_text-container {
flex-basis: 100%;
max-width: 100%
}
.MC_textBannerB:has(.MC_textBannerB_icon-container) .MC_textBannerB_text-container {
flex-basis: 80%;
max-width: 80%
}
}
@media screen and (min-width:1200px) {
.MC_textBannerB {
max-width: calc(100% - 120px)
}
.MC_textBannerB_content-container {
flex-direction: row
}
}
@media screen and (min-width:1920px) {
.MC_textBannerB {
max-width: calc(var(--grid-size) - 120px)
}
}
.MC_textBannerB_imgCta .MC_textBannerB_icon-container {
aspect-ratio: 1
}
.MC_textBannerB_imgCta .MC_textBannerB_text-container {
align-items: center;
display: flex
}
.MC_textBannerB_imgCta [class*=MC_Heading]:not([class*=MC_Heading_Font]) {
font-size: 2rem;
font-style: normal;
font-weight: 400;
letter-spacing: -.48px;
line-height: 32px;
text-transform: capitalize
}
.MC_textBannerB_imgCta .MC_textBannerB_content-container {
width: 60%
}
.MC_textBannerB_imgCta .MC_textBannerB_cta-container {
justify-content: center
}
@media screen and (min-width:768px) and (max-width:1350px) {
.MC_textBannerB_imgCta .MC_textBannerB_content-container {
flex-basis: 100%;
width: calc(100% - 237px)
}
.MC_textBannerB_imgCta .MC_textBannerB_cta-container {
justify-content: center
}
}
@media screen and (max-width:767.98px) {
.MC_textBannerB_imgCta .MC_textBannerB_content-container {
width: 100%
}
}
@media screen and (max-width:500px) {
.MC_textBannerB_imgCta .MC_textBannerB_text-container {
text-align: center
}
}
[data-mc-ref=mc_banner_textBannerC] {
padding: 28px 16px 32px
}
.MC_textBannerC {
--grid-size: 1200px;
align-items: center;
background-color: var(--mc-core-off-black);
box-shadow: 0 4px 0 0 var(--mc-core-rich-black) inset, 0 -4px 0 0 #3a3735 inset, 4px 0 0 0 #3a3735 inset, -4px 0 0 0 var(--mc-core-rich-black) inset;
display: flex;
flex-direction: column;
gap: 32px;
justify-content: space-between;
margin: 0 auto;
max-width: var(--grid-size);
padding: 24px 32px
}
.MC_textBannerC_header {
text-align: center
}
.MC_textBannerC_content-container {
align-items: center;
display: flex;
flex-direction: column;
gap: 26px
}
.MC_textBannerC_text-content {
align-content: flex-start
}
.MC_textBannerC_icon-container {
background-color: var(--mc-core-green-4);
flex-basis: 150px
}
.MC_textBannerC_text-container {
flex-basis: 100%;
word-break: break-word
}
.MC_textBannerC:has(.MC_textBannerC_icon-container) .MC_textBannerC_text-container {
flex-basis: calc(100% - 104px)
}
.MC_textBannerC_icon-container img {
width: 100%
}
.MC_textBannerC [class*=MC_Heading] {
color: var(--font-color, var(--mc-core-grey-1));
line-height: normal;
margin-bottom: 4px
}
.MC_textBannerC .MC_textBannerC_content-description {
color: var(--mc-core-grey-2);
font-size: 1rem;
font-weight: 400;
line-height: 24px;
margin-bottom: 0
}
.MC_textBannerC_cta-container a+a {
margin-top: 16px
}
.MC_textBannerC .MC_Button_transparent {
font-weight: 700;
letter-spacing: .51px;
margin: 0;
min-width: fit-content;
text-transform: uppercase;
width: 100%;
word-break: break-word
}
.MC_Theme_Vanilla .MC_textBannerC_cta-container .MC_Glyph_Link_A {
color: var(--mc-core-green-3) !important
}
.MC_Theme_Vanilla .MC_textBannerC_cta-container .MC_Glyph_Link_A:after {
background-color: var(--mc-core-green-3) !important
}
.MC_Theme_Vanilla .MC_textBannerC_cta-container .MC_Glyph_Link_A:hover {
color: var(--mc-core-white) !important
}
.MC_Theme_Vanilla .MC_textBannerC_cta-container .MC_Glyph_Link_A:hover:after {
background-color: var(--mc-core-white) !important
}
@media screen and (min-width:500px) {
.MC_textBannerC_content-container {
flex-direction: row
}
}
@media screen and (min-width:768px) {
.MC_textBannerC,
.MC_textBannerC_content-container {
flex-direction: row
}
.MC_textBannerC_cta-container {
display: inline-flex;
flex-basis: 200px;
flex-wrap: wrap;
min-width: 200px
}
}
@media screen and (min-width:1200px) {
.MC_textBannerC_content-container {
flex-direction: row
}
}
[data-mc-ref=mc_banner_textBannerD] {
border-bottom: 90px solid var(--mc-core-grey-6);
border-top: 24px solid #0e0d0d
}
.MC_textBannerD {
margin: 0 auto;
max-width: 1920px;
padding: 64px 0 24px
}
.MC_textBannerD_header {
margin: 0 auto;
max-width: 876px;
padding: 0 60px;
text-align: center
}
.MC_textBannerD_text {
color: var(--mc-core-grey-2) !important;
font-family: var(--mc-legends-fontlist) !important;
margin-top: 6px
}
.MC_textBannerD_Image picture {
display: block;
height: 437px;
margin: 32px auto;
overflow: hidden;
position: relative;
width: 100%
}
.MC_textBannerD_Image img {
height: 437px;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 1582px
}
.MC_textBannerD [class*=MC_Heading] {
margin-bottom: 4px
}
@media screen and (max-width:1200px) {
[data-mc-ref=mc_banner_textBannerD] {
border-bottom-width: 24px
}
}
@media screen and (max-width:767.98px) {
.MC_textBannerD_header {
padding: 0 24px
}
.MC_textBannerD_Image picture {
height: 218px
}
.MC_textBannerD_Image img {
height: 218px;
width: 791px
}
}
.MC_textBannerD .MC_textBannerB {
max-width: 1440px
}
.MC_textBannerD .MC_textBannerB_icon-container {
background-color: transparent
}
.MC_textBannerD .MC_textBannerB_content-container {
flex-basis: 50%
}
.MC_textBannerD .MC_textBannerB_cta-container {
justify-content: center
}
@media screen and (max-width:1448px) {
.MC_textBannerD .MC_textBannerB {
margin: 0 24px
}
}
@media screen and (max-width:1300px) {
.MC_textBannerD .MC_textBannerB_content-container {
flex-basis: 40%
}
}
@media screen and (max-width:1100px) {
.MC_textBannerD .MC_textBannerB_content-container {
flex-basis: 100%
}
}
[data-mc-ref=mc_textBannerE] {
display: flex;
justify-content: center
}
.MC_textBannerE[data-mc-is-preview=true] {
background-image: url(/content/dam/minecraftnet/franchise/component-library/textBannerE/open-preview-realm-bg-desktop.jpg);
background-position: 50%;
background-size: cover
}
.MC_textBannerE {
align-items: center;
background-image: url(/content/dam/minecraftnet/franchise/component-library/textBannerE/open-realm-bg-desktop.jpg);
background-position: 100% 0;
background-repeat: no-repeat;
background-size: contain;
display: flex;
height: 100vh;
max-height: 700px;
max-width: 1300px;
padding: 30px;
width: 100%
}
.MC_textBannerE .MC_textBannerE_welcome {
background-color: rgba(0, 0, 0, .5);
display: flex;
flex-direction: column;
max-width: 500px
}
.MC_textBannerE .MC_textBannerE_notSupported {
color: #fff
}
.MC_textBannerE .MC_Button_Hero_Outline {
background-color: #000
}
.MC_textBannerE .MC_textBannerE_actionArea {
align-items: center;
display: flex;
margin-top: 45px
}
.MC_textBannerE .MC_textBannerE_actionArea a {
margin: 0 10px 45px 0
}
.MC_textBannerE .MC_textBannerE_text {
background-color: rgba(0, 0, 0, .5);
margin-bottom: 10.5px
}
.MC_textBannerE .MC_textBannerE_instructions {
text-shadow: 0 2px 0 #000;
width: 50%
}
.MC_textBannerE .MC_textBannerE_disclaimer {
font-size: 10px;
margin-top: 10.5px;
text-shadow: 0 1px 0 #000
}
.MC_textBannerE h1 {
text-shadow: 0 5px 0 #000
}
.MC_textBannerE {
background-color: #000
}
@media screen and (max-width:768px) {
.MC_textBannerE[data-mc-is-preview=true] {
background-image: url(/content/dam/minecraftnet/franchise/component-library/textBannerE/open-preview-realm-bg-mobile.jpg)
}
.MC_textBannerE {
background-image: url(/content/dam/minecraftnet/franchise/component-library/textBannerE/open-realm-bg-mobile.jpg)
}
.MC_textBannerE .MC_textBannerE_actionArea {
flex-direction: column
}
.MC_textBannerE .MC_textBannerE_instructions {
width: 100%
}
.MC_textBannerE {
align-items: end
}
.MC_textBannerE .MC_textBannerE_welcome {
align-items: center;
max-width: unset
}
}
.MC_videoBannerA {
--grid-size: 1920px;
align-items: flex-start;
display: flex;
gap: 24px;
margin: 0 auto;
max-width: var(--grid-size);
padding: 64px 60px
}
.MC_videoBannerA_contentContainer {
align-items: flex-start;
align-self: stretch;
display: flex;
flex-basis: 39%;
flex-direction: column;
flex-shrink: 0;
gap: 24px;
justify-content: center
}
.MC_videoBannerA_contentContainer p {
color: var(--mc-core-grey-3) !important;
font-family: var(--mc-legends-fontlist) !important;
font-size: 1.25rem;
font-style: normal;
font-weight: 400;
letter-spacing: .48px;
line-height: 24px
}
.MC_videoBannerA_contentContainer_boxedOutline {
align-self: center;
--backgroundColor: var(--mc-dungeons2-blue-6);
background-color: var(--backgroundColor);
--borderColor: #6defff;
border: 2px solid var(--borderColor);
border-bottom: 0;
border-top: 0;
box-shadow: 0 0 6px rgba(109, 239, 255, .55), 0 0 14px rgba(109, 239, 255, .35), 0 0 28px rgba(109, 239, 255, .18);
padding: 24px 24px 20px;
position: relative
}
@media screen and (max-width:992px) {
.MC_videoBannerA_contentContainer_boxedOutline {
text-align: center;
width: 100%
}
}
.MC_videoBannerA_contentContainer_boxedOutline p {
color: var(--mc-theme-primary-color, var(--mc-core-rich-black)) !important;
font-family: var(--mc-default--fontlist) !important;
font-size: 1rem
}
.MC_videoBannerA_contentContainer_boxedOutline .MC_Effect_squareCorners:first-child {
border-bottom: 0;
top: -4px
}
.MC_videoBannerA_contentContainer_boxedOutline .MC_Effect_squareCorners {
background-color: var(--backgroundColor);
border: 2px solid var(--borderColor);
height: 4px;
left: 3px;
position: absolute;
width: calc(100% - 6px)
}
.MC_videoBannerA_contentContainer_boxedOutline .MC_Effect_squareCorners:last-child {
border-top: 0;
bottom: -4px
}
.MC_videoBannerA_videoContainer {
width: 100%
}
.MC_videoBannerA_videoContainer_content {
align-items: flex-start;
background: linear-gradient(0deg, rgba(0, 0, 0, .35) 0, rgba(0, 0, 0, .35) 100%), var(--mc-core-off-black);
box-shadow: inset -4.054px 4.054px 0 0 rgba(0, 0, 0, .3), inset 4.054px -4.054px 0 0 hsla(20, 4%, 40%, .3);
display: inline-flex;
gap: 24px;
padding: 36px;
width: 100%
}
.MC_videoBannerA_videoContainer_modalTrigger {
background-color: transparent;
border: 0;
border-radius: 0;
margin: 0;
outline: 0;
padding: 0;
position: relative;
width: 100%
}
.MC_videoBannerA_videoContainer_modalTrigger:focus {
box-shadow: 0 0 0 4px var(--mc-default-focus);
outline: 2px solid var(--mc-core-white)
}
.MC_videoBannerA_videoContainer_posterImage {
height: auto;
width: 100%
}
.MC_videoBannerA .MC_videoPlay,
.MC_videoBannerA_videoModal_content .MC_videoPlay {
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%)
}
@media screen and (max-width:992px) {
.MC_videoBannerA {
flex-direction: column;
padding: 32px 60px
}
.MC_videoBannerA_contentContainer {
align-items: center
}
}
@media screen and (max-width:767.98px) {
.MC_videoBannerA {
padding: 32px
}
}
@media screen and (max-width:576px) {
.MC_videoBannerA {
padding: 32px 16px
}
.MC_videoBannerA_videoContainer_content {
padding: 8px
}
.MC_videoBannerA_contentContainer p {
font-size: 1.25rem;
line-height: 24px
}
.MC_videoBannerA_contentContainer_boxedOutline p {
font-size: 1rem
}
}
.MC_videoBannerA[style*="--font-color"] [class*=MC_Heading] {
color: var(--font-color)
}
[data-mc-ref=mc_videoBannerA] .MC_modal_cover {
backdrop-filter: blur(7px);
-webkit-backdrop-filter: blur(7px);
background: linear-gradient(transparent, var(--mc-core-off-black) 50%)
}
[data-mc-ref=mc_videoBannerA] .MC_modal_close {
background-color: #000;
padding: 6px;
right: 0;
z-index: 2
}
[data-mc-ref=mc_videoBannerA] .MC_modalGeneric .MC_scrollbar_scrollbar {
top: 60px !important
}
[data-mc-ref=mc_videoBannerA] [data-mc-ref*=mc_modals_modal]:has(.MC_modal[aria-hidden=false]) {
max-width: unset;
width: 100%
}
[data-mc-ref=mc_videoBannerA] .MC_modal {
margin: 0 auto;
max-width: 1275px;
width: 75%
}
[data-mc-ref=mc_videoBannerA] .MC_scrollbar_content {
margin-right: calc(var(--scrollbarWidth)*-1.1)
}
[data-mc-ref=mc_videoBannerA] .MC_modal_content {
display: flex;
flex-direction: column;
gap: 24px
}
.MC_videoBannerA_videoModal_content {
align-items: flex-start;
background: linear-gradient(0deg, rgba(0, 0, 0, .35) 0, rgba(0, 0, 0, .35) 100%), var(--mc-core-off-black);
box-shadow: inset -4.054px 4.054px 0 0 rgba(0, 0, 0, .3), inset 4.054px -4.054px 0 0 hsla(20, 4%, 40%, .3);
display: inline-flex;
gap: 24px;
margin-top: 60px;
padding: 36px;
width: 100%
}
.MC_videoBannerA_videoModal_content iframe {
aspect-ratio: 16/9;
width: 100%
}
.MC_videoBannerA_launchVideo {
background-color: transparent;
border: 0;
border-radius: 0;
margin: 0;
outline: 0;
padding: 0;
position: relative
}
.MC_videoBannerA_launchVideo:focus {
box-shadow: 0 0 0 4px var(--mc-default-focus);
outline: 2px solid var(--mc-core-white)
}
.MC_videoBannerA_videoModal_posterImage {
height: auto;
max-width: 1203px;
width: 100%
}
.MC_videoBannerA_videoModal_captionToggle {
display: flex;
justify-content: right;
min-height: 32px;
padding-bottom: 12px;
padding-right: 4px;
width: 100%
}
.MC_scrollbar_scrollable .MC_videoBannerA_videoModal_captionToggle {
padding-right: 24px
}
.MC_videoBannerA_videoModal_captionToggle .MC_switchA_label {
color: var(--mc-core-grey-1);
font-weight: 700;
letter-spacing: -.24px;
line-height: normal
}
@media screen and (max-width:560px) {
[data-mc-ref=mc_videoBannerA] .MC_modal {
width: 96%
}
.MC_videoBannerA_videoModal_content {
padding: 0
}
}
.MC_videoBannerA_videoModal_content:has(.MC_youTubePlayer_cookieAcceptError) .MC_youTubePlayer_embedVideo {
min-height: 400px
}
.MC_videoBannerA_videoModal_content:has(.MC_youTubePlayer_cookieAcceptError) .MC_youTubePlayer_cookieAcceptBlurb {
max-width: 90%
}
.MC_videoBannerA_videoModal_content:has(.MC_youTubePlayer_cookieAcceptError) .MC_youTubePlayer_cookieAcceptError_horizontalAlign-right.MC_youTubePlayer_cookieAcceptError_verticalAlign-bottom .MC_youTubePlayer_cookieAcceptImageInnerContainer {
display: flex;
justify-content: end
}
.MC_videoBannerA_videoModal_content:has(.MC_youTubePlayer_cookieAcceptError) .MC_youTubePlayer_cookieAcceptError_verticalAlign-top .MC_youTubePlayer_cookieAcceptBlurbContainer {
padding: 0 16px 16px
}
.MC_videoBannerA_videoModal_content:has(.MC_youTubePlayer_cookieAcceptError) .MC_youTubePlayer_cookieAcceptError_verticalAlign-bottom .MC_youTubePlayer_cookieAcceptImage {
max-width: 75%
}
.MC_videoBannerA_videoModal_content:has(.MC_youTubePlayer_cookieAcceptError) .MC_youTubePlayer_cookieAcceptError_verticalAlign-bottom .MC_youTubePlayer_cookieAcceptBlurbContainer {
padding: 16px 16px 0
}
[data-mc-ref=mc_videoBannerB] {
padding-left: 60px;
padding-right: 60px
}
.MC_videoBannerB {
--grid-size: 1275px;
margin: 0 auto;
max-width: var(--grid-size);
padding-bottom: 80px;
padding-top: 80px;
width: fit-content
}
.MC_videoBannerB .MC_videoBannerB_header {
align-items: center;
display: flex;
flex-direction: column;
gap: 8px;
margin-bottom: 24px;
text-align: center
}
.MC_videoBannerB:has(iframe) {
width: 100%
}
.MC_videoBannerB .MC_videoBannerB_content {
background: linear-gradient(0deg, rgba(0, 0, 0, .35) 0, rgba(0, 0, 0, .35) 100%), var(--mc-core-off-black);
box-shadow: inset -4.054px 4.054px 0 0 rgba(0, 0, 0, .3), inset 4.054px -4.054px 0 0 hsla(20, 4%, 40%, .3);
padding: 24px
}
.MC_videoBannerB .MC_videoBannerB_content iframe {
aspect-ratio: 16/9;
border: 0;
height: auto;
width: 100%
}
.MC_videoBannerB .MC_videoBannerB_content .MC_videoPlay {
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%)
}
.MC_videoBannerB .MC_videoBannerB_launchVideo {
background-color: transparent;
border: 0;
border-radius: 0;
margin: 0;
min-height: 125px;
min-width: 225px;
outline: 0;
padding: 0;
position: relative;
width: 100%
}
.MC_videoBannerB .MC_videoBannerB_launchVideo:focus {
box-shadow: 0 0 0 4px var(--mc-default-focus);
outline: 2px solid var(--mc-core-white)
}
.MC_videoBannerB .MC_videoBannerB_posterImage {
height: auto;
width: 100%
}
@media screen and (max-width:767.98px) {
[data-mc-ref=mc_videoBannerB] {
padding-left: 24px;
padding-right: 24px
}
.MC_videoBannerB {
padding-bottom: 48px;
padding-top: 48px
}
}
@media screen and (max-width:576px) {
[data-mc-ref=mc_videoBannerB] {
padding-left: 16px;
padding-right: 16px
}
.MC_videoBannerB {
padding-bottom: 32px;
padding-top: 32px
}
}
#MC_Anniversary_Cape {
--blockSize: 90;
overflow: hidden;
padding-bottom: 90px;
position: relative
}
#MC_Anniversary_Cape .MC_Anniversary_Cape_Border_Left {
border-top: 24px solid #0e0d0d;
position: absolute;
top: calc(var(--blockSize)*1px);
width: calc(var(--brandingWidth)*1px/2 - var(--gridWidth)*1px/2 - var(--blockSize)*1px - var(--scrollBarWidth)*1px/2);
z-index: 2
}
#MC_Anniversary_Cape .MC_Anniversary_Cape_Border_Right {
border-top: 24px solid #0e0d0d;
position: absolute;
right: 0;
top: calc(var(--blockSize)*1px);
width: calc(var(--brandingWidth)*1px/2 - var(--gridWidth)*1px/2 - var(--blockSize)*2*1px - 24px - var(--scrollBarWidth)*1px/2);
z-index: 2
}
#MC_Anniversary_Cape .MC_Blocks_Branding {
height: calc(var(--blockSize)*12px + var(--contentSize)*1px);
max-width: calc(var(--blockSize)*16px);
min-height: calc(var(--blockSize)*9px);
min-width: calc(var(--blockSize)*8px)
}
@media screen and (min-width:1280px) {
#MC_Anniversary_Cape .MC_Blocks_Branding {
height: calc(var(--blockSize)*5px + var(--contentSize)*1px)
}
}
#MC_Anniversary_Cape .MC_Anniversary_Cape_Blocks {
background-image: url(/content/dam/minecraftnet/franchise/component-library/anniversaryHub/anniversaryCape/cape_bg_90x90.png)
}
#MC_Anniversary_Cape .MC_Anniversary_Cape_Blocks:before {
background: transparent url(/content/dam/minecraftnet/franchise/component-library/anniversaryHub/anniversaryCape/cape_overlay_corner_partial.png) no-repeat;
content: "";
display: block;
height: 24px;
position: absolute;
right: -24px;
top: calc(var(--blockSize)*2px);
width: 24px
}
#MC_Anniversary_Cape .MC_Anniversary_Cape_Blocks:after {
background-color: #3b6b28;
content: "";
display: block;
height: calc(100% - 24px);
position: absolute;
right: -24px;
top: calc(24px + var(--blockSize)*2px);
width: 24px
}
@media screen and (min-width:840px) {
#MC_Anniversary_Cape .MC_Anniversary_Cape_Blocks:before {
top: 0
}
#MC_Anniversary_Cape .MC_Anniversary_Cape_Blocks:after {
top: 24px
}
}
#MC_Anniversary_Cape .MC_Anniversary_Cape_Overlay {
background-image: url(/content/dam/minecraftnet/franchise/component-library/anniversaryHub/anniversaryCape/cape_overlay.png), linear-gradient(90deg, var(--mc-core-grey-6) 0, var(--mc-core-grey-6) calc(var(--blockSize)*8px), transparent calc(var(--blockSize)*8px), transparent 100%);
background-repeat: no-repeat, no-repeat;
background-size: calc(var(--blockSize)*8px) calc(var(--blockSize)*9px), 100% 100%;
height: calc(var(--blockSize)*9px);
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 0
}
@media screen and (min-width:1464px) {
#MC_Anniversary_Cape .MC_Anniversary_Cape_Overlay:after,
#MC_Anniversary_Cape .MC_Anniversary_Cape_Overlay:before {
content: "";
display: block;
height: calc(var(--blockSize)*7px);
position: absolute;
top: calc(var(--blockSize)*1px);
width: 50vw
}
#MC_Anniversary_Cape .MC_Anniversary_Cape_Overlay:before {
background: var(--mc-core-off-black) url(/content/dam/minecraftnet/franchise/component-library/anniversaryHub/anniversaryCape/cape_edge_left.png) right 0 no-repeat;
left: -50vw
}
#MC_Anniversary_Cape .MC_Anniversary_Cape_Overlay:after {
background: var(--mc-core-off-black) url(/content/dam/minecraftnet/franchise/component-library/anniversaryHub/anniversaryCape/cape_edge_right_border.png) no-repeat;
left: calc(100% + 24px)
}
}
#MC_Anniversary_Cape .MC_Anniversary_Cape_Animation {
left: calc(var(--blockSize)*1px);
position: absolute;
top: calc(var(--blockSize)*1px);
width: calc(var(--blockSize)*7px);
z-index: 1
}
#MC_Anniversary_Cape .MC_Anniversary_Cape_Animation .MC_Animations_Cape {
width: 100%
}
#MC_Anniversary_Cape .MC_Anniversary_Cape_Animation .MC_Animations_Cape.MC_Animations_Layer,
#MC_Anniversary_Cape .MC_Anniversary_Cape_Animation .MC_Animations_Cape.MC_Animations_Layer:after {
animation-delay: calc(var(--animationPercent, 0)*-2000*1ms);
animation-iteration-count: 1;
animation-play-state: paused
}
#MC_Anniversary_Cape .MC_Anniversary_Cape_Content {
align-items: center;
background-color: #17370f;
border-left: 24px solid #3b6b28;
border-top: 24px solid #214915;
display: flex;
grid-column: 2/-2;
grid-row: 11/-2;
padding: 24px;
z-index: 1
}
@media screen and (min-width:1280px) {
#MC_Anniversary_Cape .MC_Anniversary_Cape_Content {
grid-column: 9/-2;
grid-row: 3/-3;
padding: 48px
}
}
#MC_Anniversary_Cape .MC_Anniversary_Cape_Content_Container {
text-align: center;
width: 100%
}
#MC_Anniversary_Cape .MC_Anniversary_Cape_Content_Container .MC_Heading_2 {
word-wrap: break-word
}
html[lang$=da-dk i] #MC_Anniversary_Cape .MC_Anniversary_Cape_Content_Container .MC_Heading_2,
html[lang$=fr-ca i] #MC_Anniversary_Cape .MC_Anniversary_Cape_Content_Container .MC_Heading_2,
html[lang$=fr-fr i] #MC_Anniversary_Cape .MC_Anniversary_Cape_Content_Container .MC_Heading_2,
html[lang$=it-it i] #MC_Anniversary_Cape .MC_Anniversary_Cape_Content_Container .MC_Heading_2 {
font-size: 300%;
line-height: 3.5rem
}
html[lang$=nb-no i] #MC_Anniversary_Cape .MC_Anniversary_Cape_Content_Container .MC_Heading_2 {
font-size: 230%;
line-height: 3.5rem
}
#MC_Anniversary_Cape .MC_Anniversary_Cape_Content p {
color: var(--mc-core-grey-1);
margin: 16px 0;
text-align: center
}
#MC_Anniversary_Cape .MC_Anniversary_Cape_Content .MC_Button {
margin: 0 auto 24px
}
#MC_Anniversary_Cape .MC_Anniversary_Cape_Content .MC_Link_Accent {
display: block;
margin: 0 auto
}
#MC_Anniversary_Cape .MC_Anniversary_Cape_RedeemAction_Error p {
color: var(--mc-dungeons-red-2) !important;
margin-top: -10px !important
}
.MC_Anniversary_Cape_Content_Container .MC_Animations_loadingIconA {
margin: 0 auto
}
@media screen and (max-width:840px) {
#MC_Anniversary_Cape .MC_Anniversary_Cape_Blocks:after {
height: calc(100% - var(--blockSize)*2px - 24px)
}
}
@media screen and (max-width:720px) {
#MC_Anniversary_Cape .MC_Blocks_Branding {
margin-bottom: var(--marginBottomOffset);
transform: scale(calc(var(--brandingWidth)/720));
transform-origin: 0 0
}
#MC_Anniversary_Cape .MC_Anniversary_Cape_Blocks:after,
#MC_Anniversary_Cape .MC_Anniversary_Cape_Blocks:before,
#MC_Anniversary_Cape .MC_Anniversary_Cape_Overlay:after,
#MC_Anniversary_Cape .MC_Anniversary_Cape_Overlay:before {
display: none
}
}
.MC_cardA__container {
margin: 0 auto;
max-width: 1200px;
padding: 5rem 4.5rem
}
.MC_Fade__offset_top .MC_cardA__container {
padding-top: 0
}
.MC_cardA__container>[class*=MC_Heading] {
text-align: center
}
.MC_cardA__card_container {
justify-content: center;
margin: 3rem 0 0
}
.MC_cardA__card_front {
max-width: 18.75rem
}
.MC_cardA__card_poster_container {
width: 100%
}
.MC_cardA__card_poster {
height: auto;
width: 100%
}
.MC_cardA__card_content {
margin-top: .375rem
}
.MC_cardA__card_text_blurb {
line-height: 1.361875rem;
margin-top: 1rem;
text-align: center
}
.MC_cardA__card_content [class*=MC_Heading] {
text-align: center
}
.MC_Theme_Dungeons .MC_cardA__card_content [class*=MC_Heading] {
text-transform: uppercase
}
.MC_Theme_Vanilla .MC_cardA__card_content [class*=MC_Heading] {
font-family: var(--mc-legends-fontlist);
font-size: 1.5rem;
line-height: 1.75rem
}
@media only screen and (max-width:767.98px) {
.MC_cardA__card_front {
margin: 0 auto
}
.MC_cardA__card_front:nth-child(n+2) {
margin-top: 2rem
}
}
@media only screen and (max-width:500px) {
.MC_cardA__container {
padding: 3.5rem 2.5rem
}
}
@media only screen and (min-width:768px) {
.MC_cardA__card_container {
display: flex;
flex-wrap: wrap;
gap: 2.25rem;
justify-content: center
}
.MC_cardA__card_container.MC_cardA__grid_align_left {
display: grid;
grid-template-columns: repeat(3, 1fr)
}
.MC_cardA__card_poster_container {
display: inline-flex
}
.MC_cardA__card_front {
flex: 0 29.92%
}
}
@media only screen and (min-width:1200px) {
.MC_cardA__card_container.MC_cardA__grid_align_left {
gap: 4.25rem
}
}
.MC_cardA__container .MC_cardA__card_content a {
color: inherit
}
.MC_cardA__container .MC_cardA__card_content a:hover {
color: inherit;
text-decoration: none
}
@media screen and (min-width:1200px) {
.MC_cardB {
display: flex;
flex-wrap: wrap;
gap: 1.5rem;
margin: 0 auto;
max-width: 75rem;
padding: 5rem 4.5rem 8rem
}
.MC_Layout_Grid .MC_cardB {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 1.5rem
}
.MC_Layout_Grid .MC_cardB__header {
text-align: left
}
}
@media screen and (max-width:1199.98px) {
.MC_cardB {
display: flex;
flex-wrap: wrap;
gap: 1.5rem;
justify-content: center;
margin: 0 auto;
max-width: 66rem;
padding: 5rem 4.5rem 8rem
}
}
.MC_cardB__header {
width: 100%
}
@media screen and (min-width:1200px) {
.MC_Layout_Grid .MC_cardB__header {
grid-column: 1/3;
width: auto
}
}
.MC_cardB__header_description {
font-size: 1.25rem;
line-height: 2rem;
margin-top: 1.5rem
}
.MC_cardB__flip_back_content {
--font-color: var(--mc-core-white)
}
.MC_cardB__flip_back_description {
color: var(--mc-core-white)
}
.MC_cardB__flip_back_description,
.MC_cardB__flip_back_description p,
.MC_cardB__flip_back_heading {
color: var(--font-color) !important
}
.MC_cardB__flip {
aspect-ratio: 1;
max-width: 21rem;
width: 100%
}
.MC_cardB__header {
text-align: center
}
.MC_cardB .MC_cardB__flip_front_heading {
color: var(--font-color)
}
@media screen and (min-width:1200px) {
.MC_cardB__flip_container {
height: 100%;
position: relative;
text-align: center;
transform-style: preserve-3d;
transition: transform .8s;
width: 100%
}
@media (prefers-reduced-motion:reduce) {
.MC_cardB__flip_container {
transition-duration: 0s
}
}
.MC_cardB__flip_container_flipped {
transform: rotateY(180deg)
}
.MC_cardB__flip_front {
position: relative;
transform-style: preserve-3d;
transition: transform .8s
}
.MC_cardB__flip_container:not(.MC_cardB__flip_disabled) .MC_cardB__flip_front:hover {
cursor: pointer
}
.MC_cardB__flip_disabled .MC_cardB_flip_btn {
display: none
}
.MC_cardB__flip_back {
background-color: var(--mc-core-rich-black)
}
.MC_Theme_Legends .MC_cardB__flip_back {
background-color: var(--mc-legends-ultra-dark-blue)
}
.MC_cardB__flip_back[style*="--background-color"] {
background-color: var(--background-color) !important
}
.MC_cardB__flip_back[style*="--flip-font-color"] .MC_cardB__flip_back_description p,
.MC_cardB__flip_back[style*="--flip-font-color"] [class*=MC_Heading] {
color: var(--flip-font-color) !important
}
.MC_cardB__flip_back,
.MC_cardB__flip_front {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
height: 100%;
position: absolute;
width: 100%
}
.MC_cardB__flip_back[aria-hidden=true],
.MC_cardB__flip_front[aria-hidden=true] {
visibility: hidden
}
.MC_cardB__flip_front_bg {
left: 0;
position: absolute;
top: 0;
width: 100%
}
.MC_cardB__flip_front_content {
--font-color: var(--mc-core-white);
--card-padding: .875rem;
--accent-color: var(--mc-core-rich-black);
align-items: center;
display: flex;
height: 100%;
justify-content: center;
padding: var(--card-padding);
position: relative;
width: 100%;
z-index: 2
}
.MC_cardB__flip_back {
transform: rotateY(180deg)
}
.MC_cardB__flip_back:before {
border-color: var(--mc-core-white) var(--mc-core-white) var(--mc-core-off-white) var(--mc-core-off-white);
border-style: solid;
border-width: .25rem;
content: "";
display: block;
inset: 0;
position: absolute
}
.MC_cardB__flip_back_content {
--card-padding: .875rem;
--accent-color: var(--mc-core-rich-black);
display: block;
height: 100%;
padding: var(--card-padding);
position: relative;
text-align: left;
width: 100%;
z-index: 2
}
.MC_cardB__flip_back_behavior_overflow .MC_cardB__flip_back_overflow {
overflow-y: scroll;
padding-right: 10px
}
.MC_cardB .MC_cardB__flip_back_heading {
margin-bottom: .75rem;
margin-top: 3.25rem
}
.MC_cardB .MC_cardB__flip_back_overflow {
margin-top: 3.25rem
}
.MC_cardB .MC_cardB__flip_back_heading+.MC_cardB__flip_back_overflow {
margin-top: 0
}
.MC_cardB__flip_back_description {
line-height: 1.3618rem;
margin-bottom: 0
}
.MC_cardB__flip_back_behavior_overflow .MC_cardB__flip_back_description a:focus,
.MC_cardB__flip_back_behavior_overflow .MC_cardB__flip_back_description a:focus-visible {
outline-offset: -1px
}
.MC_cardB__flip_back_baselink {
bottom: 1rem;
left: 1rem;
position: absolute
}
.MC_cardB__flip_back_baselink.MC_Link_Accent:hover {
color: var(--mc-core-white) !important
}
.MC_cardB__flip_back_baselink.MC_Link_Accent:hover:after {
background-color: var(--mc-core-white) !important
}
.MC_Theme_Legends .MC_cardB__flip_back:before {
border-color: var(--mc-legends-light-blue-6) var(--mc-legends-light-blue-6) var(--mc-legends-light-blue-4) var(--mc-legends-light-blue-4)
}
.MC_Theme_Dungeons .MC_cardB__flip_back:before {
border-color: var(--mc-dungeons-orange-2) var(--mc-dungeons-orange-2) var(--mc-dungeons-orange-4) var(--mc-dungeons-orange-4)
}
.MC_Theme_Dungeons .MC_cardB__flip_back {
background-color: var(--mc-dungeons-mulberry-5)
}
.MC_Theme_Vanilla .MC_cardB__flip_back:before {
border-color: var(--mc-vanilla-green-2) var(--mc-vanilla-green-2) var(--mc-vanilla-green-4) var(--mc-vanilla-green-4)
}
.MC_Theme_Vanilla .MC_cardB__flip_back {
background-color: var(--mc-core-off-black)
}
}
@media screen and (max-width:1199.98px) {
.MC_Layout_Grid .MC_cardB {
justify-content: center
}
.MC_cardB__flip {
aspect-ratio: auto;
width: calc(50% - 12px)
}
.MC_cardB__flip_front_bg {
height: auto;
width: 100%
}
.MC_cardB .MC_cardB__flip_container:not(.MC_cardB__flip_disabled) .MC_cardB__flip_front_heading {
display: none
}
.MC_cardB__flip_back_heading,
.MC_cardB__flip_front_heading {
margin-top: 1rem
}
.MC_cardB__flip_back_description {
line-height: 1.3618rem;
margin-top: .75rem
}
.MC_cardB__flip_back_baselink {
display: inline-block;
margin-top: 1.5rem
}
}
@media screen and (max-width:767.98px) {
.MC_cardB {
padding: 3rem 1rem
}
.MC_cardB__flip {
max-width: 25rem;
width: 100%
}
}
.MC_cardB_flip_btn {
align-items: center;
aspect-ratio: 1;
background-color: transparent;
border: .125rem solid var(--accent-color, var(--mc-core-rich-black));
bottom: var(--card-padding);
cursor: pointer;
display: flex;
justify-content: center;
position: absolute;
right: var(--card-padding);
width: 2.25rem
}
.MC_cardB_flip_btn:before {
background-color: var(--accent-color, var(--mc-core-rich-black));
content: " ";
display: block;
height: .875rem;
width: .875rem
}
.MC_cardB_flip_open:before {
clip-path: var(--mc-environment-plus_icon_clip-path)
}
.MC_cardB_flip_close:before {
clip-path: var(--mc-environment-close_icon_clip-path)
}
.MC_cardB__flip_back_content .MC_cardB_flip_btn {
bottom: auto;
top: var(--card-padding)
}
.MC_cardB__flip_front:hover .MC_cardB_flip_btn,
.MC_cardB_flip_btn:hover {
background-color: var(--mc-core-white);
border-color: var(--mc-core-white)
}
.MC_cardB__flip_front:hover .MC_cardB_flip_btn:before,
.MC_cardB_flip_btn:hover:before {
background-color: var(--mc-core-rich-black)
}
.MC_cardB_flip_btn:active,
.MC_cardB_flip_btn:focus,
.MC_cardB_flip_btn:focus-visible {
background-color: var(--mc-core-white);
border: .125rem solid #1452cc;
border-radius: 0;
box-shadow: 0 0 0 .0625rem #fff;
outline: 0
}
.MC_cardB_flip_btn:active:before,
.MC_cardB_flip_btn:focus-visible:before,
.MC_cardB_flip_btn:focus:before {
background-color: var(--mc-core-rich-black)
}
@media screen and (max-width:1199.98px) {
.MC_cardB_flip_btn {
display: none
}
}
@media (forced-colors:active) {
.MC_cardB_flip_open {
background-color: var(--mc-core-rich-black);
filter: invert(1)
}
.MC_cardB__flip_front:hover .MC_cardB_flip_open,
.MC_cardB_flip_open:hover {
filter: invert(0)
}
}
@media (forced-colors:active) and (prefers-color-scheme:dark) {
.MC_cardB__flip_front:hover .MC_cardB_flip_btn:before,
.MC_cardB_flip_btn:hover:before,
.MC_cardB_flip_close:before,
.MC_cardB_flip_open:before {
background-color: currentColor;
filter: invert(1)
}
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
.MC_cardB__flip_front:hover .MC_cardB_flip_btn:before,
.MC_cardB_flip_btn:hover:before,
.MC_cardB_flip_close:before,
.MC_cardB_flip_open:before {
filter: invert(1)
}
}
.MC_Style_bg[data-mc-ref=mc_card_cardB] {
--tiled-background: none;
--bottom-background: none;
background-image: var(--bottom-background), var(--tiled-background);
background-position: bottom, 50%;
background-repeat: repeat-x, repeat
}
.MC_Theme_Dungeons.MC_Style_bg[data-mc-ref=mc_card_cardB] {
--tiled-background: url(/content/dam/minecraftnet/franchise/component-library/cardB/Dungeons_PrimaryPatternBG_Tiling.jpg);
--bottom-background: url(/content/dam/minecraftnet/franchise/component-library/cardB/Dungeons_EmberBottom.jpg)
}
.MC_CardD {
margin: 48px 16px 75px;
max-width: 1056px
}
.MC_CardD_header {
margin: 0 4px;
text-align: center
}
.MC_CardD_header_blurb {
margin: 16px auto 48px;
max-width: 492px;
padding: 0 4px;
text-align: center
}
.MC_CardD_card {
margin-bottom: 64px;
width: 100%
}
.MC_CardD_poster_img {
height: auto;
width: 100%
}
.MC_CardD_content {
background-color: var(--mc-core-off-white);
border: 16px solid var(--border-color, var(--mc-core-rich-black));
height: calc(100% - 180px);
min-height: 212px;
padding: 24px 17px;
position: relative
}
.MC_CardD_content_server {
color: var(--mc-core-grey-6);
font-family: var(--mc-legends-fontlist);
font-size: .875rem;
letter-spacing: .04em;
line-height: 1.5rem;
margin-top: 3px;
position: absolute;
right: 0;
text-transform: uppercase;
top: 3px
}
.MC_CardD_content_server:after {
aspect-ratio: 1/1;
background-color: var(--mc-core-grey-6);
content: "";
display: inline-block;
vertical-align: bottom;
width: 24px
}
.MC_CardD_content_server__public:after {
clip-path: var(--mc-environment-unlock_icon_clip-path);
margin: 0 16px 0 8px
}
.MC_CardD_content_server__private:after {
clip-path: var(--mc-environment-lock_icon_clip-path);
margin: 0 20px 0 12px
}
.MC_CardD_content_header {
color: var(--mc-core-rich-black) !important;
font-family: var(--mc-legends-fontlist) !important
}
.MC_CardD_content_server+.MC_CardD_content_header {
margin-top: 10px
}
.MC_CardD_content_blurb {
line-height: 1.361875rem;
margin-top: 1.5rem
}
.MC_CardD_content_blurb p {
color: var(--mc-core-rich-black)
}
.MC_CardD_content_tag_container {
display: flex;
flex-wrap: wrap;
gap: 16px;
margin-bottom: 24px;
padding: 0
}
.MC_CardD_content_tag {
background: var(--mc-core-grey-1);
box-shadow: 2px 2px 0 rgba(0, 0, 0, .3);
color: var(--mc-core-grey-5);
display: inline-block;
font-family: var(--mc-legends-fontlist);
letter-spacing: .04em;
padding: 0 4px;
text-transform: uppercase
}
.MC_CardD_content .MC_Accordion_toggle:focus {
box-shadow: 0 0 0 1px var(--mc-core-white);
outline: 2px solid var(--mc-default-focus);
outline-offset: -2px
}
.MC_CardD_content .MC_Accordion_toggle_text {
margin-top: 0
}
.MC_CardD_content .MC_Accordion_content p {
color: var(--mc-core-rich-black)
}
@media (forced-colors:active) {
.MC_CardD_content_tag {
outline: 1px solid #000
}
}
.MC_CardD_content_cta {
color: var(--mc-core-grey-6) !important
}
.MC_CardD_content_cta:hover {
text-decoration: underline !important
}
.MC_CardD_content_cta:after {
background-color: var(--mc-core-grey-6) !important
}
.MC_Theme_Dungeons .MC_CardD_content_header {
text-transform: uppercase
}
.MC_Theme_Vanilla .MC_CardD_content_header {
font-family: var(--mc-legends-fontlist);
font-size: 1.5rem;
line-height: 1.75rem
}
@media only screen and (max-width:767px) {
.MC_CardD {
margin: 0 16px;
padding: 80px 0
}
.MC_CardD_card {
margin-bottom: 24px
}
}
@media only screen and (min-width:768px) {
.MC_CardD {
margin: 0 auto;
padding: 80px 0
}
.MC_CardD_container {
display: flex;
gap: 24px;
justify-content: center
}
.MC_CardD_card {
flex: 0 336px;
margin-bottom: 0
}
}
.MC_CardD_content a {
color: inherit !important
}
.MC_CardD_content a:hover {
color: inherit;
text-decoration: none
}
.MC_CardD_content a:focus,
.MC_CardD_content a:focus-visible {
box-shadow: 0 0 0 .0625rem var(--mc-default-focus) !important
}
.MC_CardD_content .MC_Link_Accent {
margin-bottom: 1px
}
.MC_CardD .MC_Accordion_toggle {
background-color: var(--mc-core-off-white)
}
@media (forced-colors:active) and (prefers-color-scheme:dark) {
.MC_CardD_content_server__private:after,
.MC_CardD_content_server__public:after {
background-color: currentColor;
filter: invert(1)
}
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
.MC_CardD_content_server__private:after,
.MC_CardD_content_server__public:after {
filter: invert(1)
}
}
.MC_CardE {
--grid-size: 1920px;
--col-count: 4;
display: flex;
flex-direction: column;
gap: 48px;
margin: 0 auto;
max-width: var(--grid-size);
padding-bottom: 40px;
padding-top: 40px
}
.MC_CardE_grid {
display: grid;
gap: 24px;
grid-template-columns: repeat(auto-fill, 90%);
justify-content: center
}
.MC_CardE_blurb,
.MC_CardE_header [class*=MC_Heading] {
text-align: center
}
.MC_CardE_blurb {
margin-top: 16px
}
.MC_CardE_card {
display: flex;
flex-direction: column;
gap: 23px
}
.MC_CardE_container {
text-decoration: none !important
}
.MC_CardE_container:focus {
box-shadow: 0 0 0 1px var(--mc-core-white);
outline: 2px solid var(--mc-default-focus);
outline-offset: -2px
}
.MC_CardE_poster_img {
width: 100%
}
.MC_CardE .MC_CardE_content_blurb {
margin-bottom: 16px
}
.MC_CardE .MC_CardE_content_blurb p {
color: var(--mc-core-grey-3) !important;
font-size: .875rem;
line-height: 1.5rem
}
.MC_CardE_content [class*=MC_Heading] {
width: 100%
}
.MC_CardE_content [class*=MC_Heading]:not([class*=MC_Heading_Font]) {
font-family: var(--mc-default-fontlist);
font-size: 1.125rem
}
.MC_CardE .MC_CardE_content_tag_container {
border-top: 2px solid var(--mc-core-grey-6);
display: flex;
flex-wrap: wrap;
gap: 16px;
list-style-type: none;
margin: auto 0 0;
padding: 8px 0 0;
width: 100%
}
.MC_CardE_content_tag_container rect,
.MC_CardE_content_tag_container svg {
fill: var(--mc-core-grey-4);
height: 20px;
width: 20px
}
@media screen and (min-width:500px) {
.MC_CardE {
padding: 40px 24px
}
.MC_CardE_grid {
grid-template-columns: repeat(auto-fill, 47.09%)
}
.MC_CardE_content_tag_container {
margin-top: auto
}
}
@media screen and (min-width:767.98px) {
.MC_CardE {
padding: 48px 24px 40px
}
.MC_CardE_card {
height: 100%
}
.MC_CardE_content {
align-items: baseline;
display: inline-flex;
flex-wrap: wrap;
height: 100%
}
}
@media screen and (min-width:960px) {
.MC_CardE_grid {
grid-template-columns: repeat(4, minmax(auto, calc(25% - 18px)))
}
.MC_CardE[style*="--col-count: 3"] .MC_CardE_grid,
.MC_CardE[style*="--col-count:3"] .MC_CardE_grid {
grid-template-columns: repeat(3, minmax(auto, calc(33.33% - 48px)))
}
}
@media screen and (min-width:1200px) {
.MC_CardE {
padding: 48px 60px 40px
}
}
.MC_CardF {
--grid-size: 1920px;
--col-count: 3;
display: flex;
flex-direction: column;
gap: 48px;
margin: 0 auto;
max-width: var(--grid-size);
padding-bottom: 40px;
padding-top: 40px
}
.MC_CardF_grid {
display: grid;
gap: 48px;
grid-template-columns: repeat(auto-fill, 90%);
justify-content: center
}
.MC_CardF_blurb,
.MC_CardF_header [class*=MC_Heading] {
text-align: center
}
.MC_CardF_blurb {
align-items: center;
display: flex;
gap: 6px;
justify-content: center;
margin-top: 16px
}
.MC_CardF_blurb svg {
position: relative;
top: 2px
}
.MC_CardF_blurb p {
color: var(--mc-core-green-2) !important;
font-family: var(--mc-legends-fontlist)
}
.MC_CardF_card {
display: flex;
flex-direction: column;
gap: 23px
}
.MC_CardF_container {
text-decoration: none !important
}
.MC_CardF_container:focus {
box-shadow: 0 0 0 1px var(--mc-core-white);
outline: 2px solid var(--mc-default-focus);
outline-offset: -2px
}
.MC_CardF_poster_img {
width: 100%
}
.MC_CardF_saleInfo {
display: flex;
flex-wrap: wrap;
gap: 8px;
justify-content: space-between;
margin-bottom: 12px;
width: 100%
}
.MC_CardF_saleInfo_pricing {
align-items: center;
display: inline-flex;
gap: 8px
}
.MC_CardF_listPrice {
color: var(--mc-core-green-1);
font-size: 1.5rem;
font-style: normal;
font-weight: 600;
line-height: 28px
}
.MC_CardF_retailPrice {
color: var(--mc-core-grey-3);
font-size: .875rem;
font-style: normal;
font-weight: 400;
line-height: normal;
text-decoration: line-through
}
.MC_CardF .MC_CardF_content_blurb {
color: var(--mc-core-grey-3) !important;
font-size: .875rem;
line-height: 1.5rem;
margin-bottom: 16px
}
.MC_CardF_content [class*=MC_Heading] {
font-weight: 700;
margin-bottom: 8px;
width: 100%
}
.MC_CardF_content [class*=MC_Heading]:not([class*=MC_Heading_Font]) {
font-family: var(--mc-default-fontlist);
font-size: 1.125rem
}
.MC_CardF .MC_CardF_content_tag_container {
border-top: 2px solid var(--mc-core-grey-5);
display: flex;
flex-wrap: wrap;
gap: 16px;
list-style-type: none;
margin: auto 0 0;
padding: 8px 0 0;
width: 100%
}
.MC_CardF_content_tag_container rect,
.MC_CardF_content_tag_container svg {
fill: var(--mc-core-grey-4);
height: 20px;
width: 20px
}
@media screen and (min-width:768px) and (max-width:1199.98px) {
.MC_CardF {
flex-direction: column;
padding: 48px 24px 40px
}
.MC_CardF_grid {
grid-template-columns: repeat(auto-fill, 100%)
}
.MC_CardF_card {
flex-direction: row;
height: 100%
}
.MC_CardF_card>div:first-child {
min-width: 208px;
width: 28.88%
}
.MC_CardF_content {
height: 100%;
width: 100%
}
}
@media screen and (min-width:1200px) {
.MC_CardF {
padding: 48px 60px 40px
}
.MC_CardF_card {
height: 100%
}
.MC_CardF_grid {
grid-template-columns: repeat(3, minmax(auto, calc(33.33% - 48px)))
}
.MC_CardF_content {
align-items: baseline;
display: inline-flex;
flex-direction: column;
flex-wrap: wrap;
height: 100%
}
}
[data-mc-ref=mc_cardG] {
border-bottom: 2px solid #262423;
overflow: hidden;
padding-left: 60px;
padding-right: 60px
}
.MC_cardG {
--grid-size: 1280px;
gap: 16px;
margin: 0 auto;
max-width: var(--grid-size);
padding: 48px 0
}
.MC_cardG_header {
margin-bottom: 16px;
padding: 0 24px;
position: relative;
text-align: center;
z-index: 3
}
.MC_Core_HeadingStyle[class*=MC_Theme_] .MC_cardG_header [class*=MC_Heading] {
letter-spacing: .96px
}
.MC_cardG_header .MC_cardG_headingShield {
background-color: var(--mc-core-off-black);
display: inline-block
}
.MC_cardG_grid {
align-self: stretch;
gap: 24px;
justify-content: center;
position: relative
}
.MC_cardG_card,
.MC_cardG_grid {
align-items: flex-start;
display: flex;
flex-wrap: wrap;
z-index: 2
}
.MC_cardG_card {
background-color: var(--mc-core-off-black);
box-shadow: inset 0 2px 0 0 #262423;
flex-direction: column;
gap: 16px;
padding: 16px;
width: 296px
}
.MC_cardG_card picture {
flex-basis: 100%;
width: 100%
}
.MC_cardG_card picture img {
width: 100%
}
.MC_cardG_content {
display: inline-flex;
flex-direction: column;
flex-shrink: 0;
flex-wrap: wrap;
gap: 16px;
width: 100%
}
.MC_cardG_content_header {
display: flex;
flex-direction: column;
gap: 4px
}
.MC_cardG_content_header [class*=MC_Heading] {
font-family: var(--mc-default-fontlist) !important;
font-size: 1.125rem !important;
font-weight: 700;
letter-spacing: -.27px;
line-height: normal
}
.MC_cardG_content .MC_dividerA {
margin: 0;
padding: 0 !important;
width: 100% !important
}
.MC_cardG_priceContainer {
color: var(--mc-core-grey-3);
font-size: 1.125rem;
font-weight: 700;
letter-spacing: -.27px;
line-height: normal
}
.MC_cardG_animationWrapper {
margin: 0 auto;
position: absolute;
width: calc(var(--cards)*296px)
}
.MC_cardG_animationWrapper_animations {
height: 100%;
position: absolute;
width: 100%
}
.MC_cardG .MC_cardG_animationWrapper .MC_Animations_Layer:first-child {
left: -300px;
top: -112px
}
.MC_cardG .MC_cardG_animationWrapper .MC_Animations_Layer:last-child {
left: unset;
right: -300px;
top: -112px
}
.MC_cardG .MC_cardG_animationWrapper .MC_Animations_Layer.MC_Animations_cardSoulPeek_left {
left: -320px
}
.MC_cardG .MC_cardG_animationWrapper .MC_Animations_Layer.MC_Animations_cardSoulPeek_right {
right: -320px
}
.MC_cardG .MC_cardG_animationWrapper .MC_Animations_Layer,
.MC_cardG .MC_cardG_animationWrapper .MC_Animations_Layer:after {
animation-iteration-count: 1;
animation-play-state: paused;
background-position-x: var(--animationPercent) !important
}
@media screen and (max-width:1375px) {
.MC_cardG_animationWrapper {
width: 888px
}
}
@media screen and (max-width:1071px) {
.MC_cardG_animationWrapper {
width: 616px
}
}
@media screen and (max-width:1000px) {
[data-mc-ref=mc_cardG] {
padding: 0 24px
}
}
@media screen and (max-width:767.98px) {
.MC_cardG_animationWrapper {
display: none
}
.MC_cardG_card {
width: calc(50% - 12px)
}
}
@media screen and (max-width:576px) {
[data-mc-ref=mc_cardG] {
padding: 0 16px
}
.MC_cardG_card {
width: 100%
}
}
[data-mc-ref=mc_cardH] {
padding: 32px 60px
}
.MC_cardH {
display: flex;
flex-direction: column;
gap: 48px;
margin: 0 auto;
--grid-size: 1920px;
max-width: var(--grid-size)
}
.MC_cardH_cardClickable .MC_cardH_card:has(.MC_cardH_card_link):hover {
cursor: pointer
}
.MC_cardH_cardClickable .MC_cardH_card:has(.MC_cardH_card_link):hover .MC_cardH_card_link {
color: var(--mc-core-white);
text-decoration: underline !important
}
.MC_cardH_cardClickable .MC_cardH_card:has(.MC_cardH_card_link):hover .MC_cardH_card_link:after {
background-color: var(--mc-core-white)
}
.MC_cardH_header {
align-items: center;
display: flex;
flex-direction: column;
gap: 24px;
justify-content: flex-end;
text-align: center
}
.MC_cardH_header:empty {
display: none
}
.MC_cardH_card img {
max-width: 100%
}
.MC_cardH_list {
align-items: flex-start;
display: flex;
flex-wrap: wrap;
gap: 24px;
justify-content: center;
list-style-type: none;
margin: 0 auto !important;
max-width: 1192px;
padding: 0 !important
}
.MC_cardH[style*="list-size: unset"] .MC_cardH_list,
.MC_cardH[style*="list-size:unset"] .MC_cardH_list {
max-width: unset
}
.MC_cardH_list>li {
align-items: center;
align-self: stretch;
display: flex;
flex-direction: column;
flex-shrink: 0;
gap: 16px;
justify-content: flex-start;
padding-bottom: 16px;
width: 270px
}
.MC_cardH_card_boxed>li {
background: var(--mc-core-grey-6);
box-shadow: inset 0 -2px 0 0 #000, inset 0 2px 0 0 #3d3938;
padding: 16px
}
.MC_cardH_card {
gap: 16px
}
.MC_cardH_card,
.MC_cardH_card_content {
display: flex;
flex-direction: column;
height: 100%
}
.MC_cardH_card_content {
align-items: center;
gap: 12px;
justify-content: center;
text-align: center
}
.MC_cardH_card_heading {
font-family: var(--mc-legends-fontlist);
font-size: 1.5rem;
font-style: normal;
font-weight: 400;
line-height: 28px;
margin: 0;
text-transform: capitalize
}
.MC_cardH_card_link {
font-weight: 700;
margin-top: auto;
text-decoration: none !important
}
.MC_cardH_card_link:hover {
text-decoration: underline !important
}
@media screen and (max-width:767.98px) {
.MC_cardH {
gap: 32px
}
[data-mc-ref=mc_cardH] {
padding: 32px 24px
}
}
@media screen and (max-width:576px) {
[data-mc-ref=mc_cardH] {
padding: 32px 16px
}
}
[data-mc-ref=mc_cardI] {
padding: 32px 60px
}
.MC_cardI {
gap: 48px;
margin: 0 auto;
--grid-size: 1920px;
max-width: var(--grid-size)
}
.MC_cardI,
.MC_cardI_header {
display: flex;
flex-direction: column
}
.MC_cardI_header {
align-items: center;
gap: 24px;
justify-content: flex-end;
text-align: center
}
.MC_cardI_header:empty {
display: none
}
.MC_cardI_list {
align-items: flex-start;
display: flex;
flex-wrap: wrap;
gap: 24px;
justify-content: center;
list-style-type: none;
margin: 0 auto !important;
max-width: 1192px;
padding: 0 !important
}
.MC_cardI[style*="list-size: unset"] .MC_cardI_list,
.MC_cardI[style*="list-size:unset"] .MC_cardI_list {
max-width: unset
}
.MC_cardI_list>li {
align-items: center;
align-self: stretch;
display: flex;
flex: 1 0 calc(25% - 24px);
flex-direction: column;
gap: 16px;
justify-content: flex-start;
min-width: 300px;
padding-bottom: 16px
}
.MC_cardI_card_boxed>li {
background: var(--mc-core-grey-6);
box-shadow: inset 0 -2px 0 0 #000, inset 0 2px 0 0 #3d3938;
padding: 16px
}
.MC_cardI_card {
gap: 16px
}
.MC_cardI_card,
.MC_cardI_card_content {
display: flex;
flex-direction: column;
height: 100%
}
.MC_cardI_card_content {
align-items: stretch;
gap: 12px;
justify-content: normal;
text-align: center
}
.MC_cardI_card_heading {
font-family: var(--mc-legends-fontlist);
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 28px;
margin: 0;
text-transform: capitalize
}
.MC_cardI_card_link {
font-weight: 700;
margin-top: auto;
text-decoration: none !important
}
.MC_cardI_card_link:hover {
text-decoration: underline !important
}
.MC_cardI .MC_Link_Style_RichText p+p {
margin-top: 1rem
}
.MC_cardI .MC_cardI_cardButton_container {
display: flex;
flex-direction: inherit;
margin-top: auto
}
.MC_cardI .MC_Glyph_Link_B {
align-self: center;
margin-top: 1rem
}
@media screen and (max-width:767.98px) {
.MC_cardI {
gap: 32px
}
[data-mc-ref=mc_cardI] {
padding: 32px 24px
}
}
@media screen and (max-width:576px) {
[data-mc-ref=mc_cardI] {
padding: 32px 16px
}
}
[data-mc-ref=mc_cardL] {
padding: 48px 60px 0
}
[data-mc-ref=mc_cardL].MC_Theme_Realms:has(.MC_cardL_borderShadow) {
padding: 48px 60px 24px
}
.MC_cardL {
--grid-size: 1920px;
--background-image: unset;
align-items: center;
flex-direction: column;
margin: 0 auto;
max-width: var(--grid-size);
padding: 32px 48px
}
.MC_cardL.MC_cardL_cardClickable:hover {
cursor: pointer
}
.MC_cardL_imageContainer {
display: none
}
.MC_cardL_content {
background-image: var(--background-image, "unset");
background-position: bottom;
background-repeat: no-repeat;
padding: 32px 0
}
.MC_cardL_content,
.MC_cardL_content>.MC_cardL_column {
align-items: center;
align-self: stretch;
display: flex;
gap: 16px
}
.MC_cardL_content>.MC_cardL_column {
flex-grow: 1
}
.MC_cardL_content>.MC_cardL_column img {
height: auto;
width: 100%
}
.MC_cardL_content>.MC_cardL_column:first-child {
max-width: 387px;
min-width: 230px;
width: 35%
}
.MC_cardL_content>.MC_cardL_column:last-child {
align-items: flex-start;
flex-direction: column;
justify-content: center
}
.MC_cardL_content.MC_cardL_noPrimaryImage .MC_cardL_imageContainer,
.MC_cardL_content.MC_cardL_noPrimaryImage>.MC_cardL_column:first-child {
display: none
}
.MC_cardL_content-heading {
align-items: center;
align-self: stretch;
display: flex;
gap: 8px;
justify-content: space-between;
width: 100%
}
.MC_cardL_content-heading [class*=MC_Heading] {
font-size: 3.5rem;
letter-spacing: -.015em;
line-height: 3.5rem
}
.MC_cardL_content-heading [class*=MC_Heading] span {
color: var(--heading-color, var(--mc-theme-primary-color, var(--mc-core-rich-black)))
}
.MC_cardL_content-heading p {
color: var(--font-color, var(--mc-theme-primary-color, var(--mc-core-rich-black)));
font-size: 1.125rem;
font-style: normal;
font-weight: 700;
letter-spacing: -.27px;
line-height: 27px
}
.MC_cardL_content-body {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 8px;
justify-content: space-between;
width: 100%
}
.MC_cardL_content-body>.MC_cardL_column {
display: flex;
flex-direction: column;
gap: 8px
}
.MC_cardL_content-body>.MC_cardL_column:last-child {
align-self: flex-end
}
.MC_cardL_content-body .MC_cardL_subHeading {
margin: 0
}
.MC_cardL_content-body .MC_cardL_priceContainer p,
.MC_cardL_content-body .MC_cardL_subHeading {
font-family: var(--mc-default--fontlist);
font-size: 1.5rem;
font-style: normal;
font-weight: 600;
line-height: 28px
}
.MC_cardL_content-description p {
font-size: .875rem;
font-style: normal;
line-height: normal
}
.MC_cardL_tagContainer {
border-top: 1px solid var(--mc-core-white);
display: flex;
flex-wrap: wrap;
gap: 8px;
list-style-type: none;
padding: 16px 0 0;
width: 100%
}
.MC_cardL_tagContainer li {
min-width: 36px;
text-align: center
}
.MC_cardL_tagContainer path,
.MC_cardL_tagContainer rect,
.MC_cardL_tagContainer svg {
fill: var(--icon-color, var(--mc-theme-primary-color, var(--mc-core-grey-4)));
height: 20px;
width: 20px
}
@media screen and (max-width:1200px) {
.MC_cardL {
padding-bottom: 32px;
padding-top: 32px
}
.MC_cardL_content-heading>.MC_cardL_column:last-child,
.MC_cardL_content>.MC_cardL_column:first-child {
display: none
}
.MC_cardL_content>.MC_cardL_column:last-child {
width: 100%
}
.MC_cardL_imageContainer {
align-items: flex-start;
display: flex;
gap: 8px;
justify-content: center;
width: 100%
}
.MC_cardL_content {
background-position: top;
padding: 0
}
}
@media screen and (max-width:767.98px) {
[data-mc-ref=mc_cardL] {
padding-left: 24px;
padding-right: 24px
}
[data-mc-ref=mc_cardL].MC_Theme_Realms:has(.MC_cardL_borderShadow) {
padding-left: 24px;
padding-right: 24px
}
.MC_cardL {
padding: 24px
}
}
@media screen and (max-width:576px) {
[data-mc-ref=mc_cardL] {
padding-left: 16px;
padding-right: 16px
}
[data-mc-ref=mc_cardL].MC_Theme_Realms:has(.MC_cardL_borderShadow) {
padding-left: 16px;
padding-right: 16px
}
}
.MC_cardL_borderShadow {
border: 2px solid var(--mc-core-off-black)
}
.MC_Theme_Realms>.MC_cardL_borderShadow {
background: linear-gradient(180deg, transparent 0, color-mix(in srgb, var(--mc-realms-pink-5) 20%, transparent) 100%), var(--mc-realms-deep-blue-7);
border: 4px solid var(--mc-realms-pink-6);
box-shadow: 0 0 25px 0 var(--mc-realms-pink-3)
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
.MC_cardL_tagContainer svg {
filter: invert(1)
}
}
.MC_CarouselA {
max-width: 1920px;
padding-top: 2.25rem
}
.MC_CarouselA__FadeIn .MC_Carousel_thumbs_wrapper {
visibility: hidden
}
.MC_CarouselA__FadeIn:not(.MC_Carousel__Animate) .MC_Carousel_header,
.MC_CarouselA__FadeIn:not(.MC_Carousel__Animate_Track) .MC_Carousel_thumbs_wrapper {
animation-name: none;
transform: translate3d(0, 100%, 0);
visibility: hidden
}
.MC_CarouselA__FadeIn.MC_Carousel__Animate .MC_Carousel_header,
.MC_CarouselA__FadeIn.MC_Carousel__Animate_Track .MC_Carousel_thumbs_wrapper {
animation-duration: 1s;
animation-fill-mode: forwards;
animation-name: mcAnimateFadeInUp;
visibility: visible
}
@media (prefers-reduced-motion:reduce) {
.MC_CarouselA__FadeIn.MC_Carousel__Animate .MC_Carousel_header,
.MC_CarouselA__FadeIn.MC_Carousel__Animate_Track .MC_Carousel_thumbs_wrapper {
animation-name: none;
animation: none;
opacity: 1
}
}
.MC_CarouselA .MC_Carousel_header {
box-sizing: border-box;
margin: 0 auto;
padding: 0 30px;
text-align: center;
width: 100%
}
@media screen and (min-width:768px) {
.MC_CarouselA .MC_Carousel_header {
padding: 0;
width: 606px
}
}
.MC_CarouselA .MC_Carousel_header_headline {
font-size: 2rem;
font-weight: 400;
line-height: 1;
margin: 3rem 0;
word-break: break-word
}
@media screen and (min-width:768px) {
.MC_CarouselA .MC_Carousel_header_headline {
font-size: 3.5rem
}
}
.MC_CarouselA .MC_Carousel_header_description {
font-family: var(--mc-default--fontlist);
font-size: 1rem;
font-weight: 400;
line-height: 1.2;
margin-bottom: 2.5rem;
margin-top: 1rem
}
.MC_CarouselA .MC_Carousel_controls {
margin: 24px auto 40px;
text-align: center
}
.MC_CarouselA .MC_Carousel_track_wrapper .MC_Carousel_controls {
display: none;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1
}
.MC_CarouselA .MC_Carousel_thumbs_wrapper .MC_Carousel_controls {
margin-bottom: 78px
}
@media screen and (min-width:768px) {
.MC_CarouselA .MC_Carousel_thumbs_wrapper .MC_Carousel_controls {
display: none
}
.MC_CarouselA .MC_Carousel_track_wrapper .MC_Carousel_controls {
bottom: unset;
display: block;
left: calc(50% - 56px);
right: unset;
text-align: right;
top: 0;
transform: translateY(384px);
width: 376px
}
}
@media screen and (min-width:1200px) {
.MC_CarouselA .MC_Carousel_track_wrapper .MC_Carousel_controls {
left: calc(50% + 149px);
transform: translateY(590px)
}
}
.MC_Carousel.MC_CarouselA .MC_Carousel_controls_button:focus,
.MC_Carousel.MC_CarouselA .MC_Carousel_controls_button:focus-visible {
box-shadow: 0 0 0 2px var(--mc-core-white);
outline-offset: -1px
}
.MC_CarouselA .MC_Carousel_track {
margin: 0 auto -258px;
overflow: hidden;
padding-bottom: 258px;
position: relative;
width: calc(100vw - 80px)
}
@media screen and (min-width:768px) {
.MC_CarouselA .MC_Carousel_track {
margin-bottom: 0;
min-height: 488px;
padding-bottom: 0;
width: 640px
}
}
@media screen and (min-width:1200px) {
.MC_CarouselA .MC_Carousel_track {
min-height: 694px;
width: 1050px
}
}
.MC_CarouselA .MC_Carousel_track_slide_text {
font-family: var(--mc-default--fontlist);
width: calc(100vw - 80px)
}
@media screen and (min-width:768px) {
.MC_CarouselA .MC_Carousel_track_slide_text {
width: 455px
}
}
.MC_CarouselA .MC_Carousel_track_slide_text_blurb {
font-size: 14px;
font-weight: 400;
line-height: 1.25;
margin: 24px 0 0;
padding: 0 1px
}
.MC_CarouselA .MC_Carousel_track_slide_media {
aspect-ratio: 280/180;
width: calc(100vw - 80px)
}
@media screen and (min-width:768px) {
.MC_CarouselA .MC_Carousel_track_slide_media {
height: 384px;
width: 640px
}
}
@media screen and (min-width:1200px) {
.MC_CarouselA .MC_Carousel_track_slide_media {
height: 590px;
width: 1050px
}
}
.MC_CarouselA .MC_Carousel_track_slide_media_img,
.MC_CarouselA .MC_Carousel_track_slide_media_link {
display: block;
height: 100%;
position: relative;
width: 100%
}
.MC_CarouselA .MC_Carousel_track_slide_media_link:focus-visible {
box-shadow: inset 1px 1px 0 0 var(--mc-core-white), inset 1px -1px 0 0 var(--mc-core-white), inset -1px -1px 0 0 var(--mc-core-white), inset -1px 1px 0 0 var(--mc-core-white), inset 3px 3px 0 0 var(--mc-default-focus), inset 3px -3px 0 0 var(--mc-default-focus), inset -3px -3px 0 0 var(--mc-default-focus), inset -3px 3px 0 0 var(--mc-default-focus);
outline: none
}
.MC_Carousel_track_slide_media_img__breakthrough {
clip-path: var(--mc-environment-breakthrough_clip-path)
}
.MC_Carousel_track_slide_media_link__play:focus picture,
.MC_Carousel_track_slide_media_link__play:focus-visible picture {
position: relative
}
.MC_Carousel_track_slide_media_link__play:focus picture:before,
.MC_Carousel_track_slide_media_link__play:focus-visible picture:before {
border: .125rem solid #1452cc;
content: " ";
height: calc(100% - 2px);
left: 1px;
outline: .0625rem solid #fff !important;
outline-offset: 0;
position: absolute;
top: 1px;
width: calc(100% - 2px);
z-index: 2
}
.MC_Carousel_track_slide_media_link__play:focus,
.MC_Carousel_track_slide_media_link__play:focus-visible {
box-shadow: none !important;
outline: none !important
}
.MC_Carousel_track_slide_media_link__play:before {
aspect-ratio: 1/1;
background-color: var(--mc-vanilla-green-5);
border: 2px solid var(--mc-vanilla-grey-6);
box-shadow: 0 4px 0 rgba(0, 0, 0, .25), inset 0 -6px 0 var(--mc-vanilla-green-6), inset 0 6px 0 var(--mc-vanilla-green-4);
content: "";
left: 50%;
max-width: 56px;
min-width: 40px;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 14.29%;
z-index: 1
}
.MC_Carousel_track_slide_media_link__play:after {
aspect-ratio: 6/11;
background-color: var(--mc-core-white);
clip-path: polygon(0 0, 0 100%, 16.67% 100%, 16.67% 90.91%, 33.33% 90.91%, 33.33% 81.82%, 50% 81.82%, 50% 72.73%, 66.67% 72.73%, 66.67% 63.64%, 83.33% 63.64%, 83.33% 54.55%, 100% 54.55%, 100% 45.45%, 83.33% 45.45%, 83.33% 36.36%, 66.67% 36.36%, 66.67% 27.27%, 50% 27.27%, 50% 18.18%, 33.33% 18.18%, 33.33% 9.09%, 16.67% 9.09%, 16.67% 0);
content: "";
left: 50%;
margin-left: .429%;
max-width: 18px;
min-width: 12px;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 4.29%;
z-index: 2
}
@media screen and (min-width:768px) {
.MC_Carousel_track_slide_media_link__play:before {
max-width: none;
width: 56px
}
.MC_Carousel_track_slide_media_link__play:after {
max-width: none;
width: 18px
}
}
@media screen and (min-width:1200px) {
.MC_Carousel_track_slide_media_link__play:before {
width: 64px
}
.MC_Carousel_track_slide_media_link__play:after {
width: 24px
}
}
.MC_CarouselA .MC_Carousel_thumbs {
left: 50%;
margin: 24px 0 0;
position: relative;
transform-box: fill-box;
transform-origin: center;
width: max-content
}
@media screen and (min-width:768px) {
.MC_CarouselA .MC_Carousel_thumbs {
margin: 48px 0 72px
}
}
.MC_CarouselA .MC_Carousel_thumbs_track {
cursor: pointer;
transform: translateX(0);
transform-box: fill-box;
transition: .3s ease;
width: max-content
}
.MC_CarouselA .MC_Carousel_thumbs_slide {
border: none;
box-sizing: border-box;
cursor: pointer;
height: 130px;
margin: 0 8px;
padding: 0;
width: 232px
}
.MC_CarouselA .MC_Carousel_thumbs_slide:focus,
.MC_CarouselA .MC_Carousel_thumbs_slide:focus-visible {
box-shadow: 0 0 0 3px var(--mc-core-white);
outline: 2px solid var(--mc-default-focus)
}
@media screen and (min-width:1200px) {
.MC_CarouselA .MC_Carousel_thumbs_slide {
height: 189px;
width: 336px
}
}
.MC_CarouselA .MC_Carousel_thumbs_slide__active {
position: relative
}
.MC_CarouselA .MC_Carousel_thumbs_slide__active:after {
box-shadow: inset 4px -4px 0 var(--mc-vanilla-green-2), inset -4px 4px 0 var(--mc-vanilla-green-4);
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.MC_CarouselA .MC_Carousel_thumbs_slide_img {
height: 100%;
width: 100%
}
.MC_Theme_Legends .MC_CarouselA .MC_Carousel_track_slide_media {
clip-path: none
}
.MC_Theme_Legends .MC_CarouselA .MC_Carousel_thumbs_slide__active:after {
box-shadow: inset 4px -4px 0 var(--mc-legends-light-blue-4), inset -4px 4px 0 var(--mc-legends-light-blue-6)
}
.MC_Theme_Dungeons .MC_CarouselA .MC_Carousel_track_slide_media {
clip-path: none
}
.MC_Theme_Dungeons .MC_CarouselA .MC_Carousel_thumbs_slide__active:after {
box-shadow: inset 4px -4px 0 var(--mc-dungeons-orange-4), inset -4px 4px 0 var(--mc-dungeons-orange-6)
}
@media (forced-colors:active) {
.MC_CarouselA .MC_Carousel_track_slide_media_link__play:after {
filter: invert(1)
}
.MC_CarouselA .MC_Carousel_thumbs_slide__active:after {
outline: 4px solid var(--mc-core-off-black) !important;
outline-offset: -4px
}
}
.MC_CarouselB {
max-width: 1920px
}
.MC_CarouselB .MC_Carousel_track {
left: 0;
position: relative;
transform-origin: center;
width: 100%
}
@media screen and (max-width:1199.98px) {
.MC_CarouselB .MC_Carousel_track {
transform: none !important
}
}
@media screen and (min-width:1200px) {
.MC_CarouselB .MC_Carousel_track {
left: 50%;
width: max-content
}
}
.MC_CarouselB .MC_Carousel_track_slider {
transform: translateX(0);
transition: .3s ease
}
.MC_CarouselB .MC_Carousel_track_slide {
position: relative;
width: 100%
}
.MC_CarouselB .MC_Carousel_track_slide[style*="--background-color:"] {
background-color: var(--background-color)
}
.MC_CarouselB .MC_Carousel_track_slide_media {
background-size: 18.75%;
width: 100%
}
@media screen and (min-width:768px) {
.MC_CarouselB .MC_Carousel_track_slide_media {
background-size: 12.5%
}
}
@media screen and (min-width:1200px) {
.MC_CarouselB .MC_Carousel_track_slide,
.MC_CarouselB .MC_Carousel_track_slide_media {
aspect-ratio: unset;
background-size: 9.375%;
height: 675px;
width: 1200px
}
}
.MC_CarouselB .MC_Carousel_track_slide_media_img {
display: block;
height: auto;
position: relative;
width: 100%;
z-index: 5
}
@media screen and (min-width:1200px) {
.MC_CarouselB .MC_Carousel_track_slide_media_img {
aspect-ratio: 1200/675;
height: 675px;
width: 1200px
}
}
@media screen and (max-width:1199.98px) {
.MC_CarouselB_Layout_2.MC_CarouselB .MC_Carousel_track_slide_text {
margin-top: -20px
}
}
.MC_CarouselB .MC_Carousel_track_slide.MC_Bg_Inherit {
--bg-gradient: unset;
--desktop-bg-gradient-size: 100% 100%;
--tablet-bg-gradient-size: 0% 0%;
--mobile-bg-gradient-size: 0% 0%;
background: var(--bg-gradient);
background-repeat: no-repeat
}
@media screen and (min-width:1200px) {
.MC_CarouselB .MC_Carousel_track_slide.MC_Bg_Inherit {
background-size: var(--desktop-bg-gradient-size)
}
}
@media screen and (min-width:768px) and (max-width:1198.98px) {
.MC_CarouselB .MC_Carousel_track_slide.MC_Bg_Inherit {
background-size: var(--tablet-bg-gradient-size)
}
}
@media screen and (max-width:767.98px) {
.MC_CarouselB .MC_Carousel_track_slide.MC_Bg_Inherit {
background-size: var(--mobile-bg-gradient-size)
}
}
.MC_CarouselB .MC_Carousel_track_slide_text[style*="--font-color:"] .MC_Carousel_track_slide_text_heading,
.MC_CarouselB .MC_Carousel_track_slide_text[style*="--font-color:"] p {
color: var(--font-color)
}
.MC_CarouselB .MC_Carousel_track_slide_text_heading {
text-align: center;
width: 100%
}
.MC_CarouselB .MC_Carousel_track_slide_text_heading+.MC_Carousel_track_slide_text_blurb {
margin-top: 1rem
}
@media screen and (max-width:576px) {
.MC_CarouselB .MC_Carousel_track_slide_text .MC_Carousel_track_slide_text_banner+.MC_Carousel_track_slide_text_wrapper .MC_Carousel_track_slide_text_heading {
text-align: left
}
}
.MC_CarouselB .MC_Carousel_track_slide_text__boxed {
--background-color: var(--mc-core-white);
--font-color: inherit;
background-color: transparent;
box-sizing: border-box;
margin: 0 auto 110px;
max-width: 528px;
min-height: 200px;
min-width: 280px;
padding: 0 4.5% 4.5% 0;
position: relative;
width: 87.5%
}
@media screen and (max-width:1199.98px) {
.MC_CarouselB .MC_Carousel_track_slide_text__boxed .MC_Carousel_track_slide_text_wrapper {
padding-left: 9%
}
.MC_CarouselB .MC_Carousel_track_slide_text__boxed .MC_Carousel_track_slide_text_banner {
padding-left: 4.5%
}
.MC_CarouselB .MC_Carousel_track_slide_text__boxed .MC_Carousel_track_slide_text_banner+.MC_Carousel_track_slide_text_wrapper {
padding-left: 0
}
}
.MC_CarouselB .MC_Carousel_track_slide_text__boxed .MC_Carousel_track_slide_text_blurb,
.MC_CarouselB .MC_Carousel_track_slide_text__boxed .MC_Carousel_track_slide_text_heading {
padding-top: 4.5%
}
.MC_CarouselB .MC_Carousel_track_slide_text__boxed .MC_Carousel_track_slide_text_heading+.MC_Carousel_track_slide_text_blurb {
padding-top: 0
}
@media screen and (min-width:768px) {
.MC_CarouselB .MC_Carousel_track_slide_text__boxed {
margin-bottom: 96px;
max-width: unset;
padding: 10%;
width: 68.75%
}
}
@media screen and (min-width:1200px) {
.MC_CarouselB .MC_Carousel_track_slide_text__boxed {
height: 40%;
left: 92px;
max-height: 483px;
min-height: 323px;
padding: 0 65px 1.5rem 0;
position: absolute;
top: 96px;
transform: none;
width: 528px
}
.MC_CarouselB .MC_Carousel_track_slide_text__boxed .MC_Carousel_track_slide_text_wrapper {
align-content: center;
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: wrap;
height: 100%;
justify-content: center
}
.MC_CarouselB .MC_Carousel_track_slide_text__boxed.MC_Carousel_track_slide_text__boxed__right {
left: unset;
right: 92px
}
}
@media screen and (max-width:1199.98px) {
.MC_CarouselB .MC_Carousel_track_slide_text__boxed {
padding: 0 4.5% 4.5% 0
}
}
.MC_CarouselB .MC_Carousel_track_slide_text__boxed:before {
background-color: var(--background-color);
box-shadow: 0 4px 0 rgba(0, 0, 0, .15);
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.MC_CarouselB .MC_Carousel_track_slide_text__boxed * {
position: relative;
z-index: 10
}
.MC_CarouselB .MC_Carousel_track_slide_text_blurb {
font-family: var(--mc-default--fontlist);
font-size: 1rem;
line-height: 1.2;
text-align: center;
width: 100%
}
@media screen and (max-width:768px) {
.MC_CarouselB_Layout_1 .MC_Carousel_track_slide_text__unboxed {
padding: .875rem 1.5rem 5.625rem
}
.MC_CarouselB_Layout_1 .MC_Carousel_track_slide_media_img_center,
.MC_CarouselB_Layout_1 .MC_Carousel_track_slide_media_layer_2 {
width: 100%
}
.MC_CarouselB_Layout_1 .MC_Carousel_track_slide_media_img {
aspect-ratio: unset
}
}
@media screen and (min-width:769px) {
.MC_CarouselB_Layout_1 .MC_Carousel_track_slide_text__unboxed {
align-content: center;
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: wrap;
height: 100%;
left: 64px;
position: absolute;
text-align: left !important;
top: 0;
width: 30.66%;
z-index: 5
}
}
@media screen and (min-width:768px) {
.MC_CarouselB_Layout_1 .MC_Carousel_track_slide_text__unboxed.MC_Carousel_track_slide_text__unboxed__right {
left: unset;
right: 64px
}
.MC_CarouselB_Layout_1 .MC_Carousel_track_slide_text__unboxed.MC_Carousel_track_slide_text__unboxed__top_left {
align-content: flex-start
}
.MC_CarouselB_Layout_1 .MC_Carousel_track_slide_text__unboxed.MC_Carousel_track_slide_text__unboxed__top_left .MC_Carousel_track_slide_text_wrapper {
padding-top: 17px
}
.MC_CarouselB_Layout_1 .MC_Carousel_track_slide_cta {
height: 384px;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 640px;
z-index: 5
}
.MC_CarouselB_Layout_1 .MC_Carousel_track_slide_cta .MC_Carousel_track_slide_media_link {
display: block;
height: 100%;
width: 100%
}
.MC_CarouselB_Layout_1 .MC_Carousel_track_slide_cta .MC_Carousel_track_slide_media_link:focus,
.MC_CarouselB_Layout_1 .MC_Carousel_track_slide_cta .MC_Carousel_track_slide_media_link:focus-visible {
border: .125rem solid #1452cc;
outline: .0625rem solid #fff !important
}
}
@media screen and (min-width:768.98px) and (max-width:1199.98px) {
.MC_CarouselB_Layout_1.MC_CarouselB .MC_Carousel_controls.MC_Carousel_controls__bottom_right {
left: calc(100% - 136px)
}
.MC_CarouselB_Layout_1.MC_CarouselB .MC_Carousel_controls.MC_Carousel_controls__bottom_left {
left: 136px
}
.MC_CarouselB_Layout_1.MC_CarouselB .MC_Carousel_controls.MC_Carousel_controls__top_right {
bottom: unset;
left: calc(100% - 136px);
top: 32px
}
.MC_CarouselB_Layout_1.MC_CarouselB .MC_Carousel_controls.MC_Carousel_controls__top_left {
bottom: unset;
left: 136px;
top: 32px
}
.MC_CarouselB_Layout_1 .MC_Carousel_track_slide_text__unboxed.MC_Carousel_track_slide_text__unboxed__top_left .MC_Carousel_track_slide_text_wrapper {
padding-top: 24px
}
.MC_CarouselB_Layout_1 .MC_Carousel_track_slide_cta {
height: 56.88%;
width: 53.33%
}
}
@media screen and (min-width:1200px) {
.MC_CarouselB_Layout_1.MC_CarouselB .MC_Carousel_track_slide_text_wrapper {
margin-left: 0;
padding-right: 1.5rem
}
}
@media screen and (min-width:768px) and (max-width:1200px) {
.MC_CarouselB_Layout_1.MC_CarouselB .MC_Carousel_track_slide_media_img {
aspect-ratio: unset
}
}
.MC_CarouselB_Layout_1.MC_CarouselB .MC_Carousel_track_slide_media_layer_2 {
align-content: center;
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: wrap;
height: 100%;
left: 0;
overflow: hidden;
position: absolute;
top: 0;
z-index: 2
}
@media screen and (min-width:768px) {
.MC_CarouselB_Layout_1 .MC_Carousel_track_slide_media_layer_2.MC_Carousel_track_slide_media_layer_2__right {
left: unset;
right: 0
}
.MC_CarouselB_Layout_1 .MC_Carousel_track_slide_media_layer_2.MC_Carousel_track_slide_media_layer_2__center {
justify-content: center;
left: 50%;
right: unset;
transform: translateX(-50%);
width: 100%
}
.MC_CarouselB_Layout_1 .MC_Carousel_track_slide_media_layer_2.MC_Carousel_track_slide_media_layer_2__center .MC_Carousel_track_slide_media_img_center {
height: 56.88%;
width: 53.33%
}
}
.MC_CarouselB .MC_Carousel_controls {
bottom: 30px;
left: 50%;
position: absolute;
transform: translateX(-50%)
}
.MC_CarouselB .MC_Carousel_controls__light .MC_Carousel_controls_button:after {
background-color: var(--mc-core-white)
}
.MC_CarouselB .MC_Carousel_controls__light .MC_Carousel_controls_button:hover:after {
background-color: var(--mc-core-off-white)
}
.MC_CarouselB .MC_Carousel_controls__dark .MC_Carousel_controls_button:after {
background-color: var(--mc-core-rich-black)
}
.MC_CarouselB .MC_Carousel_controls__dark .MC_Carousel_controls_button:hover:after {
background-color: var(--mc-core-off-black)
}
@media screen and (min-width:768px) {
.MC_CarouselB .MC_Carousel_controls {
bottom: 38px
}
}
@media screen and (min-width:1200px) {
.MC_CarouselB .MC_Carousel_controls,
.MC_CarouselB .MC_Carousel_controls.MC_Carousel_controls__bottom_right {
bottom: 32px;
left: calc(50% + 385px);
right: unset;
top: unset;
transform: none
}
.MC_CarouselB .MC_Carousel_controls.MC_Carousel_controls__bottom_left {
bottom: 32px;
left: unset;
right: calc(50% + 385px);
top: unset
}
.MC_CarouselB .MC_Carousel_controls.MC_Carousel_controls__top_right {
bottom: unset;
left: calc(50% + 385px);
right: unset;
top: 32px
}
.MC_CarouselB .MC_Carousel_controls.MC_Carousel_controls__top_left {
bottom: unset;
left: unset;
right: calc(50% + 385px);
top: 32px
}
}
.MC_CarouselB .MC_Carousel_track_slide {
--slide-transition-right: url(/content/dam/minecraftnet/franchise/component-library/carouselB/transition_right__legends.png);
--slide-transition-left: url(/content/dam/minecraftnet/franchise/component-library/carouselb/transition_left__legends.png)
}
.MC_CarouselB .MC_Carousel_track_slide__transition_left:after,
.MC_CarouselB .MC_Carousel_track_slide__transition_right:after {
content: " ";
display: block;
height: 100%;
position: absolute;
top: 0;
width: 115px
}
.MC_CarouselB .MC_Carousel_track_slide__transition_right:after {
background-repeat: repeat-y;
right: 0
}
.MC_CarouselB .MC_Carousel_track_slide__transition_left:after {
background-repeat: repeat-y;
left: 0
}
.MC_CarouselB .MC_Carousel_track_slide__transition_right:after {
background-image: var(--slide-transition-right)
}
.MC_CarouselB .MC_Carousel_track_slide__transition_left:after {
background-image: var(--slide-transition-left)
}
.MC_CarouselB .MC_CarouselB .MC_Carousel_track_slide_text {
text-align: center
}
.MC_CarouselB .MC_Carousel_track_slide_text_banner {
float: left;
padding-right: 10px;
z-index: 1
}
@media screen and (min-width:1200px) {
.MC_CarouselB .MC_Carousel_track_slide_text_banner {
margin-left: 1.5rem
}
.MC_CarouselB .MC_Carousel_track_slide_text_wrapper {
margin-left: 65px
}
.MC_CarouselB .MC_Carousel_track_slide_text_banner+.MC_Carousel_track_slide_text_wrapper {
margin-left: 0
}
}
.MC_Theme_Legends .MC_CarouselB .MC_Carousel_track_slide_text_blurb a {
color: var(--mc-legends-ultra-dark-blue)
}
.MC_Theme_Legends .MC_CarouselB .MC_Carousel_track_slide_text_blurb a:hover {
color: var(--mc-legends-light-blue-4)
}
.MC_Theme_Dungeons .MC_CarouselB .MC_Carousel_track_slide_text_blurb a {
color: var(--mc-legends-ultra-dark-blue)
}
.MC_Theme_Dungeons .MC_CarouselB .MC_Carousel_track_slide_text_blurb a:hover {
color: var(--mc-dungeons-orange-4)
}
.MC_Theme_Vanilla .MC_CarouselB .MC_Carousel_track_slide_text_blurb a {
color: var(--mc-legends-ultra-dark-blue)
}
.MC_Theme_Vanilla .MC_CarouselB .MC_Carousel_track_slide_text_blurb a:hover {
color: var(--mc-core-green-4)
}
.MC_Theme_Realms .MC_CarouselB .MC_Carousel_track_slide_text_blurb a {
color: var(--mc-legends-ultra-dark-blue)
}
.MC_Theme_Realms .MC_CarouselB .MC_Carousel_track_slide_text_blurb a:hover {
color: var(--mc-realms-pink-4)
}
[class*=MC_Bg_] .MC_CarouselB .MC_Carousel_track_slide_text__boxed :is(h1, h2, h3, h4, h5, h6),
[class*=MC_Bg_] .MC_CarouselB .MC_Carousel_track_slide_text__boxed a,
[class*=MC_Bg_] .MC_CarouselB .MC_Carousel_track_slide_text__boxed p {
color: var(--font-color)
}
@media (forced-colors:active) {
.MC_CarouselB .MC_Carousel_track_slide__transition_left:after,
.MC_CarouselB .MC_Carousel_track_slide__transition_right:after {
filter: invert(.5)
}
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
.MC_CarouselB .MC_Carousel_controls_button {
filter: invert(1)
}
}
.MC_CarouselC {
--image-aspect-ratio: 280/280;
max-width: 1920px;
padding: 80px 20px 83px
}
@media screen and (min-width:768px) {
.MC_CarouselC {
display: flex;
padding: 80px 0 83px 24px
}
}
@media screen and (min-width:1200px) {
.MC_CarouselC {
padding: 48px 0 48px 64px
}
}
.MC_CarouselC .MC_Carousel_header {
margin: 0 auto;
text-align: center;
width: 288px
}
@media screen and (min-width:768px) {
.MC_CarouselC .MC_Carousel_header {
flex: 0 0 357px;
margin: 0 40px 0 0;
text-align: left;
width: unset
}
}
.MC_CarouselC .MC_Carousel_header_description {
margin-top: 1rem
}
.MC_CarouselC .MC_Carousel_header_link {
font-family: var(--mc-default--fontlist);
font-weight: 700;
margin-top: 8px
}
.MC_CarouselC .MC_Carousel_track_wrapper {
margin: 48px auto 0;
overflow: hidden;
padding-bottom: 54px;
width: 304px
}
@media screen and (max-width:767.98px) {
.MC_CarouselC .MC_Carousel_track_wrapper {
width: 280px
}
}
@media screen and (min-width:768px) {
.MC_CarouselC .MC_Carousel_track_wrapper {
margin: 0 0 0 -12px;
max-width: 1416px;
padding-bottom: 0;
width: unset
}
}
.MC_CarouselC .MC_Carousel_track {
left: 0;
position: relative;
transform: translateX(-33.333333%) !important;
width: max-content
}
.MC_CarouselC .MC_Carousel_track_slide {
padding-bottom: 3px
}
.MC_CarouselC .MC_Carousel_track_slide_link {
display: block;
margin-top: 2px;
text-decoration: none !important
}
.MC_CarouselC .MC_Carousel_track_slide_link:active,
.MC_CarouselC .MC_Carousel_track_slide_link:focus,
.MC_CarouselC .MC_Carousel_track_slide_link:focus-visible {
background-color: transparent;
border-radius: 0;
box-shadow: 0 0 0 .0625rem #fff;
outline: 2px solid var(--mc-default-focus)
}
.MC_CarouselC .MC_Carousel_track_slider {
transform: translateX(0);
transition: .3s ease
}
.MC_CarouselC .MC_Carousel_track_slide {
margin: 0 40px;
width: 280px
}
@media screen and (max-width:767.98px) {
.MC_CarouselC .MC_Carousel_track_slide {
margin: 0;
padding: 2px
}
}
@media screen and (min-width:1200px) {
.MC_CarouselC .MC_Carousel_track_slide {
width: 280px
}
}
.MC_CarouselC .MC_Carousel_track_slide_media_img {
aspect-ratio: var(--image-aspect-ratio);
display: block;
max-width: 280px;
position: relative;
width: 100%
}
.MC_CarouselC[style*="--image-aspect-ratio"] .MC_Carousel_track_slide_media_img {
aspect-ratio: var(--image-aspect-ratio)
}
.MC_CarouselC .MC_Carousel_track_slide_text {
display: flex;
flex-direction: column;
gap: 8px;
text-align: center
}
.MC_CarouselC .MC_Carousel_track_slide_text_creator {
background-color: rgba(0, 0, 0, .75);
bottom: 0;
font-family: var(--mc-default--fontlist);
font-size: 1rem;
left: 0;
line-height: 1.2;
padding: 8px 9pt;
position: absolute
}
.MC_CarouselC .MC_Carousel_track_slide_text_creator_blurb {
color: var(--mc-core-white) !important;
margin: 0
}
@media screen and (min-width:768px) {
.MC_CarouselC .MC_Carousel_track_slide_text {
text-align: left
}
}
.MC_CarouselC .MC_Carousel_track_slide_text_heading {
line-height: 1.5325rem
}
.MC_CarouselC .MC_Carousel_track_slide_text_heading[class*=MC_Heading] {
font-weight: 700
}
.MC_CarouselC .MC_Carousel_track_slide_text_category {
align-self: flex-start;
box-shadow: 2px 2px 0 rgba(0, 0, 0, .3);
display: inline-block;
font-family: var(--mc-legends-fontlist);
margin: 8px 0 0;
padding: 0 4px;
text-transform: uppercase
}
@media (forced-colors:active) {
.MC_CarouselC .MC_Carousel_track_slide_text_category {
outline: 1px solid #000;
outline-offset: -1px
}
}
.MC_CarouselC .MC_Carousel_controls {
margin-top: 54px
}
.MC_CarouselC .MC_Carousel_track_wrapper .MC_Carousel_controls {
bottom: 0;
left: 50%;
position: absolute;
transform: translateX(-50%)
}
@media screen and (max-width:767.98px) {
.MC_CarouselC .MC_Carousel_track_wrapper .MC_Carousel_controls {
bottom: 4px
}
}
.MC_CarouselC .MC_Carousel_header .MC_Carousel_controls {
display: none
}
@media screen and (min-width:768px) {
.MC_CarouselC .MC_Carousel_track_wrapper .MC_Carousel_controls {
display: none
}
.MC_CarouselC .MC_Carousel_header .MC_Carousel_controls {
display: block
}
}
.MC_Bg_Core__Green_4 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Core__Green_5 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Core__Green_6 .MC_CarouselC .MC_Carousel_track_slide_text_category {
background-color: var(--mc-core-white);
color: var(--mc-core-grey-6)
}
.MC_Bg_Core__Green_1 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Core__Green_2 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Core__Green_3 .MC_CarouselC .MC_Carousel_track_slide_text_category {
background-color: var(--mc-core-grey-6);
color: var(--mc-core-grey-1)
}
.MC_Bg_Core__Grey_4 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Core__Grey_5 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Core__Grey_6 .MC_CarouselC .MC_Carousel_track_slide_text_category {
background-color: var(--mc-core-white);
color: var(--mc-core-grey-6)
}
.MC_Bg_Core__Grey_1 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Core__Grey_2 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Core__Grey_3 .MC_CarouselC .MC_Carousel_track_slide_text_category {
background-color: var(--mc-core-grey-6);
color: var(--mc-core-grey-1)
}
.MC_Bg_Core__off-black .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Core__rich-black .MC_CarouselC .MC_Carousel_track_slide_text_category {
background-color: var(--mc-core-white);
color: var(--mc-core-grey-6)
}
.MC_Bg_Core__off-white .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Core__white .MC_CarouselC .MC_Carousel_track_slide_text_category {
background-color: var(--mc-core-grey-6);
color: var(--mc-core-grey-1)
}
.MC_Bg_Vanilla__Green_4 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Vanilla__Green_5 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Vanilla__Green_6 .MC_CarouselC .MC_Carousel_track_slide_text_category {
background-color: var(--mc-core-white);
color: var(--mc-core-grey-6)
}
.MC_Bg_Vanilla__Green_1 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Vanilla__Green_2 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Vanilla__Green_3 .MC_CarouselC .MC_Carousel_track_slide_text_category {
background-color: var(--mc-core-grey-6);
color: var(--mc-core-grey-1)
}
.MC_Bg_Vanilla__Brown_4 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Vanilla__Brown_5 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Vanilla__Brown_6 .MC_CarouselC .MC_Carousel_track_slide_text_category {
background-color: var(--mc-core-white);
color: var(--mc-core-grey-6)
}
.MC_Bg_Vanilla__Brown_1 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Vanilla__Brown_2 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Vanilla__Brown_3 .MC_CarouselC .MC_Carousel_track_slide_text_category {
background-color: var(--mc-core-grey-6);
color: var(--mc-core-grey-1)
}
.MC_Bg_Vanilla__Blue_3 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Vanilla__Blue_4 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Vanilla__Blue_5 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Vanilla__Blue_6 .MC_CarouselC .MC_Carousel_track_slide_text_category {
background-color: var(--mc-core-white);
color: var(--mc-core-grey-6)
}
.MC_Bg_Vanilla__Blue_1 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Vanilla__Blue_2 .MC_CarouselC .MC_Carousel_track_slide_text_category {
background-color: var(--mc-core-grey-6);
color: var(--mc-core-grey-1)
}
.MC_Bg_Vanilla__Cold_Grey_1 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Vanilla__Cold_Grey_2 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Vanilla__Cold_Grey_3 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Vanilla__Cold_Grey_4 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Vanilla__Cold_Grey_5 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Vanilla__Cold_Grey_6 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Vanilla__Grey_4 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Vanilla__Grey_5 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Vanilla__Grey_6 .MC_CarouselC .MC_Carousel_track_slide_text_category {
background-color: var(--mc-core-white);
color: var(--mc-core-grey-6)
}
.MC_Bg_Dungeons__Orange_1 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Dungeons__Orange_2 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Dungeons__Orange_3 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Dungeons__Orange_4 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Dungeons__Orange_5 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Dungeons__Orange_6 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Vanilla__Grey_1 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Vanilla__Grey_2 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Vanilla__Grey_3 .MC_CarouselC .MC_Carousel_track_slide_text_category {
background-color: var(--mc-core-grey-6);
color: var(--mc-core-grey-1)
}
.MC_Bg_Dungeons__Red_3 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Dungeons__Red_4 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Dungeons__Red_5 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Dungeons__Red_6 .MC_CarouselC .MC_Carousel_track_slide_text_category {
background-color: var(--mc-core-white);
color: var(--mc-core-grey-6)
}
.MC_Bg_Dungeons__Red_1 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Dungeons__Red_2 .MC_CarouselC .MC_Carousel_track_slide_text_category {
background-color: var(--mc-core-grey-6);
color: var(--mc-core-grey-1)
}
.MC_Bg_Dungeons__Mulberry_1 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Dungeons__Mulberry_2 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Dungeons__Mulberry_3 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Dungeons__Mulberry_4 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Dungeons__Mulberry_5 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Dungeons__Mulberry_6 .MC_CarouselC .MC_Carousel_track_slide_text_category {
background-color: var(--mc-core-white);
color: var(--mc-core-grey-6)
}
.MC_Bg_Legends__Light_Blue_1 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Legends__Light_Blue_2 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Legends__Light_Blue_3 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Legends__Light_Blue_4 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Legends__Light_Blue_5 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Legends__Light_Blue_6 .MC_CarouselC .MC_Carousel_track_slide_text_category {
background-color: var(--mc-core-grey-6);
color: var(--mc-core-grey-1)
}
.MC_Bg_Legends__Dark_Blue_1 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Legends__Dark_Blue_2 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Legends__Dark_Blue_3 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Legends__Dark_Blue_4 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Legends__Dark_Blue_5 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Legends__Dark_Blue_6 .MC_CarouselC .MC_Carousel_track_slide_text_category {
background-color: var(--mc-core-white);
color: var(--mc-core-grey-6)
}
.MC_Bg_Legends__Light_Orange_1 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Legends__Light_Orange_2 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Legends__Light_Orange_3 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Legends__Light_Orange_4 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Legends__Light_Orange_5 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Legends__Light_Orange_6 .MC_CarouselC .MC_Carousel_track_slide_text_category {
background-color: var(--mc-core-grey-6);
color: var(--mc-core-grey-1)
}
.MC_Bg_Legends__Ultra_Dark_Blue .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Legends__Ultra_Dark_Orange .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Realms__Pink_4 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Realms__Pink_5 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Realms__Pink_6 .MC_CarouselC .MC_Carousel_track_slide_text_category {
background-color: var(--mc-core-white);
color: var(--mc-core-grey-6)
}
.MC_Bg_Realms__Pink_1 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Realms__Pink_2 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Realms__Pink_3 .MC_CarouselC .MC_Carousel_track_slide_text_category {
background-color: var(--mc-core-grey-6);
color: var(--mc-core-grey-1)
}
.MC_Bg_Realms__Deep_Blue_4 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Realms__Deep_Blue_5 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Realms__Deep_Blue_6 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Realms__Deep_Blue_7 .MC_CarouselC .MC_Carousel_track_slide_text_category {
background-color: var(--mc-core-white);
color: var(--mc-core-grey-6)
}
.MC_Bg_Realms__Deep_Blue_1 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Realms__Deep_Blue_2 .MC_CarouselC .MC_Carousel_track_slide_text_category,
.MC_Bg_Realms__Deep_Blue_3 .MC_CarouselC .MC_Carousel_track_slide_text_category {
background-color: var(--mc-core-grey-6);
color: var(--mc-core-grey-1)
}
.MC_CarouselD {
max-width: 1920px;
padding: 48px 0 54px
}
@media screen and (min-width:768px) {
.MC_CarouselD {
padding: 80px 0 86px
}
}
@media screen and (min-width:1200px) {
.MC_CarouselD {
padding: 96px 0
}
}
.MC_CarouselD .MC_Carousel_header {
margin: 0 auto 48px;
max-width: 1040px;
padding: 0 10px;
text-align: center
}
.MC_CarouselD .MC_Carousel_header_description {
margin-top: 16px
}
.MC_CarouselD .MC_Carousel_track {
left: 50%;
position: relative;
transform-origin: center;
width: max-content
}
.MC_CarouselD .MC_Carousel_track_slider {
transform: translateX(0);
transition: .3s ease
}
.MC_CarouselD .MC_Carousel_track_slide {
margin: 0 8px;
opacity: .75;
transition: opacity 1s;
width: 280px
}
.MC_CarouselD .MC_Carousel_track_slide.MC_Carousel_track_slide__active {
opacity: 1
}
@media screen and (min-width:768px) {
.MC_CarouselD .MC_Carousel_track_slide {
margin: 0 12px;
width: 640px
}
}
@media screen and (min-width:1200px) {
.MC_CarouselD .MC_Carousel_track_slide {
margin: 0 56px
}
}
.MC_CarouselD .MC_Carousel_track_slide_media_img {
aspect-ratio: 280/168;
display: block;
position: relative;
width: 100%
}
@media screen and (min-width:768px) {
.MC_CarouselD .MC_Carousel_track_slide_media_img {
aspect-ratio: 640/384
}
}
.MC_CarouselD .MC_Carousel_track_slide_text {
clear: both;
padding: 16px;
text-align: center
}
@media screen and (min-width:768px) {
.MC_CarouselD .MC_Carousel_track_slide_text {
padding: 24px
}
}
.MC_CarouselD .MC_Carousel_track_slide_text_heading+.MC_Carousel_track_slide_text_blurb {
margin-top: 1rem
}
.MC_CarouselD .MC_Carousel_track_slide_text_heading+.MC_Carousel_track_slide_text_blurb p:nth-child(1n) {
margin-bottom: 0
}
.MC_Carousel_track_slide_text_blurb+.MC_Carousel_track_slide_media_link {
margin-top: 1rem
}
.MC_CarouselD .MC_Carousel_track_slide_text .MC_Button {
max-width: 100%
}
.MC_CarouselD .MC_Carousel_controls {
margin-top: 38px;
text-align: center
}
.MC_CarouselD .MC_Carousel_controls:first-of-type {
display: none
}
@media screen and (min-width:1200px) {
.MC_CarouselD .MC_Carousel_controls {
margin-top: 0;
z-index: 20
}
.MC_CarouselD .MC_Carousel_controls:first-of-type {
display: block;
left: calc(50% - 376px);
position: absolute;
top: 192px;
transform: translate(-50%, -50%)
}
.MC_CarouselD .MC_Carousel_controls:first-of-type button:first-of-type {
margin-right: 0
}
.MC_CarouselD .MC_Carousel_controls:first-of-type button:nth-of-type(2) {
display: none
}
.MC_CarouselD .MC_Carousel_controls~.MC_Carousel_controls {
position: absolute;
right: calc(50% - 376px);
top: 192px;
transform: translate(50%, -50%)
}
.MC_CarouselD .MC_Carousel_controls~.MC_Carousel_controls button:first-of-type {
display: none
}
}
.MC_CarouselD .MC_Banner_horizA {
display: none;
position: absolute;
right: 0;
top: 1.5rem;
z-index: 2
}
.MC_CarouselD .MC_Carousel_track_slide_text_horizbanner .MC_Banner_horizA {
display: block
}
@media screen and (max-width:767.98px) {
.MC_CarouselD .MC_Banner_horizA {
top: .5rem
}
}
.MC_CarouselD .MC_Carousel_track_slide_text_banner {
--banner-image: none
}
.MC_CarouselD .MC_Carousel_track_slide_text_banner:after {
background: transparent var(--banner-image) no-repeat;
content: "";
height: 114px;
left: 24px;
position: absolute;
top: 0;
width: 49px
}
.MC_CarouselD .MC_Banner_vertA {
display: none;
left: 6.25%;
position: absolute;
top: 0;
z-index: 2
}
.MC_CarouselD .MC_Carousel_track_slide_text_vertbanner .MC_Banner_vertA {
display: block
}
.MC_CarouselD .MC_Carousel_track_slide {
--background-color: var(--mc-core-off-white);
--font-color: var(--mc-core-rich-black)
}
.MC_CarouselD .MC_Carousel_track_slide_text.MC_Carousel_track_slide_text__boxed {
background-color: var(--background-color);
box-shadow: 0 4px 0 rgba(0, 0, 0, .25)
}
.MC_CarouselD .MC_Carousel_track_slide_text__boxed .MC_Carousel_track_slide_text_heading[class*=MC_Heading] {
color: var(--font-color);
font-family: var(--mc-default--fontlist);
font-weight: 700
}
.MC_CarouselD .MC_Carousel_track_slide_text__boxed .MC_Carousel_track_slide_text_blurb p {
color: var(--font-color)
}
.MC_CarouselD .MC_Carousel_track_slide_text__boxed .MC_Carousel_track_slide_text_blurb a {
text-decoration: none
}
.MC_CarouselD .MC_Carousel_track_slide_text__boxed .MC_Carousel_track_slide_text_blurb a,
.MC_CarouselD .MC_Carousel_track_slide_text__boxed .MC_Carousel_track_slide_text_blurb a:hover {
color: var(--mc-core-green-6)
}
.MC_CarouselD .MC_Carousel_track_slide_text__boxed .MC_Carousel_track_slide_text_blurb a:hover {
text-decoration: underline
}
@media screen and (min-width:768px) {
.MC_CarouselD .MC_Carousel_track_slide_text__boxed.MC_Carousel_track_slide_text {
text-align: left
}
}
.MC_Theme_Dungeons .MC_CarouselD .MC_Theme_Vanilla .MC_Link_Accent,
.MC_Theme_Legends .MC_CarouselD .MC_Theme_Vanilla .MC_Link_Accent,
.MC_Theme_Realms .MC_CarouselD .MC_Theme_Vanilla .MC_Link_Accent {
color: var(--mc-core-green-6)
}
.MC_Theme_Dungeons .MC_CarouselD .MC_Theme_Vanilla .MC_Link_Accent:hover,
.MC_Theme_Legends .MC_CarouselD .MC_Theme_Vanilla .MC_Link_Accent:hover,
.MC_Theme_Realms .MC_CarouselD .MC_Theme_Vanilla .MC_Link_Accent:hover {
color: var(--mc-core-white)
}
.MC_Theme_Dungeons .MC_CarouselD .MC_Theme_Vanilla .MC_Link_Accent:after,
.MC_Theme_Legends .MC_CarouselD .MC_Theme_Vanilla .MC_Link_Accent:after,
.MC_Theme_Realms .MC_CarouselD .MC_Theme_Vanilla .MC_Link_Accent:after {
background-color: var(--mc-core-green-6)
}
.MC_Theme_Dungeons .MC_CarouselD .MC_Theme_Vanilla .MC_Link_Accent:hover:after,
.MC_Theme_Legends .MC_CarouselD .MC_Theme_Vanilla .MC_Link_Accent:hover:after,
.MC_Theme_Realms .MC_CarouselD .MC_Theme_Vanilla .MC_Link_Accent:hover:after {
background-color: var(--mc-core-white)
}
.MC_Theme_Dungeons .MC_CarouselD .MC_Theme_Legends .MC_Link_Accent,
.MC_Theme_Realms .MC_CarouselD .MC_Theme_Legends .MC_Link_Accent,
.MC_Theme_Vanilla .MC_CarouselD .MC_Theme_Legends .MC_Link_Accent {
color: var(--mc-legends-light-blue-4)
}
.MC_Theme_Dungeons .MC_CarouselD .MC_Theme_Legends .MC_Link_Accent:hover,
.MC_Theme_Realms .MC_CarouselD .MC_Theme_Legends .MC_Link_Accent:hover,
.MC_Theme_Vanilla .MC_CarouselD .MC_Theme_Legends .MC_Link_Accent:hover {
color: var(--mc-core-white)
}
.MC_Theme_Dungeons .MC_CarouselD .MC_Theme_Legends .MC_Link_Accent:after,
.MC_Theme_Realms .MC_CarouselD .MC_Theme_Legends .MC_Link_Accent:after,
.MC_Theme_Vanilla .MC_CarouselD .MC_Theme_Legends .MC_Link_Accent:after {
background-color: var(--mc-legends-light-blue-4)
}
.MC_Theme_Dungeons .MC_CarouselD .MC_Theme_Legends .MC_Link_Accent:hover:after,
.MC_Theme_Realms .MC_CarouselD .MC_Theme_Legends .MC_Link_Accent:hover:after,
.MC_Theme_Vanilla .MC_CarouselD .MC_Theme_Legends .MC_Link_Accent:hover:after {
background-color: var(--mc-core-white)
}
.MC_Theme_Legends .MC_CarouselD .MC_Theme_Dungeons .MC_Link_Accent,
.MC_Theme_Realms .MC_CarouselD .MC_Theme_Dungeons .MC_Link_Accent,
.MC_Theme_Vanilla .MC_CarouselD .MC_Theme_Dungeons .MC_Link_Accent {
color: var(--mc-dungeons-orange-4)
}
.MC_Theme_Legends .MC_CarouselD .MC_Theme_Dungeons .MC_Link_Accent:hover,
.MC_Theme_Realms .MC_CarouselD .MC_Theme_Dungeons .MC_Link_Accent:hover,
.MC_Theme_Vanilla .MC_CarouselD .MC_Theme_Dungeons .MC_Link_Accent:hover {
color: var(--mc-core-white)
}
.MC_Theme_Legends .MC_CarouselD .MC_Theme_Dungeons .MC_Link_Accent:after,
.MC_Theme_Realms .MC_CarouselD .MC_Theme_Dungeons .MC_Link_Accent:after,
.MC_Theme_Vanilla .MC_CarouselD .MC_Theme_Dungeons .MC_Link_Accent:after {
background-color: var(--mc-dungeons-orange-4)
}
.MC_Theme_Legends .MC_CarouselD .MC_Theme_Dungeons .MC_Link_Accent:hover:after,
.MC_Theme_Realms .MC_CarouselD .MC_Theme_Dungeons .MC_Link_Accent:hover:after,
.MC_Theme_Vanilla .MC_CarouselD .MC_Theme_Dungeons .MC_Link_Accent:hover:after {
background-color: var(--mc-core-white)
}
.MC_Theme_Dungeons .MC_CarouselD .MC_Theme_Realms .MC_Link_Accent,
.MC_Theme_Legends .MC_CarouselD .MC_Theme_Realms .MC_Link_Accent,
.MC_Theme_Vanilla .MC_CarouselD .MC_Theme_Realms .MC_Link_Accent {
color: var(--mc-realms-pink-4)
}
.MC_Theme_Dungeons .MC_CarouselD .MC_Theme_Realms .MC_Link_Accent:hover,
.MC_Theme_Legends .MC_CarouselD .MC_Theme_Realms .MC_Link_Accent:hover,
.MC_Theme_Vanilla .MC_CarouselD .MC_Theme_Realms .MC_Link_Accent:hover {
color: var(--mc-core-white)
}
.MC_Theme_Dungeons .MC_CarouselD .MC_Theme_Realms .MC_Link_Accent:after,
.MC_Theme_Legends .MC_CarouselD .MC_Theme_Realms .MC_Link_Accent:after,
.MC_Theme_Vanilla .MC_CarouselD .MC_Theme_Realms .MC_Link_Accent:after {
background-color: var(--mc-realms-pink-4)
}
.MC_Theme_Dungeons .MC_CarouselD .MC_Theme_Realms .MC_Link_Accent:hover:after,
.MC_Theme_Legends .MC_CarouselD .MC_Theme_Realms .MC_Link_Accent:hover:after,
.MC_Theme_Vanilla .MC_CarouselD .MC_Theme_Realms .MC_Link_Accent:hover:after {
background-color: var(--mc-core-white)
}
.MC_Theme_Vanilla .MC_CarouselD .MC_Carousel_track_slide:not(.MC_Theme_Legends):not(.MC_Theme_Dungeons):not(.MC_Theme_Realms) .MC_Carousel_track_slide_text__boxed .MC_Carousel_track_slide_media_link:hover {
color: var(--mc-core-green-6);
text-decoration: underline
}
.MC_Theme_Vanilla .MC_CarouselD .MC_Carousel_track_slide:not(.MC_Theme_Legends):not(.MC_Theme_Dungeons):not(.MC_Theme_Realms) .MC_Carousel_track_slide_text__boxed .MC_Carousel_track_slide_media_link {
color: var(--mc-core-green-6)
}
.MC_Theme_Vanilla .MC_CarouselD .MC_Carousel_track_slide:not(.MC_Theme_Legends):not(.MC_Theme_Dungeons):not(.MC_Theme_Realms) .MC_Carousel_track_slide_text__boxed .MC_Carousel_track_slide_media_link:after,
.MC_Theme_Vanilla .MC_CarouselD .MC_Carousel_track_slide:not(.MC_Theme_Legends):not(.MC_Theme_Dungeons):not(.MC_Theme_Realms) .MC_Carousel_track_slide_text__boxed .MC_Carousel_track_slide_media_link:hover:after {
background-color: var(--mc-core-green-6)
}
.MC_Theme_Legends .MC_CarouselD .MC_Carousel_track_slide:not(.MC_Theme_Vanilla):not(.MC_Theme_Dungeons):not(.MC_Theme_Realms) .MC_Carousel_track_slide_text__boxed .MC_Carousel_track_slide_media_link:hover {
color: var(--mc-legends-light-blue-4);
text-decoration: underline
}
.MC_Theme_Legends .MC_CarouselD .MC_Carousel_track_slide:not(.MC_Theme_Vanilla):not(.MC_Theme_Dungeons):not(.MC_Theme_Realms) .MC_Carousel_track_slide_text__boxed .MC_Carousel_track_slide_media_link:hover:after {
background-color: var(--mc-legends-light-blue-4)
}
.MC_Theme_Dungeons .MC_CarouselD .MC_Carousel_track_slide:not(.MC_Theme_Legends):not(.MC_Theme_Vanilla):not(.MC_Theme_Realms) .MC_Carousel_track_slide_text__boxed .MC_Carousel_track_slide_media_link:hover {
color: var(--mc-dungeons-orange-4);
text-decoration: underline
}
.MC_Theme_Dungeons .MC_CarouselD .MC_Carousel_track_slide:not(.MC_Theme_Legends):not(.MC_Theme_Vanilla):not(.MC_Theme_Realms) .MC_Carousel_track_slide_text__boxed .MC_Carousel_track_slide_media_link:hover:after {
background-color: var(--mc-dungeons-orange-4)
}
.MC_Theme_Realms .MC_CarouselD .MC_Carousel_track_slide:not(.MC_Theme_Legends):not(.MC_Theme_Dungeons):not(.MC_Theme_Vanilla) .MC_Carousel_track_slide_text__boxed .MC_Carousel_track_slide_media_link:hover {
color: var(--mc-realms-pink-4);
text-decoration: underline
}
.MC_Theme_Realms .MC_CarouselD .MC_Carousel_track_slide:not(.MC_Theme_Legends):not(.MC_Theme_Dungeons):not(.MC_Theme_Vanilla) .MC_Carousel_track_slide_text__boxed .MC_Carousel_track_slide_media_link:hover:after {
background-color: var(--mc-realms-pink-4)
}
.MC_Theme_Dungeons .MC_CarouselD .MC_Theme_Legends .MC_Carousel_track_slide_text__boxed .MC_Link_Accent,
.MC_Theme_Realms .MC_CarouselD .MC_Theme_Legends .MC_Carousel_track_slide_text__boxed .MC_Link_Accent,
.MC_Theme_Vanilla .MC_CarouselD .MC_Theme_Legends .MC_Carousel_track_slide_text__boxed .MC_Link_Accent {
color: var(--mc-legends-light-blue-4)
}
.MC_Theme_Dungeons .MC_CarouselD .MC_Theme_Legends .MC_Carousel_track_slide_text__boxed .MC_Link_Accent:hover,
.MC_Theme_Realms .MC_CarouselD .MC_Theme_Legends .MC_Carousel_track_slide_text__boxed .MC_Link_Accent:hover,
.MC_Theme_Vanilla .MC_CarouselD .MC_Theme_Legends .MC_Carousel_track_slide_text__boxed .MC_Link_Accent:hover {
text-decoration: underline
}
.MC_Theme_Dungeons .MC_CarouselD .MC_Theme_Legends .MC_Carousel_track_slide_text__boxed .MC_Link_Accent:after,
.MC_Theme_Realms .MC_CarouselD .MC_Theme_Legends .MC_Carousel_track_slide_text__boxed .MC_Link_Accent:after,
.MC_Theme_Vanilla .MC_CarouselD .MC_Theme_Legends .MC_Carousel_track_slide_text__boxed .MC_Link_Accent:after {
background-color: var(--mc-legends-light-blue-4)
}
.MC_Theme_Dungeons .MC_CarouselD .MC_Theme_Vanilla .MC_Carousel_track_slide_text__boxed .MC_Link_Accent,
.MC_Theme_Legends .MC_CarouselD .MC_Theme_Vanilla .MC_Carousel_track_slide_text__boxed .MC_Link_Accent,
.MC_Theme_Realms .MC_CarouselD .MC_Theme_Vanilla .MC_Carousel_track_slide_text__boxed .MC_Link_Accent {
color: var(--mc-core-green-6)
}
.MC_Theme_Dungeons .MC_CarouselD .MC_Theme_Vanilla .MC_Carousel_track_slide_text__boxed .MC_Link_Accent:hover,
.MC_Theme_Legends .MC_CarouselD .MC_Theme_Vanilla .MC_Carousel_track_slide_text__boxed .MC_Link_Accent:hover,
.MC_Theme_Realms .MC_CarouselD .MC_Theme_Vanilla .MC_Carousel_track_slide_text__boxed .MC_Link_Accent:hover {
text-decoration: underline
}
.MC_Theme_Dungeons .MC_CarouselD .MC_Theme_Vanilla .MC_Carousel_track_slide_text__boxed .MC_Link_Accent:after,
.MC_Theme_Legends .MC_CarouselD .MC_Theme_Vanilla .MC_Carousel_track_slide_text__boxed .MC_Link_Accent:after,
.MC_Theme_Realms .MC_CarouselD .MC_Theme_Vanilla .MC_Carousel_track_slide_text__boxed .MC_Link_Accent:after {
background-color: var(--mc-core-green-6)
}
.MC_Theme_Legends .MC_CarouselD .MC_Theme_Dungeons .MC_Carousel_track_slide_text__boxed .MC_Link_Accent,
.MC_Theme_Realms .MC_CarouselD .MC_Theme_Dungeons .MC_Carousel_track_slide_text__boxed .MC_Link_Accent,
.MC_Theme_Vanilla .MC_CarouselD .MC_Theme_Dungeons .MC_Carousel_track_slide_text__boxed .MC_Link_Accent {
color: var(--mc-dungeons-orange-4)
}
.MC_Theme_Legends .MC_CarouselD .MC_Theme_Dungeons .MC_Carousel_track_slide_text__boxed .MC_Link_Accent:hover,
.MC_Theme_Realms .MC_CarouselD .MC_Theme_Dungeons .MC_Carousel_track_slide_text__boxed .MC_Link_Accent:hover,
.MC_Theme_Vanilla .MC_CarouselD .MC_Theme_Dungeons .MC_Carousel_track_slide_text__boxed .MC_Link_Accent:hover {
text-decoration: underline
}
.MC_Theme_Legends .MC_CarouselD .MC_Theme_Dungeons .MC_Carousel_track_slide_text__boxed .MC_Link_Accent:after,
.MC_Theme_Realms .MC_CarouselD .MC_Theme_Dungeons .MC_Carousel_track_slide_text__boxed .MC_Link_Accent:after,
.MC_Theme_Vanilla .MC_CarouselD .MC_Theme_Dungeons .MC_Carousel_track_slide_text__boxed .MC_Link_Accent:after {
background-color: var(--mc-dungeons-orange-4)
}
.MC_Theme_Dungeons .MC_CarouselD .MC_Theme_Realms .MC_Carousel_track_slide_text__boxed .MC_Link_Accent,
.MC_Theme_Legends .MC_CarouselD .MC_Theme_Realms .MC_Carousel_track_slide_text__boxed .MC_Link_Accent,
.MC_Theme_Vanilla .MC_CarouselD .MC_Theme_Realms .MC_Carousel_track_slide_text__boxed .MC_Link_Accent {
color: var(--mc-realms-pink-4)
}
.MC_Theme_Dungeons .MC_CarouselD .MC_Theme_Realms .MC_Carousel_track_slide_text__boxed .MC_Link_Accent:hover,
.MC_Theme_Legends .MC_CarouselD .MC_Theme_Realms .MC_Carousel_track_slide_text__boxed .MC_Link_Accent:hover,
.MC_Theme_Vanilla .MC_CarouselD .MC_Theme_Realms .MC_Carousel_track_slide_text__boxed .MC_Link_Accent:hover {
text-decoration: underline
}
.MC_Theme_Dungeons .MC_CarouselD .MC_Theme_Realms .MC_Carousel_track_slide_text__boxed .MC_Link_Accent:after,
.MC_Theme_Legends .MC_CarouselD .MC_Theme_Realms .MC_Carousel_track_slide_text__boxed .MC_Link_Accent:after,
.MC_Theme_Vanilla .MC_CarouselD .MC_Theme_Realms .MC_Carousel_track_slide_text__boxed .MC_Link_Accent:after {
background-color: var(--mc-realms-pink-4)
}
.MC_Bg_Core__Green_4 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Core__Green_5 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Core__Green_6 .MC_CarouselD .MC_Carousel_controls_button:hover:after {
background-color: var(--mc-core-white)
}
.MC_Bg_Core__Green_1 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Core__Green_2 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Core__Green_3 .MC_CarouselD .MC_Carousel_controls_button:hover:after {
background-color: var(--mc-core-rich-black)
}
.MC_Bg_Core__Grey_4 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Core__Grey_5 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Core__Grey_6 .MC_CarouselD .MC_Carousel_controls_button:hover:after {
background-color: var(--mc-core-white)
}
.MC_Bg_Core__Grey_1 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Core__Grey_2 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Core__Grey_3 .MC_CarouselD .MC_Carousel_controls_button:hover:after {
background-color: var(--mc-core-rich-black)
}
.MC_Bg_Core__off-black .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Core__rich-black .MC_CarouselD .MC_Carousel_controls_button:hover:after {
background-color: var(--mc-core-white)
}
.MC_Bg_Core__off-white .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Core__white .MC_CarouselD .MC_Carousel_controls_button:hover:after {
background-color: var(--mc-core-rich-black)
}
.MC_Bg_Vanilla__Green_4 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Vanilla__Green_5 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Vanilla__Green_6 .MC_CarouselD .MC_Carousel_controls_button:hover:after {
background-color: var(--mc-core-white)
}
.MC_Bg_Vanilla__Green_1 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Vanilla__Green_2 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Vanilla__Green_3 .MC_CarouselD .MC_Carousel_controls_button:hover:after {
background-color: var(--mc-core-rich-black)
}
.MC_Bg_Vanilla__Brown_4 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Vanilla__Brown_5 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Vanilla__Brown_6 .MC_CarouselD .MC_Carousel_controls_button:hover:after {
background-color: var(--mc-core-white)
}
.MC_Bg_Vanilla__Brown_1 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Vanilla__Brown_2 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Vanilla__Brown_3 .MC_CarouselD .MC_Carousel_controls_button:hover:after {
background-color: var(--mc-core-rich-black)
}
.MC_Bg_Vanilla__Blue_3 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Vanilla__Blue_4 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Vanilla__Blue_5 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Vanilla__Blue_6 .MC_CarouselD .MC_Carousel_controls_button:hover:after {
background-color: var(--mc-core-white)
}
.MC_Bg_Vanilla__Blue_1 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Vanilla__Blue_2 .MC_CarouselD .MC_Carousel_controls_button:hover:after {
background-color: var(--mc-core-rich-black)
}
.MC_Bg_Vanilla__Cold_Grey_1 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Vanilla__Cold_Grey_2 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Vanilla__Cold_Grey_3 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Vanilla__Cold_Grey_4 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Vanilla__Cold_Grey_5 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Vanilla__Cold_Grey_6 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Vanilla__Grey_4 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Vanilla__Grey_5 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Vanilla__Grey_6 .MC_CarouselD .MC_Carousel_controls_button:hover:after {
background-color: var(--mc-core-white)
}
.MC_Bg_Dungeons__Orange_1 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Dungeons__Orange_2 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Dungeons__Orange_3 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Dungeons__Orange_4 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Dungeons__Orange_5 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Dungeons__Orange_6 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Vanilla__Grey_1 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Vanilla__Grey_2 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Vanilla__Grey_3 .MC_CarouselD .MC_Carousel_controls_button:hover:after {
background-color: var(--mc-core-rich-black)
}
.MC_Bg_Dungeons__Red_3 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Dungeons__Red_4 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Dungeons__Red_5 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Dungeons__Red_6 .MC_CarouselD .MC_Carousel_controls_button:hover:after {
background-color: var(--mc-core-white)
}
.MC_Bg_Dungeons__Red_1 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Dungeons__Red_2 .MC_CarouselD .MC_Carousel_controls_button:hover:after {
background-color: var(--mc-core-rich-black)
}
.MC_Bg_Dungeons__Mulberry_1 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Dungeons__Mulberry_2 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Dungeons__Mulberry_3 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Dungeons__Mulberry_4 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Dungeons__Mulberry_5 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Dungeons__Mulberry_6 .MC_CarouselD .MC_Carousel_controls_button:hover:after {
background-color: var(--mc-core-white)
}
.MC_Bg_Legends__Light_Blue_1 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Legends__Light_Blue_2 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Legends__Light_Blue_3 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Legends__Light_Blue_4 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Legends__Light_Blue_5 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Legends__Light_Blue_6 .MC_CarouselD .MC_Carousel_controls_button:hover:after {
background-color: var(--mc-legends-ultra-dark-blue)
}
.MC_Bg_Legends__Dark_Blue_1 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Legends__Dark_Blue_2 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Legends__Dark_Blue_3 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Legends__Dark_Blue_4 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Legends__Dark_Blue_5 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Legends__Dark_Blue_6 .MC_CarouselD .MC_Carousel_controls_button:hover:after {
background-color: var(--mc-core-white)
}
.MC_Bg_Legends__Light_Orange_1 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Legends__Light_Orange_2 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Legends__Light_Orange_3 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Legends__Light_Orange_4 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Legends__Light_Orange_5 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Legends__Light_Orange_6 .MC_CarouselD .MC_Carousel_controls_button:hover:after {
background-color: var(--mc-core-rich-black)
}
.MC_Bg_Legends__Ultra_Dark_Blue .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Legends__Ultra_Dark_Orange .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Realms__Pink_4 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Realms__Pink_5 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Realms__Pink_6 .MC_CarouselD .MC_Carousel_controls_button:hover:after {
background-color: var(--mc-core-white)
}
.MC_Bg_Realms__Pink_1 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Realms__Pink_2 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Realms__Pink_3 .MC_CarouselD .MC_Carousel_controls_button:hover:after {
background-color: var(--mc-core-rich-black)
}
.MC_Bg_Realms__Deep_Blue_4 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Realms__Deep_Blue_5 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Realms__Deep_Blue_6 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Realms__Deep_Blue_7 .MC_CarouselD .MC_Carousel_controls_button:hover:after {
background-color: var(--mc-core-white)
}
.MC_Bg_Realms__Deep_Blue_1 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Realms__Deep_Blue_2 .MC_CarouselD .MC_Carousel_controls_button:hover:after,
.MC_Bg_Realms__Deep_Blue_3 .MC_CarouselD .MC_Carousel_controls_button:hover:after {
background-color: var(--mc-core-rich-black)
}
.MC_CarouselB_Layout_3 .MC_Carousel_track_slide_cta .MC_Carousel_track_slide_media_link:focus,
.MC_CarouselB_Layout_3 .MC_Carousel_track_slide_cta .MC_Carousel_track_slide_media_link:focus-visible {
border: .125rem solid #1452cc;
outline: .0625rem solid #fff !important
}
@media screen and (max-width:768px) {
.MC_CarouselB_Layout_3 .MC_Carousel_track_slide_text__unboxed {
padding: .875rem 1.5rem 5.625rem
}
.MC_CarouselB_Layout_3 .MC_Carousel_track_slide_media_layer_2 {
width: 100%
}
.MC_CarouselB_Layout_3 .MC_Carousel_track_slide_media_img_center {
margin: 16px auto 0;
max-width: 640px;
width: 100%;
width: 95%
}
.MC_CarouselB_Layout_3 .MC_Carousel_track_slide_media_img {
aspect-ratio: unset
}
.MC_CarouselB_Layout_3 .MC_Carousel_track_slide_cta {
aspect-ratio: 5/3;
max-height: 384px;
position: absolute;
top: 0;
width: 100%;
z-index: 5
}
.MC_CarouselB_Layout_3 .MC_Carousel_track_slide_cta .MC_Carousel_track_slide_media_link {
aspect-ratio: 5/3;
left: 50%;
max-height: 384px;
max-width: 640px;
position: absolute;
top: 15px;
transform: translateX(-50%);
width: 100%
}
}
@media screen and (max-width:671px) {
.MC_CarouselB_Layout_3 .MC_Carousel_track_slide_cta .MC_Carousel_track_slide_media_link {
max-width: 94.81%
}
}
@media screen and (max-width:640px) {
.MC_CarouselB_Layout_3 .MC_Carousel_track_slide_cta .MC_Carousel_track_slide_media_link {
top: 16px;
width: 95%
}
}
@media screen and (min-width:768.98px) {
.MC_CarouselB_Layout_3 .MC_Carousel_track_slide_text__unboxed {
align-content: center;
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: wrap;
height: 100%;
left: 64px;
position: absolute;
text-align: left !important;
top: 0;
width: 30.66%;
z-index: 5
}
.MC_CarouselB_Layout_3 .MC_Carousel_track_slide_text__unboxed.MC_Carousel_track_slide_text__unboxed__right {
left: unset;
right: 64px
}
.MC_CarouselB_Layout_3 .MC_Carousel_track_slide_text__unboxed.MC_Carousel_track_slide_text__unboxed__top_left {
align-content: flex-start
}
.MC_CarouselB_Layout_3 .MC_Carousel_track_slide_text__unboxed.MC_Carousel_track_slide_text__unboxed__top_left .MC_Carousel_track_slide_text_wrapper {
padding-top: 17px
}
.MC_CarouselB_Layout_3 .MC_Carousel_track_slide_cta {
height: 384px;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 640px;
z-index: 5
}
.MC_CarouselB_Layout_3 .MC_Carousel_track_slide_cta .MC_Carousel_track_slide_media_link {
display: block;
height: 100%;
width: 100%
}
.MC_CarouselB_Layout_3 .MC_Carousel_track_slide_cta__left {
left: 0;
transform: translateY(-50%)
}
.MC_CarouselB_Layout_3 .MC_Carousel_track_slide_cta__right {
left: unset;
right: 0;
transform: translateY(-50%)
}
}
.MC_CarouselB_Layout_3.MC_CarouselB .MC_Carousel_controls {
z-index: 1
}
@media screen and (min-width:768.98px) and (max-width:1199.98px) {
.MC_CarouselB_Layout_3.MC_CarouselB .MC_Carousel_controls.MC_Carousel_controls__bottom_right {
left: calc(100% - 136px)
}
.MC_CarouselB_Layout_3.MC_CarouselB .MC_Carousel_controls.MC_Carousel_controls__bottom_left {
left: 136px
}
.MC_CarouselB_Layout_3.MC_CarouselB .MC_Carousel_controls.MC_Carousel_controls__top_right {
bottom: unset;
left: calc(100% - 136px);
top: 32px
}
.MC_CarouselB_Layout_3.MC_CarouselB .MC_Carousel_controls.MC_Carousel_controls__top_left {
bottom: unset;
left: 136px;
top: 32px
}
.MC_CarouselB_Layout_3 .MC_Carousel_track_slide_text__unboxed.MC_Carousel_track_slide_text__unboxed__top_left .MC_Carousel_track_slide_text_wrapper {
padding-top: 24px
}
.MC_CarouselB_Layout_3 .MC_Carousel_track_slide_cta {
height: 56.88%;
width: 53.33%
}
}
@media screen and (min-width:1200px) {
.MC_CarouselB_Layout_3.MC_CarouselB .MC_Carousel_track_slide_text__unboxed {
width: 40.66%
}
.MC_CarouselB_Layout_3.MC_CarouselB .MC_Carousel_track_slide_text_wrapper {
margin-left: 0;
padding-right: 1.5rem
}
}
@media screen and (min-width:768px) and (max-width:1199.98px) {
.MC_CarouselB_Layout_3.MC_CarouselB .MC_Carousel_track_slide_text__unboxed {
max-width: 300px;
width: 35%
}
.MC_CarouselB_Layout_3.MC_CarouselB .MC_Carousel_track_slide_media_img {
aspect-ratio: unset
}
}
.MC_CarouselB_Layout_3.MC_CarouselB .MC_Carousel_track_slide_media_layer_2 {
align-content: center;
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: wrap;
height: 100%;
left: 0;
position: absolute;
top: 0;
z-index: 2
}
@media screen and (min-width:768.98px) {
.MC_CarouselB_Layout_3 .MC_Carousel_track_slide_media_layer_2.MC_Carousel_track_slide_media_layer_2__right {
left: unset;
right: 0
}
.MC_CarouselB_Layout_3 .MC_Carousel_track_slide_media_layer_2.MC_Carousel_track_slide_media_layer_2__center {
justify-content: center;
left: 50%;
right: unset;
transform: translateX(-50%);
width: 100%
}
.MC_CarouselB_Layout_3 .MC_Carousel_track_slide_media_layer_2.MC_Carousel_track_slide_media_layer_2__center .MC_Carousel_track_slide_media_img_center {
height: 56.88%;
width: 53.33%
}
}
@media screen and (max-width:768px) {
.MC_CarouselB_Layout_3.MC_CarouselB .MC_Carousel_track_slide_media_layer_2 {
align-content: flex-start
}
}
.MC_CarouselB_Layout_3.MC_CarouselB .MC_Carousel_controls:first-of-type {
display: none
}
@media screen and (min-width:769px) {
.MC_CarouselB_Layout_3.MC_CarouselB .MC_Carousel_controls:first-of-type {
display: block
}
.MC_CarouselB_Layout_3.MC_CarouselB .MC_Carousel_controls~.MC_Carousel_controls {
display: none
}
}
.MC_CarouselF .MC_Carousel_track {
left: 0;
position: relative;
transform-origin: center;
width: 100%
}
@media screen and (max-width:1799.98px) {
.MC_CarouselF .MC_Carousel_track {
transform: none !important
}
}
@media screen and (min-width:1800px) {
.MC_CarouselF .MC_Carousel_track {
left: 50%;
width: max-content
}
}
.MC_CarouselF .MC_Carousel_track_slider {
transform: translateX(0);
transition: .3s ease
}
.MC_CarouselF .MC_Carousel_track_slide {
position: relative;
width: 100%
}
.MC_CarouselF .MC_Carousel_track_slide_media {
background-size: 18.75%;
width: 100%
}
.MC_CarouselF .MC_CarouselF_track_slide_media_img {
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
height: 600px;
width: 100%
}
.MC_CarouselF .MC_Carousel_track_slide_text {
padding: 0 72px;
position: absolute;
top: 65px;
width: 100%
}
.MC_CarouselF .MC_Carousel_track_slide_text_wrapper {
word-wrap: break-word
}
.MC_CarouselF .MC_Carousel_track_slide_text [class*=MC_Heading] {
color: var(--mc-core-white)
}
@media screen and (max-width:767.98px) {
.MC_CarouselF .MC_Carousel_track_slide_text {
padding: 0 24px
}
}
@media screen and (min-width:1800px) {
.MC_CarouselF .MC_Carousel_track_slide,
.MC_CarouselF .MC_Carousel_track_slide_media {
aspect-ratio: unset;
background-size: 9.375%;
height: 600px;
width: 1800px
}
}
@media screen and (max-width:1799.98px) {
.MC_CarouselF .MC_CarouselF_track_slide_media_wrapper {
overflow-x: hidden
}
}
.MC_CarouselF .MC_Carousel_track_slide_text[style*="--font-color:"] .MC_Carousel_track_slide_text_heading,
.MC_CarouselF .MC_Carousel_track_slide_text[style*="--font-color:"] .MC_Carousel_track_slide_text_subheading,
.MC_CarouselF .MC_Carousel_track_slide_text[style*="--font-color:"] p {
color: var(--font-color)
}
.MC_CarouselF .MC_Carousel_track_slide_text_heading,
.MC_CarouselF .MC_Carousel_track_slide_text_subheading {
margin-bottom: 10px;
text-align: center;
width: 100%
}
.MC_CarouselF .MC_Carousel_track_slide_text_img {
display: block;
margin: 0 auto
}
@media screen and (max-width:576px) {
.MC_CarouselF .MC_Carousel_track_slide_text .MC_Carousel_track_slide_text_banner+.MC_Carousel_track_slide_text_wrapper .MC_Carousel_track_slide_text_heading {
text-align: left
}
}
.MC_CarouselF .MC_Carousel_track_slide_text_creator {
background-color: rgba(0, 0, 0, .75);
bottom: 0;
font-family: var(--mc-default--fontlist);
font-size: 1rem;
left: 0;
line-height: 1.2;
padding: 8px 9pt;
position: absolute
}
.MC_CarouselF .MC_Carousel_track_slide_text_creator_blurb {
color: var(--mc-core-white) !important;
margin: 0
}
.MC_CarouselF .MC_Carousel_controls_button:after {
background-color: var(--mc-core-white) !important
}
.MC_CarouselF .MC_Carousel_controls__light .MC_Carousel_controls_button:after {
background-color: var(--mc-core-white)
}
.MC_CarouselF .MC_Carousel_controls__light .MC_Carousel_controls_button:hover:after {
background-color: var(--mc-core-off-white)
}
.MC_CarouselF .MC_Carousel_controls__dark .MC_Carousel_controls_button:after {
background-color: var(--mc-core-rich-black)
}
.MC_CarouselF .MC_Carousel_controls__dark .MC_Carousel_controls_button:hover:after {
background-color: var(--mc-core-off-black)
}
.MC_CarouselF .MC_Carousel_controls {
z-index: 2
}
@media screen and (min-width:1800px) {
.MC_CarouselF .MC_Carousel_controls {
bottom: 50%;
left: 50%;
position: absolute;
transform: translate(-50%, calc(-50% + 45px));
width: 1750px
}
.MC_CarouselF .MC_Carousel_controls:first-child {
left: calc(50% - 25px);
width: 1700px;
z-index: 3
}
}
@media screen and (max-width:1799.98px) {
.MC_CarouselF .MC_Carousel_controls {
bottom: 50%;
position: absolute;
transform: translate(-50%, calc(-50% + 45px));
width: 48px
}
.MC_CarouselF .MC_Carousel_controls:first-child {
left: 50px
}
.MC_CarouselF .MC_Carousel_track+.MC_Carousel_controls {
left: calc(100% - 50px)
}
}
@media screen and (max-width:767.98px) {
.MC_CarouselF .MC_Carousel_controls {
bottom: 125px;
position: absolute
}
}
.MC_CarouselF .MC_Carousel_controls:first-child .MC_Carousel_controls_button__next,
.MC_CarouselF .MC_Carousel_track+.MC_Carousel_controls .MC_Carousel_controls_button__previous {
display: none
}
.MC_CarouselF .MC_Carousel_controls .MC_Carousel_controls_button__next {
float: right
}
.MC_CarouselF .MC_Carousel_controls .MC_Carousel_controls_button {
background-color: rgba(0, 0, 0, .5);
width: 48px
}
.MC_CarouselF .MC_Carousel_controls .MC_Carousel_controls_button:after {
left: 4px;
top: 4px
}
.MC_CarouselG {
--image-aspect-ratio: 280/280;
max-width: 1500px;
padding: 48px 0 48px 30px;
width: calc(100% - 60px)
}
.MC_CarouselG .MC_Carousel_track_wrapper {
margin: 48px auto 0;
overflow: hidden;
padding-bottom: 54px;
width: 304px
}
@media screen and (max-width:767.98px) {
.MC_CarouselG {
left: 0
}
.MC_CarouselG .MC_Carousel_track_wrapper {
padding-bottom: 0;
width: 280px
}
.MC_CarouselG .MC_Carousel_track_wrapper>.MC_Carousel_controls {
display: none
}
.MC_CarouselG .MC_Carousel_footer .MC_Carousel_controls {
margin: 0;
text-align: center
}
}
@media screen and (min-width:768px) {
.MC_CarouselG .MC_Carousel_track_wrapper {
margin: 0;
max-width: 100%;
padding-bottom: 0;
width: unset
}
}
.MC_CarouselG .MC_Carousel_track {
left: 0;
position: relative;
transform: translateX(-33.333333%) !important;
width: max-content
}
.MC_CarouselG:not(.MC_Carousel__circular) .MC_Carousel_track {
transform: none !important
}
.MC_CarouselG .MC_Carousel_track_slide_link {
display: block;
margin-top: 2px;
text-decoration: none !important
}
.MC_CarouselG .MC_Carousel_track_slide_link:active,
.MC_CarouselG .MC_Carousel_track_slide_link:focus,
.MC_CarouselG .MC_Carousel_track_slide_link:focus-visible {
background-color: transparent;
border-radius: 0;
box-shadow: 0 0 0 .0625rem #fff;
outline: 2px solid var(--mc-default-focus)
}
.MC_CarouselG .MC_Carousel_track_slider {
transform: translateX(0);
transition: .3s ease
}
.MC_CarouselG .MC_Carousel_track_slide {
margin: 0 40px 0 2px;
width: 280px
}
@media screen and (max-width:767.98px) {
.MC_CarouselG .MC_Carousel_track_slide {
margin: 0;
padding: 2px
}
}
@media screen and (min-width:1200px) {
.MC_CarouselG .MC_Carousel_track_slide {
width: 280px
}
}
.MC_CarouselG .MC_Carousel_track_slide_media_img {
aspect-ratio: var(--image-aspect-ratio);
display: block;
max-width: 280px;
position: relative;
width: 100%
}
.MC_CarouselG[style*="--image-aspect-ratio"] .MC_Carousel_track_slide_media_img {
aspect-ratio: var(--image-aspect-ratio)
}
.MC_CarouselG .MC_Carousel_track_slide_text {
text-align: center
}
@media screen and (min-width:768px) {
.MC_CarouselG .MC_Carousel_track_slide_text {
text-align: left
}
}
.MC_CarouselG .MC_Carousel_track_slide_text_heading {
line-height: 1.5325rem;
margin-top: 15px
}
.MC_CarouselG .MC_Carousel_track_slide_text_heading[class*=MC_Heading] {
font-family: var(--mc-default--fontlist);
font-weight: 700
}
.MC_CarouselG .MC_Carousel_track_slide_text_heading+.MC_Carousel_track_slide_text_blurb {
margin-top: 1rem
}
.MC_CarouselG .MC_Carousel_track_slide_text_category {
box-shadow: 2px 2px 0 rgba(0, 0, 0, .3);
display: inline-block;
font-family: var(--mc-legends-fontlist);
margin: 15px 0 0;
padding: 0 4px;
text-transform: uppercase
}
@media (forced-colors:active) {
.MC_CarouselG .MC_Carousel_track_slide_text_category {
outline: 1px solid #000;
outline-offset: -1px
}
}
.MC_Carousel_footer {
text-align: right
}
.MC_CarouselG .MC_Carousel_controls {
margin-right: 30px;
margin-top: 24px
}
.MC_CarouselG .MC_Carousel_track_wrapper .MC_Carousel_controls {
bottom: 0;
left: 50%;
position: absolute;
transform: translateX(-50%)
}
@media screen and (max-width:767.98px) {
.MC_CarouselG .MC_Carousel_track_wrapper .MC_Carousel_controls {
bottom: 4px
}
}
@media screen and (min-width:768px) {
.MC_CarouselG .MC_Carousel_track_wrapper .MC_Carousel_controls {
display: none
}
}
.MC_Bg_Core__Green_4 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Core__Green_5 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Core__Green_6 .MC_CarouselG .MC_Carousel_track_slide_text_category {
background-color: var(--mc-core-white);
color: var(--mc-core-grey-6)
}
.MC_Bg_Core__Green_1 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Core__Green_2 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Core__Green_3 .MC_CarouselG .MC_Carousel_track_slide_text_category {
background-color: var(--mc-core-grey-6);
color: var(--mc-core-grey-1)
}
.MC_Bg_Core__Grey_4 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Core__Grey_5 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Core__Grey_6 .MC_CarouselG .MC_Carousel_track_slide_text_category {
background-color: var(--mc-core-white);
color: var(--mc-core-grey-6)
}
.MC_Bg_Core__Grey_1 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Core__Grey_2 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Core__Grey_3 .MC_CarouselG .MC_Carousel_track_slide_text_category {
background-color: var(--mc-core-grey-6);
color: var(--mc-core-grey-1)
}
.MC_Bg_Core__off-black .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Core__rich-black .MC_CarouselG .MC_Carousel_track_slide_text_category {
background-color: var(--mc-core-white);
color: var(--mc-core-grey-6)
}
.MC_Bg_Core__off-white .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Core__white .MC_CarouselG .MC_Carousel_track_slide_text_category {
background-color: var(--mc-core-grey-6);
color: var(--mc-core-grey-1)
}
.MC_Bg_Vanilla__Green_4 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Vanilla__Green_5 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Vanilla__Green_6 .MC_CarouselG .MC_Carousel_track_slide_text_category {
background-color: var(--mc-core-white);
color: var(--mc-core-grey-6)
}
.MC_Bg_Vanilla__Green_1 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Vanilla__Green_2 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Vanilla__Green_3 .MC_CarouselG .MC_Carousel_track_slide_text_category {
background-color: var(--mc-core-grey-6);
color: var(--mc-core-grey-1)
}
.MC_Bg_Vanilla__Brown_4 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Vanilla__Brown_5 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Vanilla__Brown_6 .MC_CarouselG .MC_Carousel_track_slide_text_category {
background-color: var(--mc-core-white);
color: var(--mc-core-grey-6)
}
.MC_Bg_Vanilla__Brown_1 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Vanilla__Brown_2 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Vanilla__Brown_3 .MC_CarouselG .MC_Carousel_track_slide_text_category {
background-color: var(--mc-core-grey-6);
color: var(--mc-core-grey-1)
}
.MC_Bg_Vanilla__Blue_3 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Vanilla__Blue_4 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Vanilla__Blue_5 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Vanilla__Blue_6 .MC_CarouselG .MC_Carousel_track_slide_text_category {
background-color: var(--mc-core-white);
color: var(--mc-core-grey-6)
}
.MC_Bg_Vanilla__Blue_1 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Vanilla__Blue_2 .MC_CarouselG .MC_Carousel_track_slide_text_category {
background-color: var(--mc-core-grey-6);
color: var(--mc-core-grey-1)
}
.MC_Bg_Vanilla__Cold_Grey_1 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Vanilla__Cold_Grey_2 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Vanilla__Cold_Grey_3 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Vanilla__Cold_Grey_4 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Vanilla__Cold_Grey_5 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Vanilla__Cold_Grey_6 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Vanilla__Grey_4 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Vanilla__Grey_5 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Vanilla__Grey_6 .MC_CarouselG .MC_Carousel_track_slide_text_category {
background-color: var(--mc-core-white);
color: var(--mc-core-grey-6)
}
.MC_Bg_Dungeons__Orange_1 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Dungeons__Orange_2 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Dungeons__Orange_3 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Dungeons__Orange_4 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Dungeons__Orange_5 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Dungeons__Orange_6 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Vanilla__Grey_1 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Vanilla__Grey_2 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Vanilla__Grey_3 .MC_CarouselG .MC_Carousel_track_slide_text_category {
background-color: var(--mc-core-grey-6);
color: var(--mc-core-grey-1)
}
.MC_Bg_Dungeons__Red_3 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Dungeons__Red_4 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Dungeons__Red_5 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Dungeons__Red_6 .MC_CarouselG .MC_Carousel_track_slide_text_category {
background-color: var(--mc-core-white);
color: var(--mc-core-grey-6)
}
.MC_Bg_Dungeons__Red_1 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Dungeons__Red_2 .MC_CarouselG .MC_Carousel_track_slide_text_category {
background-color: var(--mc-core-grey-6);
color: var(--mc-core-grey-1)
}
.MC_Bg_Dungeons__Mulberry_1 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Dungeons__Mulberry_2 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Dungeons__Mulberry_3 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Dungeons__Mulberry_4 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Dungeons__Mulberry_5 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Dungeons__Mulberry_6 .MC_CarouselG .MC_Carousel_track_slide_text_category {
background-color: var(--mc-core-white);
color: var(--mc-core-grey-6)
}
.MC_Bg_Legends__Light_Blue_1 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Legends__Light_Blue_2 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Legends__Light_Blue_3 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Legends__Light_Blue_4 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Legends__Light_Blue_5 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Legends__Light_Blue_6 .MC_CarouselG .MC_Carousel_track_slide_text_category {
background-color: var(--mc-core-grey-6);
color: var(--mc-core-grey-1)
}
.MC_Bg_Legends__Dark_Blue_1 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Legends__Dark_Blue_2 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Legends__Dark_Blue_3 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Legends__Dark_Blue_4 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Legends__Dark_Blue_5 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Legends__Dark_Blue_6 .MC_CarouselG .MC_Carousel_track_slide_text_category {
background-color: var(--mc-core-white);
color: var(--mc-core-grey-6)
}
.MC_Bg_Legends__Light_Orange_1 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Legends__Light_Orange_2 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Legends__Light_Orange_3 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Legends__Light_Orange_4 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Legends__Light_Orange_5 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Legends__Light_Orange_6 .MC_CarouselG .MC_Carousel_track_slide_text_category {
background-color: var(--mc-core-grey-6);
color: var(--mc-core-grey-1)
}
.MC_Bg_Legends__Ultra_Dark_Blue .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Legends__Ultra_Dark_Orange .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Realms__Pink_4 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Realms__Pink_5 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Realms__Pink_6 .MC_CarouselG .MC_Carousel_track_slide_text_category {
background-color: var(--mc-core-white);
color: var(--mc-core-grey-6)
}
.MC_Bg_Realms__Pink_1 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Realms__Pink_2 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Realms__Pink_3 .MC_CarouselG .MC_Carousel_track_slide_text_category {
background-color: var(--mc-core-grey-6);
color: var(--mc-core-grey-1)
}
.MC_Bg_Realms__Deep_Blue_4 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Realms__Deep_Blue_5 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Realms__Deep_Blue_6 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Realms__Deep_Blue_7 .MC_CarouselG .MC_Carousel_track_slide_text_category {
background-color: var(--mc-core-white);
color: var(--mc-core-grey-6)
}
.MC_Bg_Realms__Deep_Blue_1 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Realms__Deep_Blue_2 .MC_CarouselG .MC_Carousel_track_slide_text_category,
.MC_Bg_Realms__Deep_Blue_3 .MC_CarouselG .MC_Carousel_track_slide_text_category {
background-color: var(--mc-core-grey-6);
color: var(--mc-core-grey-1)
}
.MC_CarouselH {
--image-aspect-ratio: 280/280;
max-width: 1920px;
padding: 80px 20px 83px
}
@media screen and (min-width:768px) {
.MC_CarouselH {
display: flex;
padding: 80px 0 83px 24px
}
}
@media screen and (min-width:1200px) {
.MC_CarouselH {
padding: 48px 0 48px 64px
}
}
.MC_CarouselH .MC_Carousel_header {
margin: 0 auto;
text-align: center;
width: 288px
}
@media screen and (min-width:768px) {
.MC_CarouselH .MC_Carousel_header {
flex: 0 0 357px;
margin: 0 40px 0 0;
text-align: left;
width: unset
}
}
.MC_CarouselH .MC_Carousel_header_wrapper {
margin-bottom: 24px
}
.MC_CarouselH .MC_Carousel_header_description {
margin-top: 1rem
}
.MC_CarouselH .MC_Carousel_header_link {
font-family: var(--mc-default--fontlist);
font-weight: 700
}
.MC_CarouselH .MC_Carousel_track_wrapper {
margin: 48px auto 0;
overflow: hidden;
padding-bottom: 54px;
width: 304px
}
@media screen and (max-width:767.98px) {
.MC_CarouselH .MC_Carousel_track_wrapper {
width: 280px
}
}
@media screen and (min-width:768px) {
.MC_CarouselH .MC_Carousel_track_wrapper {
margin: 0 0 0 -12px;
max-width: 1416px;
padding-bottom: 0;
width: unset
}
}
.MC_CarouselH .MC_Carousel_track {
left: 0;
position: relative;
transform: translateX(-33.333333%) !important;
width: max-content
}
.MC_CarouselH .MC_Carousel_track_slide {
padding-bottom: 3px
}
.MC_CarouselH .MC_Carousel_track_slide_link {
border: 0;
display: block;
margin-top: 2px;
padding: 0;
position: relative;
text-decoration: none !important
}
.MC_CarouselH .MC_Carousel_track_slide_link:active,
.MC_CarouselH .MC_Carousel_track_slide_link:focus,
.MC_CarouselH .MC_Carousel_track_slide_link:focus-visible {
background-color: transparent;
border-radius: 0;
box-shadow: 0 0 0 .0625rem #fff;
outline: 2px solid var(--mc-default-focus)
}
.MC_CarouselH .MC_Carousel_track_slider {
transform: translateX(0);
transition: .3s ease
}
.MC_CarouselH .MC_Carousel_track_slide {
margin: 0 12px;
width: 280px
}
@media screen and (max-width:767.98px) {
.MC_CarouselH .MC_Carousel_track_slide {
margin: 0;
padding: 2px
}
}
@media screen and (min-width:1200px) {
.MC_CarouselH .MC_Carousel_track_slide {
width: 280px
}
}
.MC_CarouselH .MC_Carousel_track_slide_media_img {
aspect-ratio: var(--image-aspect-ratio);
display: block;
max-width: 280px;
position: relative;
width: 100%
}
.MC_CarouselH .MC_Carousel_track_slide_text {
background-color: var(--mc-core-off-black);
bottom: 0;
padding: 16px;
position: absolute;
text-align: left;
width: 100%;
z-index: 2
}
.MC_CarouselH .MC_Carousel_track_slide_text:after {
background-color: var(--mc-core-white);
clip-path: var(--mc-environment-download_icon_clip-path);
content: "";
display: block;
height: 24px;
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-50%);
width: 24px
}
@media (forced-colors:active) and (prefers-color-scheme:dark) {
.MC_CarouselH .MC_Carousel_track_slide_text:after {
background-color: currentColor;
filter: invert(1)
}
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
.MC_CarouselH .MC_Carousel_track_slide_text:after {
filter: invert(1)
}
}
@media screen and (min-width:768px) {
.MC_CarouselH .MC_Carousel_track_slide_text {
text-align: left
}
}
.MC_CarouselH .MC_Carousel_track_slide_text_heading {
line-height: 1.5325rem;
margin-top: 4px;
max-width: calc(100% - 32px)
}
.MC_CarouselH .MC_Carousel_track_slide_text_heading[class*=MC_Heading]:not([class*=MC_Heading_Font]) {
font-family: var(--mc-default--fontlist);
font-weight: 700
}
.MC_CarouselH .MC_Carousel_track_slide_text_heading[class*=MC_Heading]:not([style*="--font-color"]) {
color: var(--mc-core-white) !important
}
.MC_CarouselH .MC_Carousel_track_slide_text_heading[class*=MC_Heading] {
font-size: 1.5rem;
letter-spacing: .04em
}
.MC_CarouselH .MC_Carousel_track_slide_text_heading+.MC_Carousel_track_slide_text_blurb {
margin-top: 1rem
}
.MC_CarouselH .MC_Carousel_track_slide_text_category {
box-shadow: 2px 2px 0 rgba(0, 0, 0, .3);
color: var(--mc-core-grey-1) !important;
display: inline-block;
font-family: var(--mc-legends-fontlist);
margin: 0;
max-width: calc(100% - 32px);
padding: 0;
text-transform: uppercase
}
.MC_CarouselH .MC_Carousel_controls {
margin-top: 54px
}
.MC_CarouselH .MC_Carousel_track_wrapper .MC_Carousel_controls {
bottom: 0;
left: 50%;
position: absolute;
transform: translateX(-50%)
}
@media screen and (max-width:767.98px) {
.MC_CarouselH .MC_Carousel_track_wrapper .MC_Carousel_controls {
bottom: 4px
}
}
.MC_CarouselH .MC_Carousel_header .MC_Carousel_controls {
display: none
}
@media screen and (min-width:768px) {
.MC_CarouselH .MC_Carousel_track_wrapper .MC_Carousel_controls {
display: none
}
.MC_CarouselH .MC_Carousel_header .MC_Carousel_controls {
display: block
}
}
[data-mc-ref=mc_carousel_carouselJ][style*="--bottom-background"] {
background-image: var(--bottom-background);
background-position: bottom;
background-repeat: repeat-x;
padding-bottom: 120px
}
.MC_CarouselJ {
--image-aspect-ratio: 280/280;
max-width: 1920px;
padding: 80px 20px 83px
}
@media screen and (min-width:768px) {
.MC_CarouselJ {
display: flex;
padding: 80px 0 83px 24px
}
}
@media screen and (min-width:1200px) {
.MC_CarouselJ {
padding: 48px 0 48px 64px
}
}
.MC_CarouselJ .MC_Carousel_header {
margin: 0 auto;
text-align: center;
width: 100%
}
@media screen and (min-width:768px) {
.MC_CarouselJ .MC_Carousel_header {
flex: 0 0 432px;
margin: 0 24px 0 0;
text-align: left;
width: unset
}
}
@media screen and (min-width:1200px) {
.MC_CarouselJ .MC_Carousel_header {
margin-right: 40px
}
}
.MC_CarouselJ .MC_Carousel_header_wrapper {
margin-bottom: 24px
}
.MC_CarouselJ_header_logo {
margin-bottom: 32px;
max-width: max-content;
width: 100%
}
.MC_CarouselJ .MC_Carousel_header_description {
margin-top: 1rem
}
.MC_CarouselJ .MC_Carousel_header_link {
font-family: var(--mc-default--fontlist);
font-weight: 700
}
.MC_CarouselJ .MC_Carousel_track_wrapper {
margin: 48px auto 0;
overflow: hidden;
padding-bottom: 54px;
width: 304px
}
.MC_CarouselJ .MC_listingF_header {
flex-basis: 100%
}
.MC_CarouselJ .MC_listingF_header_container {
justify-content: space-between;
margin-top: 16px
}
@media screen and (max-width:767.98px) {
.MC_CarouselJ .MC_Carousel_track_wrapper {
width: 280px
}
}
@media screen and (min-width:768px) {
.MC_CarouselJ .MC_Carousel_track_wrapper {
margin: 24px 0 0 -12px;
max-width: 1416px;
padding-bottom: 0;
width: unset
}
}
.MC_CarouselJ .MC_Carousel_track {
left: 0;
position: relative;
transform: translateX(-33.333333%) !important;
width: max-content
}
.MC_CarouselJ[data-mc-mount=Carousel] .MC_Carousel_track {
transform: unset !important;
width: 100%
}
.MC_CarouselJ[data-mc-mount=Carousel] .MC_Carousel_track_slider {
height: 100%
}
.MC_CarouselJ[data-mc-mount=Carousel] .MC_Animations_loadingIconA {
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%)
}
.MC_CarouselJ .MC_Carousel_track_slide {
padding-bottom: 3px
}
.MC_CarouselJ .MC_Carousel_track_slide_link {
background-color: var(--mc-core-grey-5);
border: 0;
display: block;
display: flex;
flex-direction: column;
height: 100%;
margin-top: 2px;
padding: 16px;
position: relative;
text-decoration: none !important
}
.MC_CarouselJ .MC_Carousel_track_slide_link:hover {
background-color: var(--mc-core-grey-5) !important
}
.MC_CarouselJ .MC_Carousel_track_slide_link:active,
.MC_CarouselJ .MC_Carousel_track_slide_link:focus {
border-radius: 0;
box-shadow: 0 0 0 .0625rem #fff;
outline: 2px solid var(--mc-default-focus)
}
.MC_CarouselJ .MC_Carousel_track_slider {
transform: translateX(0);
transition: .3s ease
}
.MC_CarouselJ .MC_Carousel_track_slide {
margin: 0 12px;
width: 280px
}
@media screen and (max-width:767.98px) {
.MC_CarouselJ .MC_Carousel_track_slide {
margin: 0;
padding: 2px
}
}
@media screen and (min-width:1200px) {
.MC_CarouselJ .MC_Carousel_track_slide {
width: 280px
}
}
.MC_CarouselJ .MC_Carousel_track_slide_media_img {
aspect-ratio: auto;
display: block;
max-width: 280px;
position: relative;
width: 100%
}
.MC_CarouselJ .MC_Carousel_track_slide_text {
display: flex;
flex-direction: column;
gap: 8px;
height: 100%;
text-align: left;
width: 100%
}
@media screen and (min-width:768px) {
.MC_CarouselJ .MC_Carousel_track_slide_text {
text-align: left
}
}
.MC_CarouselJ .MC_Carousel_track_slide_text_heading {
align-items: normal;
line-height: 1.5325rem;
margin-top: 4px;
max-width: calc(100% - 32px)
}
.MC_CarouselJ .MC_Carousel_track_slide_link:hover .MC_Carousel_track_slide_text_heading {
text-decoration: underline
}
.MC_CarouselJ .MC_Carousel_track_slide_text_heading[class*=MC_Heading]:not([class*=MC_Heading_Font]) {
font-family: var(--mc-default--fontlist);
font-weight: 700
}
.MC_CarouselJ .MC_Carousel_track_slide_text_heading.MC_Glyph_Link_A:after {
background-color: var(--mc-theme-primary-color, var(--mc-core-rich-black));
position: relative;
top: 8px
}
.MC_CarouselJ .MC_Carousel_track_slide_text_heading+.MC_Carousel_track_slide_text_blurb {
margin-top: 1rem
}
.MC_CarouselJ .MC_Carousel_track_slide_text_category {
box-shadow: 2px 2px 0 rgba(0, 0, 0, .3);
color: var(--mc-core-grey-1) !important;
display: inline-block;
font-family: var(--mc-legends-fontlist);
margin: 0;
max-width: calc(100% - 32px);
padding: 0;
text-transform: uppercase
}
.MC_CarouselJ .MC_Carousel_controls {
margin-top: 54px
}
.MC_CarouselJ .MC_Carousel_track_wrapper .MC_Carousel_controls {
bottom: 0;
left: 50%;
position: absolute;
transform: translateX(-50%)
}
@media screen and (max-width:767.98px) {
.MC_CarouselJ .MC_Carousel_track_wrapper .MC_Carousel_controls {
bottom: 4px
}
}
.MC_CarouselJ .MC_Carousel_header .MC_Carousel_controls {
display: none
}
@media screen and (min-width:768px) {
.MC_CarouselJ .MC_Carousel_track_wrapper .MC_Carousel_controls {
display: none
}
.MC_CarouselJ .MC_Carousel_header .MC_Carousel_controls {
display: block
}
}
.MC_CarouselL {
--image-aspect-ratio: 280/280;
max-width: 1920px;
padding: 80px 20px 83px
}
@media screen and (min-width:768px) {
.MC_CarouselL {
display: flex;
padding: 80px 0 83px 24px
}
}
@media screen and (min-width:1200px) {
.MC_CarouselL {
padding: 48px 0 48px 64px
}
}
.MC_CarouselL .MC_Carousel_header {
margin: 0 auto;
text-align: center;
width: 100%
}
@media screen and (min-width:768px) {
.MC_CarouselL .MC_Carousel_header {
flex: 0 0 357px;
margin: 0 40px 0 0;
text-align: left;
width: unset
}
}
.MC_CarouselL .MC_Carousel_header_wrapper {
margin-bottom: 24px
}
.MC_CarouselL .MC_Carousel_header_description {
margin-top: 1rem
}
.MC_CarouselL .MC_Carousel_header_link {
font-family: var(--mc-default--fontlist);
font-weight: 700
}
.MC_CarouselL .MC_Carousel_track_wrapper {
margin: 48px auto 0;
overflow: hidden;
padding-bottom: 54px;
width: 304px
}
@media screen and (max-width:767.98px) {
.MC_CarouselL .MC_Carousel_track_wrapper {
width: 280px
}
}
@media screen and (min-width:768px) {
.MC_CarouselL .MC_Carousel_track_wrapper {
margin: 0 0 0 -12px;
max-width: 1416px;
padding-bottom: 0;
width: unset
}
}
.MC_CarouselL .MC_Carousel_track {
left: 0;
position: relative;
transform: translateX(-33.333333%) !important;
width: max-content
}
.MC_CarouselL .MC_Carousel_track_slide {
padding-bottom: 3px
}
.MC_CarouselL .MC_Carousel_track_slide_link {
border: 0;
display: block;
margin-top: 2px;
padding: 0;
position: relative;
text-decoration: none !important
}
.MC_CarouselL .MC_Carousel_track_slide_link:active,
.MC_CarouselL .MC_Carousel_track_slide_link:focus,
.MC_CarouselL .MC_Carousel_track_slide_link:focus-visible {
background-color: transparent;
border-radius: 0;
box-shadow: 0 0 0 .0625rem #fff;
outline: 2px solid var(--mc-default-focus)
}
.MC_CarouselL .MC_Carousel_track_slider {
transform: translateX(0);
transition: .3s ease
}
.MC_CarouselL .MC_Carousel_track_slide {
margin: 0 12px;
width: 280px
}
@media screen and (max-width:767.98px) {
.MC_CarouselL .MC_Carousel_track_slide {
margin: 0;
padding: 2px
}
}
@media screen and (min-width:1200px) {
.MC_CarouselL .MC_Carousel_track_slide {
width: 280px
}
}
.MC_CarouselL .MC_Carousel_track_slide_media_img {
aspect-ratio: var(--image-aspect-ratio);
display: block;
max-width: 280px;
position: relative;
width: 100%
}
.MC_CarouselL .MC_Carousel_track_slide_text {
padding: 16px 0;
text-align: left;
width: 100%
}
@media screen and (min-width:768px) {
.MC_CarouselL .MC_Carousel_track_slide_text {
text-align: left
}
}
.MC_CarouselL .MC_Carousel_track_slide_text_heading {
align-items: normal;
line-height: 1.5325rem;
margin-top: 4px;
max-width: calc(100% - 32px)
}
.MC_CarouselL .MC_Carousel_track_slide_text_heading:active {
box-shadow: none;
outline: none
}
.MC_CarouselL .MC_Carousel_track_slide_link:hover .MC_Carousel_track_slide_text_heading {
text-decoration: underline
}
.MC_CarouselL .MC_Carousel_track_slide_text_heading[class*=MC_Heading]:not([class*=MC_Heading_Font]) {
font-family: var(--mc-default--fontlist);
font-weight: 700
}
.MC_CarouselL .MC_Carousel_track_slide_text_heading.MC_Glyph_Link_A:after {
background-color: var(--mc-theme-primary-color, var(--mc-core-rich-black));
position: relative;
top: 8px
}
.MC_CarouselL .MC_Carousel_track_slide_text_heading+.MC_Carousel_track_slide_text_blurb {
margin-top: 1rem
}
.MC_CarouselL .MC_Carousel_track_slide_text_category {
box-shadow: 2px 2px 0 rgba(0, 0, 0, .3);
color: var(--mc-core-grey-1) !important;
display: inline-block;
font-family: var(--mc-legends-fontlist);
margin: 0;
max-width: calc(100% - 32px);
padding: 0;
text-transform: uppercase
}
.MC_CarouselL .MC_Carousel_controls {
margin-top: 54px
}
.MC_CarouselL .MC_Carousel_track_wrapper .MC_Carousel_controls {
bottom: 0;
left: 50%;
position: absolute;
transform: translateX(-50%)
}
@media screen and (max-width:767.98px) {
.MC_CarouselL .MC_Carousel_track_wrapper .MC_Carousel_controls {
bottom: 4px
}
}
.MC_CarouselL .MC_Carousel_header .MC_Carousel_controls {
display: none
}
@media screen and (min-width:768px) {
.MC_CarouselL .MC_Carousel_track_wrapper .MC_Carousel_controls {
display: none
}
.MC_CarouselL .MC_Carousel_header .MC_Carousel_controls {
display: block
}
}
[data-mc-ref=mc_carousel_carouselM] {
box-shadow: inset 0 -2px 0 0 rgba(255, 196, 43, .3)
}
.MC_CarouselM {
max-width: 2143px;
padding: 48px 0 54px
}
@media screen and (min-width:768px) {
.MC_CarouselM {
padding: 80px 0 86px
}
}
.MC_CarouselM .MC_Carousel_header {
margin: 0 auto 48px;
max-width: 1040px;
padding: 0 10px;
text-align: center
}
.MC_CarouselM .MC_Carousel_header_description {
margin-top: 10px
}
.MC_CarouselM .MC_Carousel_header .MC_Button {
margin-top: 16px
}
.MC_CarouselM .MC_Carousel_track {
left: 50%;
position: relative;
transform-origin: center;
width: max-content
}
.MC_CarouselM .MC_Carousel_track_slider {
transform: translateX(0);
transition: .3s ease
}
.MC_CarouselM .MC_Carousel_track_slide {
background: var(--mc-core-grey-6);
box-shadow: 0 4px 0 0 rgba(0, 0, 0, .25), inset 4px -4px 0 0 rgba(0, 0, 0, .3), inset -4px 4px 0 0 hsla(0, 0%, 100%, .2);
display: inline-flex;
flex-wrap: wrap;
gap: 16px;
margin: 0 8px;
padding: 28px;
width: 280px
}
.MC_CarouselM .MC_Carousel_track_slide.MC_Carousel_track_slide__active {
background: linear-gradient(0deg, hsla(0, 0%, 100%, .05), hsla(0, 0%, 100%, .05)), #262423;
box-shadow: 0 0 90px 0 rgba(255, 196, 43, .9), inset -4px 4px 0 0 #db9f21, inset 4px -4px 0 0 #b87918;
cursor: pointer;
opacity: 1
}
@media screen and (min-width:768px) {
.MC_CarouselM .MC_Carousel_track_slide {
margin: 0 12px;
width: 640px
}
}
@media screen and (min-width:1200px) {
.MC_CarouselM .MC_Carousel_track_slide {
margin: 0 56px
}
}
.MC_CarouselM .MC_Carousel_track_slide_media {
height: 135px
}
.MC_CarouselM .MC_Carousel_track_slide_media_img {
aspect-ratio: 280/168;
display: block;
position: relative;
width: 100%
}
@media screen and (min-width:768px) {
.MC_CarouselM .MC_Carousel_track_slide_media {
height: 350px
}
.MC_CarouselM .MC_Carousel_track_slide_media_img {
aspect-ratio: 640/384
}
}
.MC_Carousel_track_slide_text_wrapper {
display: flex;
flex-wrap: wrap;
gap: 16px
}
.MC_CarouselM .MC_Carousel_track_slide_text {
align-items: flex-start;
clear: both;
display: inline-flex;
flex-wrap: wrap;
gap: 16px;
height: calc(100% - 151px);
text-align: left;
width: 100%
}
.MC_carouselM_track_slide_text_header {
flex-basis: 100%
}
.MC_carouselM_track_slide_text_header a {
display: inline-block;
text-decoration: none !important
}
.MC_carouselM_track_slide_text_header a:hover {
color: var(--mc-core-white) !important;
text-decoration: underline !important
}
.MC_carouselM_type_author {
align-items: center;
display: flex;
flex-basis: 100%;
gap: 8px
}
.MC_carouselM_author {
color: var(--mc-core-grey-3) !important;
display: -webkit-box;
-webkit-line-clamp: 1;
overflow: hidden;
overflow-wrap: anywhere;
-webkit-box-orient: vertical;
font-size: .875rem
}
.MC_carouselM_rating_price {
align-items: center;
display: flex;
flex-basis: 100%;
justify-content: space-between;
margin-top: auto
}
.MC_carouselM_rating {
align-items: center;
color: var(--mc-core-white);
display: flex;
font-size: .875rem;
font-weight: 400;
gap: 4px;
line-height: 1.25rem
}
.MC_carouselM_minecoin {
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 4px
}
.MC_carouselM_minecoin_listprice {
color: var(--mc-marketplace-gold-3);
font-family: var(--mc-vanilla-fontlist);
font-size: 1.25rem;
font-style: normal;
font-weight: 400;
line-height: 24px;
text-align: right;
text-shadow: 1px 1px 0 #000
}
@media screen and (min-width:768px) {
.MC_CarouselM .MC_Carousel_track_slide_text {
height: calc(100% - 366px)
}
}
.MC_CarouselM .MC_Carousel_controls {
margin-top: 38px;
text-align: center
}
.MC_CarouselM .MC_Carousel_controls:first-of-type {
display: none
}
@media screen and (min-width:1200px) {
.MC_CarouselM .MC_Carousel_controls {
margin-top: 0;
z-index: 20
}
.MC_CarouselM .MC_Carousel_controls:first-of-type {
display: block;
left: calc(50% - 376px);
position: absolute;
top: 50%;
transform: translate(-50%, -50%)
}
.MC_CarouselM .MC_Carousel_controls:first-of-type button:first-of-type {
margin-right: 0
}
.MC_CarouselM .MC_Carousel_controls:first-of-type button:nth-of-type(2) {
display: none
}
.MC_CarouselM .MC_Carousel_controls~.MC_Carousel_controls {
position: absolute;
right: calc(50% - 376px);
top: 50%;
transform: translate(50%, -50%)
}
.MC_CarouselM .MC_Carousel_controls~.MC_Carousel_controls button:first-of-type {
display: none
}
}
@media (forced-colors:active) {
.MC_CarouselM .MC_Carousel_track_slide {
outline: 1px solid
}
}
.MC_CarouselN {
margin: 0;
max-width: 888px
}
.MC_CarouselN .MC_Carousel_header {
line-height: 1.75rem;
padding: 3rem 0 1.5rem;
width: 100%
}
.MC_CarouselN .MC_Carousel_controls {
display: none
}
.MC_CarouselN .MC_Carousel_wrapper {
background: linear-gradient(0deg, rgba(0, 0, 0, .4) 0, rgba(0, 0, 0, .4) 100%), var(--Core-Off-Black, #171615);
box-shadow: inset 4px -4px 0 0 hsla(0, 0%, 100%, .1), inset -4px 4px 0 0 #000;
box-sizing: content-box;
display: flex;
justify-content: space-between;
padding: 1.5rem;
width: calc(100% - 3rem)
}
@media screen and (width < 768px) {
.MC_CarouselN .MC_Carousel_wrapper {
display: block
}
}
@media screen and (max-width:576px) {
.MC_CarouselN {
padding-left: 16px;
padding-right: 16px
}
}
.MC_CarouselN .MC_Carousel_track_wrapper,
.MC_CarouselN .MC_Carousel_track_wrapper * {
transform: none !important
}
.MC_CarouselN .MC_Carousel_track_wrapper {
width: 82.857%
}
@media screen and (width < 768px) {
.MC_CarouselN .MC_Carousel_track_wrapper {
width: 100%
}
}
.MC_CarouselN .MC_Carousel_track,
.MC_CarouselN .MC_Carousel_track_slide,
.MC_CarouselN .MC_Carousel_track_slider {
width: 100%
}
.MC_CarouselN .MC_Carousel_track_slide iframe,
.MC_CarouselN .MC_Carousel_track_slide img {
aspect-ratio: 16/9;
width: 100%
}
.MC_CarouselN .MC_Carousel_track_slider {
overflow: hidden
}
.MC_CarouselN .MC_Carousel_track_slide {
display: none
}
.MC_CarouselN .MC_Carousel_track_slide.MC_Carousel_track_slide__active {
display: block
}
.MC_CarouselN .MC_Carousel_track_slide_text,
.MC_CarouselN .MC_Carousel_track_slide_text_blurb p {
margin-top: 1rem
}
.MC_CarouselN .MC_Carousel_track_slide_text_accessibility_blurb p {
color: var(--mc-theme-secondary-color, var(--mc-core-rich-black)) !important;
margin-top: 1rem
}
.MC_CarouselN .MC_Carousel_thumbs_wrapper {
width: 13.514%
}
@media screen and (width < 767.98px) {
.MC_CarouselN .MC_Carousel_thumbs_wrapper {
margin-top: 16px;
width: 100%
}
}
.MC_CarouselN .MC_Carousel_thumbs_track {
flex-direction: column;
height: 100%;
transform: none !important
}
@media screen and (width < 767.98px) {
.MC_CarouselN .MC_Carousel_thumbs_track {
flex-direction: row;
height: auto;
justify-content: space-between;
width: 100%
}
}
.MC_CarouselN .MC_Carousel_thumbs_slide {
border: none;
cursor: pointer;
padding: 0;
width: 100%
}
@media screen and (width < 767.98px) {
.MC_CarouselN .MC_Carousel_thumbs_slide {
width: 14.835%
}
}
.MC_CarouselN .MC_Carousel_thumbs_slide.MC_Carousel_thumbs_slide__active {
border: 2px solid var(--mc-core-green-2);
box-shadow: -3px -3px 0 0 var(--mc-core-rich-black) inset, 3px 3px 0 0 var(--mc-core-rich-black) inset;
padding: 1px
}
.MC_Theme_Marketplace>.MC_CarouselN .MC_Carousel_thumbs_slide.MC_Carousel_thumbs_slide__active {
border-color: var(--mc-marketplace-gold-3)
}
.MC_CarouselN .MC_Carousel_thumbs_slide.MC_Carousel_thumbs_slide__active:focus {
border-color: var(--mc-core-white);
outline-offset: 0
}
.MC_CarouselN .MC_Carousel_thumbs_slide+.MC_Carousel_thumbs_slide {
margin-top: 1rem
}
@media screen and (width < 767.98px) {
.MC_CarouselN .MC_Carousel_thumbs_slide+.MC_Carousel_thumbs_slide {
margin-left: 2.198%;
margin-top: 0
}
}
.MC_CarouselN .MC_Carousel_thumbs_slide:nth-child(n+7) {
display: none
}
.MC_CarouselN .MC_Carousel_thumbs_slide img {
aspect-ratio: 16/9;
width: 100%
}
@media screen and (width < 767.98px) {
.MC_CarouselN .MC_Carousel_thumbs_slide img {
aspect-ratio: 1/1;
object-fit: cover
}
}
.MC_Theme_Legends .MC_CarouselN .MC_Carousel_thumbs_slide.MC_Carousel_thumbs_slide__active {
border-color: var(--mc-legends-light-blue-4)
}
.MC_Theme_Dungeons .MC_CarouselN .MC_Carousel_thumbs_slide.MC_Carousel_thumbs_slide__active {
border-color: var(--mc-dungeons-orange-4)
}
.MC_CarouselN .MC_mediaBlockB {
padding: 0
}
.MC_CarouselN .MC_mediaBlockB_media-container {
aspect-ratio: unset
}
.MC_CarouselN .MC_videoA video {
display: block
}
.MC_carouselN_playThumb {
position: relative
}
.MC_carouselN_playThumb:before {
background-color: #fff;
clip-path: var(--mc-environment-play_icon_clip-path);
height: 29.55%;
width: 9.18%;
z-index: 2
}
.MC_carouselN_playThumb:after,
.MC_carouselN_playThumb:before {
content: "";
display: block;
flex-shrink: 0;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%)
}
.MC_carouselN_playThumb:after {
background-color: #000;
height: 43%;
outline: 1px solid var(--mc-core-white);
width: 24.5%;
z-index: 1
}
@media screen and (max-width < 767.98px) {
.MC_carouselN_playThumb:before {
height: 24.74%;
width: 12.37%
}
.MC_carouselN_playThumb:after {
height: 32.98%;
width: 32.98%
}
}
@media (forced-colors:active) {
.MC_CarouselN .MC_Carousel_track_slide_media_link__play:after {
filter: invert(1)
}
.MC_CarouselN .MC_Carousel_thumbs_slide__active:after {
outline: 4px solid var(--mc-core-off-black) !important;
outline-offset: -4px
}
.MC_carouselN_playThumb:before {
filter: invert(1)
}
}
.MC_CarouselN:has(.MC_youTubePlayer_cookieAcceptError) {
container: carouselN/inline-size
}
.MC_CarouselN:has(.MC_youTubePlayer_cookieAcceptError) .MC_Carousel_track,
.MC_CarouselN:has(.MC_youTubePlayer_cookieAcceptError) .MC_Carousel_track_slider {
height: 100%
}
.MC_CarouselN:has(.MC_youTubePlayer_cookieAcceptError) .MC_Carousel_track_slide:has(>.MC_carouselN_videoContainer) {
aspect-ratio: unset !important
}
@container carouselN (width < 600px) {
.MC_CarouselN:has(.MC_youTubePlayer_cookieAcceptError) .MC_youTubePlayer_cookieAcceptBlurb {
max-width: 90%
}
}
[data-mc-ref=mc_carouselO] {
padding-left: 16px
}
.MC_CarouselO {
padding-top: 48px;
--image-aspect-ratio: 280/280;
--grid-size: 2440px;
max-width: var(--grid-size)
}
.MC_CarouselO .MC_Carousel_header {
margin: 0;
max-width: calc(var(--grid-size) - 12px);
text-align: center;
width: 100%
}
.MC_CarouselO .MC_Carousel_header_wrapper {
display: flex;
flex-wrap: wrap;
gap: 16px;
margin-bottom: 24px;
width: calc(100% - 24px)
}
.MC_CarouselO_header_logo {
margin-bottom: 32px;
max-width: max-content;
width: 100%
}
.MC_CarouselO .MC_Carousel_header_heading {
margin-bottom: 8px
}
.MC_CarouselO .MC_Carousel_header_description {
margin-top: 1rem
}
.MC_CarouselO .MC_Carousel_header_link {
align-self: flex-start;
font-family: var(--mc-default--fontlist);
font-size: .875rem;
font-weight: 400;
gap: 0;
margin-left: 2px;
text-transform: uppercase;
text-wrap: nowrap
}
.MC_CarouselO .MC_Carousel_header_link.MC_Glyph_Link_A:after {
margin-left: .25rem
}
.MC_CarouselO .MC_Carousel_header_link_wrapper {
display: flex;
flex: 1 0 auto;
gap: 16px;
justify-content: space-between
}
.MC_CarouselO .MC_Carousel_track_wrapper {
margin: 24px 0 0 -12px;
max-width: var(--grid-size);
overflow: hidden;
padding-bottom: 0;
width: unset
}
.MC_CarouselO .MC_listingF_header {
flex-basis: 100%
}
.MC_CarouselO .MC_listingF_header_container {
height: auto;
justify-content: space-between
}
.MC_CarouselO .MC_listingF_marketplaceTile [class*=MC_Heading] {
-webkit-line-clamp: 1
}
.MC_CarouselO_type_author {
align-items: center;
display: flex;
flex-basis: 100%;
gap: 8px
}
.MC_CarouselO:not([data-mc-status=mounted]) .MC_listingF_contentTile,
.MC_CarouselO:not([data-mc-status=mounted]) .MC_listingF_marketplaceContentTile {
display: none
}
.MC_CarouselO .MC_listingF_marketplaceContentTile {
background: url(/content/dam/minecraftnet/franchise/component-library/carouselO/marketplace_card_bg.png) no-repeat top;
background-size: cover
}
.MC_CarouselO .MC_listingF_marketplaceContentTile .MC_listingF_container {
background-color: unset;
box-shadow: unset;
color: var(--mc-core-white);
justify-content: center;
min-height: 300px;
padding-left: 24px;
padding-right: 24px
}
.MC_CarouselO .MC_listingF_marketplaceContentTile .MC_listingF_body_content {
align-items: center;
display: flex;
flex-direction: column;
gap: 8px
}
.MC_CarouselO .MC_listingF_marketplaceContentTile .MC_listingF_body {
min-height: auto
}
.MC_CarouselO .MC_listingF_marketplaceContentTile .MC_Carousel_track_slide_text_heading {
background: linear-gradient(180deg, #fff27a 1.07%, #ffc42b 99.39%);
background-clip: text;
-webkit-background-clip: text;
font-family: var(--mc-vanilla-fontlist) !important;
font-size: 2.5rem;
font-style: normal;
font-weight: 400;
letter-spacing: -.6px;
line-height: 40px;
text-align: center;
text-transform: capitalize;
-webkit-text-fill-color: transparent;
word-break: break-word
}
.MC_CarouselO .MC_listingF_marketplaceContentTile .MC_listingF_header:hover {
text-decoration: none !important
}
.MC_CarouselO .MC_listingF_marketplaceContentTile .MC_listingF_textLink {
font-size: .875rem;
font-style: normal;
font-weight: 700;
gap: 8px;
letter-spacing: 1.12px;
line-height: 20px;
text-transform: uppercase
}
.MC_CarouselO .MC_listingF_marketplaceContentTile .MC_listingF_textLink:after {
background-color: var(--mc-core-white)
}
.MC_CarouselO .MC_listingF_marketplaceContentTile:hover .MC_listingF_textLink {
text-decoration: underline
}
.MC_CarouselO .MC_listingF_gameTile picture:not(.MC_listingF_defaultImage) img {
width: 100%
}
.MC_CarouselO .MC_Carousel_track {
left: 0;
position: relative;
width: max-content
}
.MC_CarouselO[data-mc-mount=Carousel] .MC_Carousel_track {
transform: unset !important;
width: 100%
}
.MC_CarouselO[data-mc-mount=Carousel] .MC_Carousel_track_slider {
min-height: 100px;
width: 100%
}
.MC_CarouselO[data-mc-mount=Carousel] .MC_Animations_loadingIconA {
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%)
}
.MC_CarouselO .MC_Carousel_track_slide {
padding-bottom: 3px
}
.MC_CarouselO .MC_Carousel_track_slide_link {
border: 0;
display: block;
display: flex;
flex-direction: column;
height: 100%;
margin-top: 2px;
padding: 16px;
position: relative;
text-decoration: none !important
}
.MC_CarouselO .MC_Carousel_track_slide_link:hover {
background-color: hsla(0, 0%, 100%, .1) !important
}
.MC_CarouselO .MC_Carousel_track_slide_link:active,
.MC_CarouselO .MC_Carousel_track_slide_link:focus {
background-color: hsla(0, 0%, 100%, .1) !important;
border-radius: 0;
box-shadow: inset 0 0 0 .125rem var(--mc-default-focus) !important;
outline: 1px solid var(--mc-core-white) !important;
outline-offset: -3px !important
}
.MC_CarouselO .MC_Carousel_track_slider {
transform: translateX(0);
transition: .3s ease
}
.MC_CarouselO .MC_Carousel_track_slide {
margin: 0 12px;
width: 280px
}
.MC_CarouselO .MC_Carousel_track_slide_link {
background-color: var(--mc-core-grey-6);
box-shadow: inset 0 -2px 0 0 #000, inset 0 2px 0 0 #3d3938
}
.MC_CarouselO .MC_listingF_description {
margin-top: 0
}
.MC_CarouselO .MC_listingF_marketplaceTile .MC_listingF_container {
min-height: 300px
}
@media screen and (min-width:576px) {
[data-mc-ref=mc_carouselO] {
padding-left: 24px
}
.MC_CarouselO .MC_Carousel_track_slider {
padding-top: 8px
}
.MC_CarouselO .MC_Carousel_track_slide__active {
box-shadow: 0 4px 0 0 rgba(0, 0, 0, .25), inset 0 -2px 0 0 #000, inset 0 2px 0 0 #3d3938;
position: relative;
top: -8px
}
.MC_CarouselO .MC_Carousel_track_slide__active .MC_Carousel_track_slide_link {
background-color: hsla(0, 0%, 100%, .1);
box-shadow: unset
}
}
@media screen and (min-width:768px) {
[data-mc-ref=mc_carouselO] {
padding-left: 60px
}
}
.MC_CarouselO .MC_Carousel_track_slide_link:hover .MC_Carousel_track_slide_text_heading {
text-decoration: underline
}
.MC_CarouselO .MC_Carousel_track_slide_text_heading[class*=MC_Heading]:not([class*=MC_Heading_Font]) {
font-family: var(--mc-default--fontlist);
font-weight: 700
}
.MC_CarouselO .MC_Carousel_track_slide_text_heading.MC_Glyph_Link_A:after {
background-color: var(--mc-theme-primary-color, var(--mc-core-rich-black));
position: relative;
top: 8px
}
.MC_CarouselO .MC_Carousel_track_slide_text_heading+.MC_Carousel_track_slide_text_blurb {
margin-top: 1rem
}
.MC_CarouselO .MC_Carousel_track_slide_text_category {
box-shadow: 2px 2px 0 rgba(0, 0, 0, .3);
color: var(--mc-core-grey-1) !important;
display: inline-block;
font-family: var(--mc-legends-fontlist);
margin: 0;
max-width: calc(100% - 32px);
padding: 0;
text-transform: uppercase
}
.MC_CarouselO .MC_Carousel_track_slide_link .MC_listingF_author {
color: var(--mc-core-grey-2) !important
}
.MC_CarouselO .MC_Carousel_track_slide_media {
max-height: 156px
}
@media screen and (max-width:655px) {
.MC_carouselO_tileSize_medium.MC_CarouselO .MC_listingF_marketplaceTile .MC_listingF_body {
min-height: calc(100% - 148px)
}
}
.MC_carouselO_tileSize_small.MC_CarouselO .MC_Carousel_track_slide {
width: 200px
}
.MC_carouselO_tileSize_small.MC_CarouselO .MC_Carousel_track_slide_media {
display: flex
}
.MC_carouselO_tileSize_small.MC_CarouselO .MC_listingF_container {
justify-content: space-between;
min-height: 231px
}
.MC_carouselO_tileSize_small.MC_CarouselO .MC_listingF_newsTile .MC_Carousel_track_slide_media_img {
width: 132% !important
}
.MC_carouselO_tileSize_small.MC_CarouselO .MC_listingF_container picture {
min-height: unset
}
.MC_CarouselO .MC_listingF_icon_container {
min-height: 140px
}
.MC_carouselO_tileSize_small.MC_CarouselO .MC_listingF_body {
min-height: calc(100% - 111px)
}
.MC_carouselO_tileSize_small.MC_CarouselO .MC_listingF_marketplaceTile [class*=MC_Heading] {
-webkit-line-clamp: 1
}
.MC_carouselO_tileSize_small.MC_CarouselO .MC_listingF_header_container {
height: unset
}
.MC_carouselO_tileSize_small.MC_CarouselO .MC_CarouselO_type_author {
align-items: baseline
}
.MC_carouselO_tileSize_small.MC_CarouselO .MC_listingF_container picture {
margin-bottom: 8px
}
.MC_carouselO_tileSize_small.MC_CarouselO .MC_listingF_body_content {
gap: 8px
}
.MC_CarouselO .MC_Carousel_controls {
margin-left: auto;
min-width: 80px;
z-index: 1
}
.MC_CarouselO .MC_Carousel_controls_button[aria-disabled=true]:after {
opacity: .3
}
.MC_CarouselO .MC_Carousel_controls_button.MC_Carousel_controls_button__previous {
margin-right: 32px
}
.MC_CarouselO .MC_Carousel_controls_button.MC_Carousel_controls_button__next {
transform: unset
}
.MC_CarouselO .MC_Carousel_controls_button.MC_Carousel_controls_button__next:after {
transform: rotate(180deg)
}
.MC_CarouselO .MC_Carousel_controls_button,
.MC_CarouselO .MC_Carousel_controls_button:after {
width: 24px
}
@media (forced-colors:active) {
.MC_CarouselO .MC_Carousel_track_slide__active {
outline: 3px solid;
outline-offset: -3px
}
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
.MC_CarouselO .MC_listingF_marketplaceContentTile .MC_listingF_textLink:after {
filter: invert(0)
}
}
.MC_TabsB [data-mc-ref=mc_carouselO] {
padding-left: 0 !important
}
@media screen and (max-width:576px) {
.MC_TabsB .MC_CarouselO {
padding-left: 16px
}
}
.MC_CarouselP {
max-width: 1920px;
--slidePadding: 32px;
--controlHeight: 250px
}
.MC_CarouselP[style*="--slideCount: 2"] .MC_Carousel_thumbs {
display: none
}
.MC_CarouselP .MC_Carousel_controls {
margin: 24px auto 32px;
text-align: center
}
.MC_CarouselP .MC_Carousel_controls_button,
.MC_CarouselP .MC_Carousel_controls_button:after {
width: 48px
}
.MC_CarouselP .MC_Carousel_track_wrapper .MC_Carousel_controls {
display: none;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1
}
.MC_CarouselP>.MC_Carousel_track_wrapper:first-child .MC_Carousel_controls {
display: none
}
@media screen and (min-width:768px) {
.MC_CarouselP .MC_Carousel_track_wrapper .MC_Carousel_controls {
bottom: unset;
display: block;
left: calc(50% - 56px);
right: unset;
text-align: right;
top: 0;
transform: translateY(384px);
width: 376px
}
}
@media screen and (min-width:1200px) {
.MC_CarouselP .MC_Carousel_track_wrapper .MC_Carousel_controls {
left: calc(50% + 149px);
transform: translateY(590px)
}
}
.MC_CarouselP.MC_Carousel .MC_Carousel_controls_button:focus,
.MC_CarouselP.MC_Carousel .MC_Carousel_controls_button:focus-visible {
box-shadow: 0 0 0 2px var(--mc-core-white);
outline-offset: -1px
}
.MC_CarouselP .MC_Carousel_track_wrapper {
background: #100f0f
}
.MC_CarouselP .MC_Carousel_track {
margin: 0 auto;
overflow: hidden;
position: relative;
width: clamp(320px, var(--slideWidth), var(--slideWidth))
}
@media screen and (min-width:768px) {
.MC_CarouselP .MC_Carousel_track {
margin-bottom: 0;
padding-bottom: 0
}
}
.MC_CarouselP .MC_Carousel_track_slide {
box-shadow: 0 -4px 0 0 rgba(0, 0, 0, .25), inset -4px 4px 0 0 rgba(0, 0, 0, .3), inset 4px -4px 0 0 hsla(0, 0%, 100%, .2);
color: var(--mc-core-white);
max-width: calc(100% - 16px)
}
.MC_CarouselP .MC_Carousel_track_slider {
align-items: anchor-center;
position: relative
}
.MC_CarouselP .MC_Carousel_track_slide_media {
aspect-ratio: auto !important;
display: flex;
max-height: clamp(var(--controlHeight), calc(100vh - var(--controlHeight)), calc(100vh - var(--controlHeight)));
padding: calc(var(--slidePadding) + var(--slidePadding)/2) var(--slidePadding) var(--slidePadding) var(--slidePadding);
width: auto !important
}
.MC_CarouselP .MC_Carousel_track_slide_media.MC_Carousel_track_slide_media__portrait {
max-height: clamp(400px, calc(100vh - var(--controlHeight)), calc(100vh - var(--controlHeight)))
}
.MC_CarouselP .MC_Carousel_track_slide_media picture {
display: flex;
height: auto;
justify-content: center;
width: 100%
}
.MC_CarouselP .MC_Carousel_track_slide_media_img {
aspect-ratio: auto;
height: auto;
max-width: 100%;
object-fit: contain;
width: auto
}
.MC_CarouselP .MC_Carousel_track_slide_text {
margin: 0 auto 32px;
padding: 0 var(--slidePadding) 0 var(--slidePadding)
}
.MC_CarouselP .MC_Carousel_track_slide:not(.MC_Carousel_track_slide__active) {
left: 0;
position: absolute;
top: 0;
visibility: hidden
}
.MC_CarouselP .MC_Carousel_track_slide.MC_Carousel_track_slide__active {
animation-duration: .5s;
animation-fill-mode: forwards;
animation-name: mcAnimateFadeIn;
width: 100%
}
.MC_CarouselP .MC_Carousel_thumbs {
left: 50%;
margin: 30px 0 0;
min-width: 72px;
overflow: hidden;
position: relative;
transform: translateX(-50%) !important;
transform-box: fill-box;
transform-origin: center;
width: calc((var(--slideCount) - var(--slideCountIsEven))*24px)
}
.MC_CarouselP .MC_Carousel_thumbs_track {
align-items: center;
cursor: pointer;
margin-left: calc(-50% - 12px - var(--slideCountIsEven)*24px);
transform: translateX(0);
transform-box: fill-box;
transition: .3s ease;
width: max-content
}
.MC_CarouselP .MC_Carousel_thumbs_slide {
background-clip: content-box;
background-color: var(--mc-core-white);
border: none;
box-sizing: content-box;
cursor: pointer;
height: 8px;
margin: 0;
padding: 8px;
position: relative;
width: 8px
}
.MC_CarouselP .MC_Carousel_thumbs_slide:focus,
.MC_CarouselP .MC_Carousel_thumbs_slide:focus-visible {
box-shadow: none;
outline: none
}
.MC_CarouselP .MC_Carousel_thumbs_slide__active {
position: relative
}
.MC_CarouselP .MC_Carousel_thumbs_slide__active:after {
border: 4px solid var(--mc-vanilla-green-2);
box-shadow: none;
content: "";
height: 16px;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 16px
}
.MC_CarouselP .MC_Carousel_thumbs_slide__active:focus-visible:after,
.MC_CarouselP .MC_Carousel_thumbs_slide__active:focus:after {
box-shadow: 0 0 0 2px var(--mc-default-focus);
outline: 1px solid var(--mc-core-white) !important;
outline-offset: 2px
}
.MC_CarouselP .MC_Carousel_thumbs_slide_img {
height: 100%;
width: 100%
}
.MC_CarouselP .MC_Carousel_controls_button:not([aria-disabled=true]):hover:after,
.MC_CarouselP .MC_Theme_Vanilla .MC_Carousel_controls_button:not([aria-disabled=true]):hover:after {
background-color: var(--mc-vanilla-green-2)
}
@media (forced-colors:active) {
.MC_CarouselP .MC_Carousel_thumbs_slide {
background-color: currentColor;
filter: invert(1)
}
.MC_CarouselP .MC_Carousel_thumbs_slide__active:after {
border-color: currentColor;
filter: invert(1)
}
}
[data-mc-ref=mc_discovery_discoveryA] {
padding-top: 32px
}
.MC_DiscoveryA {
--max-width: 800;
--min-width: 285;
cursor: none;
max-width: 920px;
position: relative;
width: 100%
}
.MC_Discovery_heading {
margin-bottom: 24px;
text-align: center
}
.MC_Animation__cancel .MC_DiscoveryA {
cursor: unset
}
.MC_DiscoveryA_Breakout {
aspect-ratio: 800/480;
background-color: #d9d9d9;
margin: 0 auto;
max-width: calc(1px*var(--max-width));
min-width: calc(1px*var(--min-width));
width: 85%
}
.MC_DiscoveryA_Breakout,
.MC_DiscoveryA_Breakout:before {
clip-path: var(--mc-environment-breakthrough__2_clip-path)
}
.MC_DiscoveryA_Breakout:before {
--insetBorderWidth: 2;
background-image: var(--discovery-bg);
background-repeat: no-repeat;
background-size: cover;
content: "";
display: block;
height: calc(100% - var(--insetBorderWidth)*2px);
position: relative;
transform: translate(calc(var(--insetBorderWidth)*1px), calc(var(--insetBorderWidth)*1px));
width: calc(100% - var(--insetBorderWidth)*2px)
}
.MC_DiscoveryA .MC_DiscoveryA_cursor__torch__glow {
aspect-ratio: 1/1;
background: radial-gradient(circle, transparent 0, #000 3%);
max-width: calc(10px*var(--max-width));
min-width: calc(10px*var(--min-width));
width: 1000%
}
.MC_Discovery .MC_DiscoveryA_cursor__torch__default {
--torch-width: 64;
aspect-ratio: var(--torch-width)/86;
background-size: contain;
max-width: calc(1px*var(--torch-width));
min-width: calc((var(--min-width)/var(--max-width))*(1px*var(--torch-width)));
width: calc(100%*var(--torch-width)/var(--max-width));
z-index: 200
}
.MC_Discovery .MC_DiscoveryA_cursor__torch__default img {
height: 100%;
width: 100%
}
[data-mc-ref=mc_discoveryB] {
padding-left: 60px;
padding-right: 60px
}
@media screen and (max-width:767.98px) {
[data-mc-ref=mc_discoveryB] {
padding-left: 24px;
padding-right: 24px
}
}
@media screen and (max-width:576px) {
[data-mc-ref=mc_discoveryB] {
padding-left: 16px;
padding-right: 16px
}
}
.MC_dividerB {
--grid-size: 1920px;
display: flex;
margin: 0 auto;
max-width: var(--grid-size)
}
.MC_dividerB_paddingTop {
padding-top: 90px
}
.MC_dividerB_marginTop {
margin-top: 90px
}
.MC_dividerB_single {
justify-content: center
}
.MC_dividerB_single picture img {
max-width: max-content;
width: 100%
}
[data-mc-ref=mc_dividers_dividerB]:has(.MC_dividerB_spacebetween) {
border-top: 12px solid var(--mc-core-rich-black)
}
.MC_dividerB_spacebetween {
justify-content: space-between
}
.MC_dividerB_left {
padding-right: 96px
}
.MC_dividerB_right {
padding-left: 96px
}
.MC_dividerB_spacebetween img {
max-width: max-content;
width: 100%
}
@media screen and (max-width:768px) {
.MC_dividerB_left {
padding-right: 48px
}
.MC_dividerB_right {
padding-left: 48px
}
.MC_dividerB_spacebetween img {
width: 100%
}
}
[data-mc-ref=mc_forms_newsletterA] {
padding: 64px 0
}
[data-mc-ref=mc_forms_newsletterA]:not(.MC_Bg_Inherit, .MC_Bg_Inherit_Light, .MC_Bg_Inherit_Dark) {
box-shadow: inset 0 4px 0 0 rgba(0, 0, 0, .6)
}
[data-mc-ref=mc_forms_newsletterA][style*="--background-image"] {
background-image: var(--background-image, "");
background-position: bottom;
background-repeat: repeat-x
}
.MC_newsletterA {
background: linear-gradient(0deg, hsla(0, 0%, 100%, .04) 0, hsla(0, 0%, 100%, .04) 100%), var(--mc-core-grey-6, #262423);
box-shadow: inset 0 -4px 0 0 #000, inset -4px 0 0 0 #3d3938, inset 4px 0 0 0 #000, inset 0 4px 0 0 #3d3938;
gap: 24px;
margin: 0 auto;
max-width: 938px;
padding: 24px
}
.MC_newsletterA,
.MC_newsletterA_header {
align-items: center;
display: flex;
flex-direction: column
}
.MC_newsletterA_header {
gap: 8px;
margin-bottom: 24px;
text-align: center
}
.MC_newsletterA_header legend {
color: var(--mc-theme-primary-color, var(--mc-core-rich-black));
font-size: 1rem
}
.MC_newsletterA_form {
width: 100%
}
.MC_newsletterA_fieldgroup {
align-items: flex-start;
align-self: stretch;
display: flex;
gap: 24px
}
.MC_newsletterA_fieldgroup .MC_Dropdown,
.MC_newsletterA_fieldgroup .MC_input {
flex-basis: 50%
}
.MC_newsletterA_fieldgroup .MC_Dropdown,
.MC_newsletterA_fieldgroup .MC_input_input {
width: 100%
}
.MC_newsletterA_fieldsubtext {
color: var(--mc-core-grey-1);
font-weight: 700;
letter-spacing: -.24px;
line-height: normal;
margin-top: 8px;
text-align: right
}
.MC_newsletterA_divider {
border-top: 1px solid #3d3938;
box-shadow: 0 -2px 0 0 rgba(0, 0, 0, .25);
margin: 24px 0;
width: 100%
}
.MC_newsletterA_fieldgroup:last-child {
align-items: center;
align-self: stretch;
display: flex;
justify-content: space-between
}
.MC_newsletterA_textGroup {
align-items: flex-start;
display: flex;
flex-direction: column;
gap: 8px
}
.MC_newsletterA .MC_CheckboxA_label,
.MC_newsletterA_textGroup_disclaim p {
color: var(--mc-core-grey-1) !important;
font-size: .875rem;
font-style: normal;
font-weight: 400;
letter-spacing: -.21px;
line-height: 20px
}
.MC_newsletterA .MC_CheckboxA_label_dynamicContent {
align-items: center;
display: flex;
gap: 6px
}
.MC_newsletterA .MC_CheckboxA_label_noticeOnly:hover {
cursor: auto
}
.MC_newsletterA_textGroup_agreement {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 16px
}
.MC_newsletterA_textGroup_checkbox {
align-items: center;
display: flex;
gap: 12px
}
.MC_newsletterA_textGroup_privacy a {
color: var(--mc-core-grey-1) !important;
font-size: .875rem;
font-style: normal;
font-weight: 500;
letter-spacing: -.21px;
line-height: 20px;
text-decoration-line: underline
}
.MC_newsletterA_textGroup_privacy a:hover {
text-decoration: none
}
.MC_newsletterA_actionGroup_cta {
flex-shrink: 0
}
.MC_newsletterA_submittedView {
width: 100%
}
.MC_newsletterA_formSubmitted form,
.MC_newsletterA_submittedView {
display: none
}
.MC_newsletterA_formSubmitted .MC_newsletterA_submittedView {
display: block
}
.MC_newsletterA_socialStripe-list {
display: flex;
flex-wrap: wrap;
justify-content: center;
list-style-type: none;
margin-top: 0;
padding: 0
}
.MC_newsletterA [class*=MC_newsletterA_socialStripe-icon] {
display: inline-block
}
.MC_newsletterA [class*=MC_newsletterA_socialStripe-icon]:focus rect,
.MC_newsletterA [class*=MC_newsletterA_socialStripe-icon]:hover rect {
fill: var(--fill-color)
}
.MC_newsletterA_socialStripe-icon_x path {
fill: #fff;
scale: .5;
stroke-width: 0px;
transform: translateX(17px) translateY(15px)
}
.MC_newsletterA_errorView {
width: 100%
}
.MC_newsletterA_errorView,
.MC_newsletterA_formError form {
display: none
}
.MC_newsletterA_formError .MC_newsletterA_errorView {
display: block
}
.MC_newsletterA_errorContainer p {
color: var(--mc-core-grey-1);
font-size: .875rem
}
.MC_newsletterA_errorContainer .MC_newsletterA_primaryText {
display: flex;
font-size: 1rem;
font-weight: 700;
gap: 8px;
line-height: 21.79px;
margin-bottom: 4px
}
p.MC_newsletterA_primaryText:before {
background-image: var(--mc-environment-warning_svg-18x20);
content: "";
display: block;
flex-shrink: 0;
height: 20px;
width: 18px
}
@media screen and (max-width:767.98px) {
.MC_newsletterA {
max-width: 69.53%
}
.MC_newsletterA_fieldgroup {
flex-wrap: wrap
}
.MC_newsletterA_fieldgroup .MC_Dropdown,
.MC_newsletterA_fieldgroup .MC_input {
flex-basis: 100%
}
}
@media screen and (max-width:576px) {
.MC_newsletterA {
max-width: 94%
}
}
[data-mc-ref=mc_searchbox_searchboxB] {
border-top: 1px solid #262423
}
.MC_SearchBoxB {
border-top: 2px solid #000;
padding: 48px 16px 0
}
.MC_SearchBoxB .MC_SearchBoxB_title {
font-size: 2.25rem;
font-weight: 400;
letter-spacing: -.03375rem;
line-height: 2.25rem;
padding-bottom: 16px;
text-align: center;
text-transform: capitalize
}
.MC_SearchBoxB_searchText {
quotes: "“" "”"
}
.MC_SearchBoxB_searchText:before {
content: open-quote
}
.MC_SearchBoxB_searchText:after {
content: close-quote
}
.MC_SearchBoxB_form {
margin: 0 auto;
max-width: 656px
}
.MC_SearchBoxB_form-container {
align-items: center;
background-color: #0e0d0d;
border: 1px solid var(--mc-core-grey-4);
display: flex;
gap: 16px;
height: 68px;
padding: 8px 0
}
.MC_SearchBoxB_form-container:focus-within {
border-color: var(--mc-core-green-2)
}
.MC_SearchBoxB_input {
background-color: transparent;
border: 0;
color: var(--mc-core-white);
flex: 1;
font-family: var(--mc-legends-fontlist);
font-size: 1rem;
font-weight: 400;
height: 100%;
line-height: normal;
margin: 0;
padding: 0;
width: calc(100% - 50px)
}
.MC_SearchBoxB_input::placeholder {
color: var(--mc-core-grey-3) !important
}
.MC_SearchBoxB_input:focus {
outline: 0
}
.MC_SearchBoxB_form-container:before {
background: var(--mc-environment-search_icon_svg-24x24);
content: "";
height: 24px;
margin-left: 24px;
min-width: 24px;
width: 24px
}
.MC_SearchBoxB_label {
color: var(--mc-core-grey-3);
display: block;
font-family: var(--mc-default--fontlist);
font-size: .875rem;
font-weight: 400;
line-height: normal;
margin-bottom: 8px
}
.MC_SearchBoxB_clear-button {
background-color: transparent;
border: 0;
display: none;
line-height: 12px;
margin-left: auto;
margin-right: 24px;
padding: 0
}
.MC_SearchBoxB_clear-button[aria-hidden=false] {
display: block
}
.MC_SearchBoxB_clear-button:focus {
box-shadow: 0 0 0 1px var(--mc-core-white);
outline: 2px solid var(--mc-default-focus);
outline-offset: -2px
}
.MC_SearchBoxB_clear-button:after {
background-color: var(--mc-core-white);
clip-path: var(--mc-environment-x_icon_clip-path);
content: "";
display: inline-block;
height: 24px;
width: 24px
}
.MC_SearchBoxB_input[type=search]::-webkit-search-cancel-button {
-webkit-appearance: none
}
.MC_SearchBoxB_typeahead {
display: none;
margin: 24px auto 0;
max-width: 656px;
position: relative
}
[data-search=true] .MC_SearchBoxB_typeahead {
display: block
}
.MC_SearchBoxB_typeahead h2 {
color: var(--mc-core-grey-3);
display: block;
font-family: var(--mc-default--fontlist);
font-size: .875rem;
font-weight: 400;
line-height: normal;
margin-bottom: 8px;
margin-left: 20px;
text-transform: none
}
.MC_SearchBoxB_typeahead_results {
list-style-type: none;
padding: 0
}
.MC_SearchBoxB_typeahead li a {
align-items: center;
color: var(--mc-core-white);
display: flex;
gap: 8px;
padding: 11px 20px;
text-decoration: none
}
.MC_SearchBoxB_typeahead .MC_SearchBoxB_option_title {
display: -webkit-box;
-webkit-line-clamp: 1;
overflow: hidden;
-webkit-box-orient: vertical
}
.MC_SearchBoxB_typeahead [aria-selected=true] a,
.MC_SearchBoxB_typeahead li a:hover {
background-color: #262423;
color: var(--mc-core-white)
}
.MC_SearchBoxB_typeahead li a:hover {
cursor: pointer
}
.MC_SearchBoxB_typeahead li a:before {
background: var(--mc-environment-search_icon_svg-18x18);
content: "";
display: block;
flex-basis: 18px;
flex-grow: 0;
flex-shrink: 0;
height: 18px;
width: 18px
}
@media (forced-colors:active) {
.MC_SearchBoxB_typeahead [aria-selected=true] {
filter: invert(1)
}
}
@media screen and (min-width:768px) {
.MC_SearchBoxB {
padding-left: 0;
padding-right: 0
}
}
@media (forced-colors:active) {
.MC_SearchBoxB_form-container:focus-within {
outline: 4px solid;
outline-offset: -4px
}
}
@media (forced-colors:active) and (prefers-color-scheme:dark) {
.MC_SearchBoxB_clear-button:after {
background-color: currentColor;
filter: invert(1)
}
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
.MC_SearchBoxB_clear-button:after,
.MC_SearchBoxB_form-container:before {
filter: invert(1)
}
}
[data-mc-ref=mc_searchFormA] {
padding-left: 60px;
padding-right: 60px
}
[data-mc-ref=mc_searchFormA]:not(.MC_Fade__offset_top) {
padding-top: 48px
}
.MC_searchFormA {
display: flex;
flex-flow: column;
gap: 32px;
--grid-size: 1920px;
margin: 0 auto;
max-width: var(--grid-size)
}
.MC_searchFormA_header {
display: flex;
flex-flow: column;
gap: 12px
}
.MC_searchFormA .MC_SearchBoxB {
border: 0;
padding: 0
}
.MC_searchFormA .MC_SearchBoxB_form {
margin: 0;
max-width: none
}
@media screen and (max-width:767.98px) {
[data-mc-ref=mc_searchFormA] {
padding-left: 24px;
padding-right: 24px
}
}
@media screen and (min-width:577px) {
.MC_TabsB [data-mc-ref=mc_searchFormA] {
padding-left: 0;
padding-right: 0
}
}
.MC_globalFooterA {
background-color: #111
}
.MC_globalFooterA h2 {
color: #fff;
letter-spacing: 1px;
margin-bottom: 0;
text-transform: uppercase
}
.MC_globalFooterA_socialStripe {
background-color: var(--mc-core-rich-black);
padding: 19px 0 9px
}
.MC_globalFooterA_socialStripe h2 {
text-align: center;
text-transform: uppercase !important
}
.MC_globalFooterA_socialStripe-list {
display: flex;
flex-wrap: wrap;
justify-content: center;
list-style-type: none;
margin-top: 23px;
padding: 0
}
.MC_globalFooterA_socialStripe-list>li {
margin: auto .75pc;
padding-bottom: 15px
}
.MC_globalFooterA_socialStripe-icon {
--fill-color: var(--mc-core-grey-6);
display: inline-block
}
.MC_globalFooterA_socialStripe-icon:focus rect,
.MC_globalFooterA_socialStripe-icon:focus-visible rect,
.MC_globalFooterA_socialStripe-icon:hover rect {
fill: var(--fill-color)
}
@media screen and (max-width:767.98px) {
.MC_globalFooterA_socialStripe-list {
margin: 23px auto 0;
max-width: 320px
}
}
.MC_globalFooterA a:focus,
.MC_globalFooterA a:focus-visible,
.MC_globalFooterA button:focus,
.MC_globalFooterA button:focus-visible {
box-shadow: 0 0 0 2px var(--mc-default-focus);
outline: 1px solid var(--mc-core-white);
outline-offset: 2px
}
.MC_globalFooterA_navlists {
display: flex;
flex: 0 0 58%;
flex-wrap: wrap;
max-width: 58%
}
.MC_globalFooterA_navlists-column {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
padding-left: 15px;
padding-right: 15px;
width: 100%
}
.MC_globalFooterA_nav-container {
display: flex;
margin: 0 auto;
max-width: 1440px;
padding: 64px 9px 64px 24px
}
.MC_globalFooterA_nav-container a {
color: var(--mc-core-green-1);
font-size: .75rem;
text-decoration: none;
transition: none;
transition-property: color
}
.MC_globalFooterA_nav-container a:hover {
text-decoration: underline
}
.MC_globalFooterA_nav-container a:focus,
.MC_globalFooterA_nav-container a:hover {
background-color: transparent
}
.MC_globalFooterA_navlists-list {
list-style-type: none;
margin: 0;
padding: 0
}
.MC_globalFooterA_navlists-block+.MC_globalFooterA_navlists-block {
margin-top: 10px
}
.MC_globalFooterA_copyright {
color: #d1cfce;
font-size: .75rem;
line-height: 14px;
margin: 35px 0 16px
}
.MC_globalFooterA_copyright-list {
display: flex;
padding-left: 0
}
.MC_globalFooterA_copyright-list li {
align-items: center;
display: flex;
padding: 0 .5em
}
.MC_globalFooterA_copyright-list:has(>li:nth-child(3n)) li {
flex: 1
}
.MC_globalFooterA_copyright-list li:first-child {
padding-left: 0
}
.MC_globalFooterA_copyright-list a {
display: inline-block;
line-height: 13px;
transition: none
}
.MC_globalFooterA_copyright-list p,
.MC_globalFooterA_navlists-list p {
color: var(--mc-core-white);
font-size: .75rem;
margin: 0
}
.MC_globalFooterA_copyright-list>li+li {
border-left: 1px solid var(--mc-core-white)
}
.MC_globalFooterA_locale {
background-color: #313131;
font-family: var(--mc-default--fontlist)
}
.MC_globalFooterA_locale-container {
display: none;
height: 0;
margin: 0 auto;
max-width: 1140px;
overflow: hidden;
padding: 0 20px;
transition: height 1s ease 0s
}
.MC_globalFooterA_locale-container.MC_globalFooterA_locale-container-active {
display: block
}
.MC_globalFooterA_locale-container[style*=height] {
border-bottom: 1px solid hsla(0, 0%, 100%, .1)
}
.MC_globalFooterA_locale-container ul {
column-count: 6;
list-style: none;
margin-bottom: 0;
margin-top: 0;
padding: 25px 15px 25px 0
}
.MC_globalFooterA_locale-container a {
color: var(--mc-core-white);
font-size: .725rem;
text-decoration: none
}
.MC_globalFooterA_locale-container a:hover {
text-decoration: underline
}
.MC_globalFooterA_locale-container a:focus,
.MC_globalFooterA_locale-container a:hover {
background-color: transparent
}
.MC_globalFooterA_ms-branding {
display: flex;
margin: 0 auto;
max-width: 1440px;
padding: 32px 24px 27px 9px
}
.MC_globalFooterA_localeselector-trigger {
align-items: center;
background-color: transparent;
border: 0;
color: var(--mc-core-white);
display: flex;
font-size: .725rem;
padding-left: 0
}
.MC_globalFooterA_localeselector-trigger:after {
background-color: var(--mc-core-white);
clip-path: var(--mc-environment-arrow__down_clip-path);
content: "";
display: block;
height: 8px;
transform: rotate(180deg);
transition: all .25s linear;
width: 14px
}
.MC_globalFooterA_localeselector-trigger[aria-expanded=true]:after {
transform: rotate(0deg)
}
.MC_globalFooterA_localeselector-triggerText {
margin: 0 15px 0 9px
}
.MC_globalFooterA_ms-branding-container {
flex: 0 0 16.66667%;
max-width: 16.66667%;
padding-left: 15px;
padding-right: 15px
}
.MC_globalFooterA_ms-branding-container a {
display: inline-block
}
.MC_globalFooterA_localeselector-container {
padding-left: 15px;
padding-right: 15px;
position: relative;
top: 2px
}
.MC_globalFooterA_brandinfo {
flex: 0 0 42%;
max-width: 42%
}
.MC_globalFooterA_logo-container {
display: inline-flex
}
.MC_globalFooterA_logo-container+.MC_globalFooterA_logo-container {
margin-left: 60px
}
.MC_globalFooterA_brandinfo.MC_view-mobile {
display: none
}
.MC_globalFooterA_ms-branding-nav {
display: flex;
flex: 0 0 64%;
justify-content: center;
max-width: 64%
}
.MC_globalFooterA_ms-branding-nav ul {
margin: 0;
padding: 0
}
.MC_globalFooterA_ms-branding-nav ul li {
display: inline-flex;
padding: 0 15px 5px 0
}
.MC_globalFooterA_ms-branding-nav ul li:first-child {
padding-left: 0
}
.MC_globalFooterA_ms-branding-nav img {
margin-right: 5px
}
.MC_globalFooterA_ms-branding-copyright,
.MC_globalFooterA_ms-branding-nav a {
color: var(--mc-core-white);
font-size: .725rem
}
.MC_globalFooterA_ms-branding-nav a {
color: #f8f5f4;
text-decoration: none
}
.MC_globalFooterA_ms-branding-nav a:hover {
text-decoration: underline
}
.MC_globalFooterA_ms-branding-nav a:focus,
.MC_globalFooterA_ms-branding-nav a:hover {
background-color: transparent
}
.MC_globalFooterA_ms-branding-container.MC_view-mobile {
display: none
}
.MC_globalFooterA_ms-branding_locale {
display: flex;
width: 100%
}
@media only screen and (max-width:1199.98px) {
.MC_globalFooterA_nav-container {
padding: 64px 0
}
.MC_globalFooterA_ms-branding {
padding: 32px 0 27px
}
.MC_globalFooterA_locale-container ul {
column-count: 5
}
.MC_globalFooterA_locale-container,
.MC_globalFooterA_ms-branding,
.MC_globalFooterA_nav-container {
max-width: 960px
}
.MC_globalFooterA_mojanglogo {
height: 85px;
width: 100px
}
.MC_globalFooterA_xboxlogo {
height: 70px;
width: 130px
}
.MC_globalFooterA_brandinfo {
flex: 0 0 25%;
max-width: 25%
}
.MC_globalFooterA_navlists {
flex: 0 0 75%;
max-width: 75%
}
.MC_globalFooterA_brandinfo:first-child .MC_globalFooterA_copyright-and-terms {
display: none
}
.MC_globalFooterA_brandinfo.MC_view-mobile {
display: block;
flex: 0 0 100%;
max-width: 100%;
padding-left: 15px;
padding-right: 15px
}
.MC_globalFooterA_brandinfo.MC_view-mobile .MC_globalFooterA_copyright-and-terms {
width: 100%
}
.MC_globalFooterA_brandinfo.MC_view-mobile .MC_globalFooterA_logo-container {
display: none
}
.MC_globalFooterA_brandinfo.MC_view-mobile .MC_globalFooterA_navlists-list {
display: flex
}
.MC_globalFooterA_brandinfo.MC_view-mobile .MC_globalFooterA_navlists-list li {
align-items: center;
display: flex;
padding: 0 .5em
}
.MC_globalFooterA_brandinfo.MC_view-mobile .MC_globalFooterA_navlists-list:has(>li:nth-child(3n)) li {
flex: 1
}
.MC_globalFooterA_brandinfo.MC_view-mobile .MC_globalFooterA_navlists-list li:first-child {
border-left: 0;
padding-left: 0
}
.MC_globalFooterA_brandinfo.MC_view-mobile .MC_globalFooterA_navlists-list li {
border-left: 1px solid var(--mc-core-white)
}
.MC_globalFooterA_brandinfo.MC_view-desktop .MC_globalFooterA_logo-container {
width: 100%
}
.MC_globalFooterA_logo-container+.MC_globalFooterA_logo-container {
margin-left: 0;
margin-top: 40px
}
.MC_globalFooterA_logo-container img {
display: block;
height: 100%;
margin: 0 auto;
max-width: 75%
}
}
@media only screen and (max-width:991.98px) {
.MC_globalFooterA_nav-container {
flex-wrap: wrap;
max-width: 720px;
position: relative
}
.MC_globalFooterA_locale-container ul {
column-count: 4
}
.MC_globalFooterA_logo-container {
display: block
}
.MC_globalFooterA_logo-container img {
display: block;
height: auto;
margin: 0 auto;
max-width: 75%
}
.MC_globalFooterA_ms-branding {
flex-wrap: wrap
}
.MC_globalFooterA_localeselector-container {
flex: auto;
margin: 0;
max-width: none;
padding: 0
}
.MC_globalFooterA_ms-branding-nav {
flex: 0 0 83%;
justify-content: left;
max-width: 83%;
padding-top: 15px
}
.MC_globalFooterA_locale-container,
.MC_globalFooterA_ms-branding {
max-width: 720px
}
.MC_globalFooterA_ms-branding-container {
padding-left: 0
}
.MC_globalFooterA_ms-branding-container.MC_view-mobile {
display: flex;
height: 25px;
width: 105px
}
.MC_globalFooterA_ms-branding-container {
display: none
}
}
@media only screen and (max-width:767.98px) {
.MC_globalFooterA_ms-branding-nav {
flex: 0 0 100%;
max-width: 100%;
padding: 15px 30px 0
}
.MC_globalFooterA_locale-container ul {
column-count: 3
}
.MC_globalFooterA_ms-branding_locale {
padding: 0 30px;
width: calc(100% - 40px)
}
.MC_globalFooterA_brandinfo:first-child {
display: none
}
.MC_globalFooterA_navlists {
flex: 0 0 100%;
max-width: 100%
}
.MC_globalFooterA_brandinfo.MC_view-mobile {
display: flex;
flex-wrap: wrap;
margin-top: 40px
}
.MC_globalFooterA_brandinfo.MC_view-mobile .MC_globalFooterA_logo-container {
align-items: center;
display: flex;
margin-top: 0;
max-width: 50%
}
.MC_globalFooterA_brandinfo.MC_view-mobile .MC_globalFooterA_logo-container img {
height: auto;
margin: 0
}
.MC_globalFooterA_navlists-column {
flex: 0 0 33.3%;
max-width: 33.3%;
padding-bottom: 20px;
width: 33.3%
}
}
@media only screen and (max-width:575.98px) {
.MC_globalFooterA_nav-container {
padding: 4pc 1pc
}
.MC_globalFooterA_locale-container ul {
column-count: 2
}
.MC_globalFooterA_brandinfo:first-child {
display: none
}
.MC_globalFooterA_navlists {
flex: 0 0 100%;
max-width: 100%
}
.MC_globalFooterA_brandinfo.MC_view-mobile {
display: flex;
flex-wrap: wrap;
margin-top: 40px
}
.MC_globalFooterA_brandinfo.MC_view-mobile .MC_globalFooterA_logo-container {
align-items: center;
display: flex;
margin-top: 0;
max-width: 50%
}
.MC_globalFooterA_brandinfo.MC_view-mobile .MC_globalFooterA_logo-container img {
height: auto;
margin: 0;
max-width: 100%;
width: 75%
}
.MC_globalFooterA_navlists-column {
flex: 0 0 50%;
max-width: 50%;
padding-bottom: 20px;
width: 50%
}
.MC_globalFooterA_socialStripe ul li {
margin: 0 12px
}
.MC_globalFooterA_ms-branding-nav {
padding: 15px 15px 0
}
.MC_globalFooterA_ms-branding_locale {
padding: 0 15px
}
}
@media only screen and (max-width:374px) {
.MC_globalFooterA_navlists-column {
flex: 0 0 100%;
max-width: 100%;
padding-bottom: 20px;
width: 100%
}
.MC_globalFooterA_ms-branding_locale {
display: block
}
.MC_globalFooterA_ms-branding-container.MC_view-mobile {
height: auto;
margin-top: 15px;
max-width: none;
width: auto
}
}
@media (forced-colors:active) and (prefers-color-scheme:dark) {
.MC_globalFooterA_localeselector-trigger:after {
background-color: currentColor;
filter: invert(1)
}
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
.MC_globalFooterA_localeselector-trigger svg,
.MC_globalFooterA_localeselector-trigger:after {
filter: invert(1)
}
.MC_globalFooterA_ms-branding-container a img {
background-color: Highlight
}
.MC_globalFooterA_logo-container img {
filter: brightness(1) invert(1)
}
}
:root {
--mc-globalHeaderHeight: 80px
}
.MC_globalHeaderA {
border-bottom: 1px solid var(--mc-core-rich-black);
cursor: unset !important;
z-index: 300
}
.MC_globalHeaderA a,
.MC_globalHeaderA button {
cursor: pointer !important
}
.MC_globalHeaderA_mCtr {
display: none
}
.MC_globalHeaderA_nmCtr {
display: block
}
.MC_globalHeaderA {
--gridMaxWidth: 1920px;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
background-color: rgba(38, 36, 35, .9);
box-shadow: 0 4px 0 0 rgba(0, 0, 0, .25);
height: var(--mc-globalHeaderHeight);
position: relative
}
.MC_globalHeaderA_placeholder {
background-color: var(--mc-core-grey-6);
width: 100%
}
.MC_globalHeader_sticky .MC_globalHeaderA {
position: fixed;
top: 0;
width: 100%
}
.MC_globalHeaderA_ctr {
height: 100%;
margin: 0 auto;
max-width: var(--gridMaxWidth)
}
.MC_globalHeaderA_nmCtr {
align-items: center;
display: flex;
height: 100%;
justify-content: space-between;
padding: 16px
}
.MC_globalHeaderA_nmCtr_logoContainer {
flex: 1 1 auto;
margin: 0
}
.MC_globalHeaderA_nmCtr_logo {
display: block;
margin: 0 auto;
width: 222px
}
.MC_globalHeaderA_nmCtr_logo:focus {
box-shadow: 0 0 0 2px var(--mc-default-focus);
outline: 1px solid var(--mc-core-white);
outline-offset: 2px
}
.MC_globalHeaderA_nmCtr_logo img {
display: block;
margin: 0 auto
}
.MC_globalHeaderA_nmCtr_primaryNav,
.MC_globalHeaderA_nmCtr_secondaryNav {
align-items: center;
display: flex;
flex: 0 0 calc(50% - 121px);
height: 100%
}
.MC_globalHeaderA_nmCtr_primaryNav {
margin-left: -3px;
overflow: hidden;
padding-left: 3px
}
.MC_globalHeaderA_nmCtr_primaryNav>ul {
align-items: center;
display: inline-flex;
margin: 0;
padding-left: 0
}
.MC_globalHeaderA_nmCtr_primaryNav>ul>li {
height: 100%;
list-style: none;
min-width: 79px
}
.MC_globalHeaderA_nmCtr_primaryNav>ul>li+li {
padding-left: 22px
}
.MC_globalHeaderA_nmCtr_centerAligned.MC_globalHeaderA_nmCtr {
padding: 16px 60px
}
.MC_globalHeaderA_nmCtr_centerAligned .MC_globalHeaderA_nmCtr_logoContainer,
.MC_globalHeaderA_nmCtr_centerAligned .MC_globalHeaderA_nmCtr_secondaryNav {
flex: unset
}
.MC_globalHeaderA_nmCtr_centerAligned .MC_globalHeaderA_nmCtr_primaryNav {
flex: unset;
gap: 24px;
justify-content: center;
width: 100%
}
.MC_globalHeaderA_nmCtr_centerAligned .MC_globalHeaderA_nmCtr_logoContainer {
margin-right: 24px
}
.MC_globalHeaderA_nmCtr_centerAligned .MC_globalHeaderA_nmCtr_secondaryNav {
margin-left: 12px
}
@media screen and (max-width:1199.98px) {
.MC_globalHeaderA_nmCtr_centerAligned.MC_globalHeaderA_nmCtr {
padding: 16px 30px
}
}
.MC_globalHeaderA_dropAction,
.MC_globalHeaderA_navLink {
align-items: center;
background-color: transparent;
border: 0;
color: var(--mc-core-white) !important;
display: inline-flex;
font-family: var(--mc-default--fontlist);
font-size: .75rem;
font-weight: 700;
height: 100%;
letter-spacing: .08em;
min-height: 22px;
outline-offset: -2px;
padding: 10px 10px 10px 0;
position: relative;
text-align: center;
text-decoration: none;
text-transform: uppercase
}
.MC_globalHeaderA_navLink.MC_Glyph_Link_A:after {
background-color: var(--mc-core-white)
}
.MC_globalHeaderA_navLink.MC_Glyph_Link_A:hover:after {
background-color: var(--mc-core-green-2)
}
.MC_globalHeaderA_dropAction:hover,
.MC_globalHeaderA_navLink:hover {
color: var(--mc-core-green-2) !important
}
.MC_globalHeaderA_dropAction:focus,
.MC_globalHeaderA_navLink:focus {
box-shadow: 0 0 0 2px var(--mc-default-focus);
outline: 1px solid var(--mc-core-white) !important;
outline-offset: 2px
}
.MC_globalHeaderA_dropAction:hover:after {
background-color: var(--mc-core-green-2)
}
.MC_globalHeaderA_dropAction[aria-expanded=true] {
color: var(--mc-core-green-2) !important
}
.MC_globalHeaderA_dropAction:after {
background-color: var(--mc-core-white);
clip-path: var(--mc-environment-arrow__down_clip-path);
content: "";
display: block;
height: 6px;
margin-left: 6px;
width: 10px
}
.MC_globalHeaderA_dropAction[aria-expanded=true]:after {
background-color: var(--mc-core-green-2);
transform: rotate(180deg)
}
.MC_globalHeaderA_navLink:focus,
.MC_globalHeaderA_navLink:hover {
background-color: transparent
}
.MC_globalHeaderA_topNav_icon {
display: inline-block;
margin-right: 4px
}
.MC_globalHeaderA_topNav_icon img,
.MC_globalHeaderA_topNav_icon svg {
height: 20px
}
.MC_globalHeaderA_topNav_text {
margin-left: 4px;
position: relative;
white-space: nowrap
}
.MC_globalHeaderA_topNav_details {
display: none
}
.MC_globalHeaderA_megaMenu {
border-top: 4px solid var(--mc-core-rich-black);
display: block;
left: 0;
overflow: hidden;
position: absolute;
top: 100%;
width: 100%
}
.MC_globalHeader_sticky .MC_globalHeaderA.MC_globalHeaderA_megaMenu_expanded {
padding-right: var(--scrollbarWidth)
}
.MC_globalHeaderA_megaMenu[aria-hidden=true] {
display: none
}
.MC_globalHeaderA_megaMenu_container {
background-color: var(--mc-core-off-black);
margin-top: 0;
position: relative;
transition: margin .5s ease-in
}
.MC_globalHeaderA_megaMenu_content {
margin: 0 auto;
max-width: var(--gridMaxWidth);
padding: 56px 16px 16px;
position: relative
}
.MC_globalHeaderA_megaMenu_cover {
background: rgba(0, 0, 0, .251);
display: none;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 99
}
.MC_globalHeaderA_megaMenu_expanded+.MC_globalHeaderA_megaMenu_cover {
display: block
}
.MC_globalHeaderA_itemGridA {
max-width: 65%;
padding-left: 2px;
padding-top: 4px
}
.MC_globalHeaderA_itemGridA_col {
margin-bottom: 16px
}
.MC_globalHeaderA_itemGridA_headline {
color: var(--mc-core-grey-2);
font-family: var(--mc-default--fontlist);
font-size: .75rem;
font-weight: 400;
letter-spacing: .2px;
line-height: 12px;
margin-bottom: 16px;
margin-top: 16px;
min-height: auto
}
.MC_globalHeaderA_itemGridA_col:first-child .MC_globalHeaderA_itemGridA_headline {
margin-top: 0
}
.MC_globalHeaderA_itemGridA_col+.MC_globalHeaderA_itemGridA_col .MC_globalHeaderA_itemGridA_headline {
margin-top: 24px
}
.MC_globalHeaderA_itemGridA_poster {
width: 55px
}
.MC_globalHeaderA_itemGridA_content {
margin-left: 16px
}
.MC_globalHeaderA_itemGridA_item {
align-items: center;
display: flex;
text-decoration: none
}
.MC_globalHeaderA_itemGridA_item .MC_Glyph_Link_A:after {
background-color: var(--mc-core-green-2);
position: relative;
top: 2px
}
.MC_globalHeaderA_itemGridA_title {
color: var(--mc-core-white);
font-family: var(--mc-legends-fontlist);
font-size: .875rem;
letter-spacing: .4px
}
.MC_globalHeaderA_itemGridA_item p {
color: var(--mc-core-grey-2);
font-family: var(--mc-default--fontlist);
font-size: .75rem;
margin: 0
}
.MC_globalHeaderA_itemGridA_item:hover {
text-decoration: none
}
.MC_globalHeaderA_itemGridA_item:focus,
.MC_globalHeaderA_itemGridA_item:hover {
background-color: transparent
}
.MC_globalHeaderA_itemGridA_item:focus {
box-shadow: 0 0 0 2px var(--mc-default-focus);
outline: 1px solid var(--mc-core-white);
outline-offset: 2px
}
.MC_globalHeaderA_itemGridA_list {
font-family: var(--mc-legends-fontlist);
font-size: .875rem;
list-style-type: none;
margin: 0;
min-width: 197px;
padding: 0
}
.MC_globalHeaderA_itemGridA_list>li {
border-bottom: 1px solid var(--mc-core-grey-5);
padding: 10px 5px 10px 0
}
.MC_globalHeaderA_itemGridA_link {
color: var(--font-color, var(--mc-core-white)) !important;
display: block;
font-family: var(--mc-legends-fontlist);
text-decoration: none
}
.MC_globalHeaderA_itemGridA_link:after {
background-color: var(--mc-core-green-2);
position: relative;
top: -1px
}
.MC_globalHeaderA_itemGridA_link:focus,
.MC_globalHeaderA_itemGridA_link:hover {
background-color: transparent;
text-decoration: underline
}
.MC_globalHeaderA_itemGridA_link:focus {
box-shadow: 0 0 0 2px var(--mc-default-focus);
outline: 1px solid var(--mc-core-white);
outline-offset: 2px
}
.MC_TabsC {
display: flex;
margin-bottom: 100px
}
.MC_TabsC .MC_Tabs_tablist {
flex: 0 0 254px;
margin-right: min(64px, 7.125%)
}
.MC_TabsC .MC_Tabs_tablist_container {
display: flex;
flex-direction: column;
gap: 8px
}
.MC_TabsC .MC_Tabs_tablist_tab {
background-color: transparent;
border: 1px solid transparent;
color: var(--mc-core-white);
min-height: 42px;
padding: 12px 20px;
text-align: left;
width: 100%
}
.MC_TabsC .MC_Tabs_tablist_tab,
.MC_TabsC .MC_Tabs_tablist_tab span {
font-family: var(--mc-legends-fontlist)
}
.MC_TabsC .MC_Tabs_tablist_tab[aria-selected=true] {
background: var(--mc-core-grey-5);
box-shadow: inset 0 4px 0 0 hsla(0, 0%, 100%, .24), inset -4px 0 0 0 hsla(0, 0%, 100%, .24), inset 0 -4px 0 0 rgba(0, 0, 0, .24), inset 4px 0 0 0 rgba(0, 0, 0, .24);
outline: 1px solid var(--mc-core-green-1)
}
.MC_TabsC .MC_Tabs_tablist_tab:focus {
border: 1px solid var(--mc-default-focus);
outline: 1px solid var(--mc-core-white);
outline-offset: 1px
}
.MC_TabsC .MC_Tabs_tabpanels {
width: 100%
}
.MC_globalHeaderA .MC_TabsC:after,
.MC_globalHeaderA .MC_TabsC:before {
background-color: var(--mc-core-grey-5);
content: "";
display: block;
height: 100%;
left: 332px;
position: absolute;
top: 0;
width: 1px
}
.MC_globalHeaderA .MC_TabsC:has(.MC_Tabs_tabpanels_panel:not([tabindex="-1"]) .MC_TabsC):after {
left: 517px
}
.MC_TabsC .MC_TabsC:after,
.MC_TabsC .MC_TabsC:before {
display: none
}
.MC_TabsC:has(.MC_Tabs_tablist_tab:nth-child(5)) {
margin-bottom: 10px
}
@media (forced-colors:active) {
.MC_TabsC .MC_Tabs_tablist_tab[aria-selected=true] {
filter: invert(1)
}
.MC_TabsC .MC_Tabs_tablist_tab:focus {
outline-offset: -3px
}
}
.MC_globalHeaderA_megaMenu_recoLinks {
margin-top: 8px;
padding-left: 0;
position: absolute
}
.MC_globalHeaderA_megaMenu_recoLinks:before {
background-color: var(--mc-core-green-1);
content: "";
display: block;
height: 2px;
margin-bottom: 15px;
margin-left: 20px;
width: 64px
}
.MC_globalHeaderA_megaMenu_recoLinks_list {
list-style-type: none;
padding: 0 0 0 20px
}
.MC_globalHeaderA_megaMenu_recoLinks_link {
color: var(--mc-core-white) !important;
display: inline-block;
font-size: .75rem;
line-height: 20px;
margin-bottom: 6px;
text-decoration: none
}
.MC_globalHeaderA_megaMenu_recoLinks_link.MC_Glyph_Link_A:after {
background-color: var(--mc-core-green-2)
}
.MC_globalHeaderA_megaMenu_recoLinks_link:hover {
background: transparent;
text-decoration: underline
}
.MC_globalHeaderA_megaMenu_recoLinks_link:focus {
background-color: transparent;
box-shadow: 0 0 0 2px var(--mc-default-focus);
outline: 1px solid var(--mc-core-white);
outline-offset: 2px
}
.MC_globalHeaderA #MC_globalHeaderA_overflowMenu {
padding-right: 1px
}
#MC_globalHeaderA_overflowMenu .MC_globalHeaderA_megaMenu_content .MC_globalHeaderA_megaMenu_content {
padding: 2px 0 0 2px
}
#MC_globalHeaderA_overflowMenu .MC_TabsC .MC_globalHeaderA_itemGridA {
max-width: calc(100% - 35px)
}
#MC_globalHeaderA_overflowMenu .MC_TabsC .MC_globalHeaderA_megaMenu {
border-top: 0
}
#MC_globalHeaderA_overflowMenu .MC_TabsC .MC_Tabs_tablist {
flex-basis: 200px
}
.MC_globalHeaderA #MC_globalHeaderA_overflowMenu .MC_TabsC:before {
left: 290px
}
.MC_globalHeaderA #MC_globalHeaderA_overflowMenu .MC_TabsC:after {
display: none
}
.MC_globalHeaderA #MC_globalHeaderA_overflowMenu .MC_TabsC:has(.MC_Tabs_tabpanels_panel:not([tabindex="-1"]) .MC_TabsC):after {
display: block
}
.MC_scrollbar_content {
padding-left: 1px
}
.MC_globalHeaderA_nmCtr_secondaryNav {
justify-content: right
}
.MC_globalHeaderA_nmCtr_secondaryNav ul {
list-style-type: none;
margin: 0;
padding: 0
}
.MC_globalHeaderA_nmCtr_secondaryNav>ul {
align-items: center;
display: inline-flex;
margin: 0
}
.MC_globalHeaderA_nmCtr_secondaryNav>ul>li {
padding-left: 8px;
padding-right: 8px
}
.MC_globalHeaderA_nmCtr_secondaryNav>ul>li:has(.MC_globalHeaderA_accountMenu) {
position: relative
}
.MC_globalHeaderA_nmCtr_secondaryNav>ul>li:first-child {
padding-left: 0
}
.MC_globalHeaderA_nmCtr_secondaryNav>ul>li:last-child {
padding-right: 0;
position: relative
}
.MC_globalHeaderA_nmCtr_secondaryNav .MC_globalHeaderA_megaMenu_content {
height: 470px;
max-height: calc(100vh - 84px);
padding-bottom: 48px
}
.MC_globalHeaderA_nmCtr_secondaryNav .MC_globalHeaderA_megaMenu .MC_scrollbar_content_wrapper {
height: 325px !important;
max-height: 325px !important
}
.MC_globalHeaderA_nmCtr_secondaryNav .MC_globalHeaderA_megaMenu .MC_scrollbar_scrollbar {
bottom: 0;
top: unset !important
}
.MC_globalHeaderA_nmCtr_secondaryNav .MC_SearchBoxB_form {
left: 3px;
position: relative
}
@media (forced-colors:active) {
.MC_globalHeaderA_secondaryMenu {
border: 1px solid;
border-top: 0;
top: calc(100% + 21px)
}
}
.MC_globalHeaderA_nmCtr_secondaryNav .MC_globalHeaderA_accountMenu {
background: var(--core-off-black, var(--mc-core-off-black));
box-shadow: inset 0 4px 0 0 rgba(38, 36, 35, .25), inset -4px 0 0 0 #262423, inset 0 -4px 0 0 rgba(0, 0, 0, .75), inset 4px 0 0 0 rgba(0, 0, 0, .75), 0 4px 0 0 rgba(0, 0, 0, .25);
min-width: 200px;
padding: 16px;
position: absolute;
right: 0;
top: calc(100% + 20px)
}
.MC_globalHeaderA_accountMenu[aria-hidden=true] {
display: none
}
.MC_globalHeaderA_accountGlyph:before {
background-image: var(--mc-environment-accountIcon_svg-16x16);
background-repeat: no-repeat;
content: "";
display: block;
height: 16px;
margin-right: 3px;
width: 16px
}
.MC_globalHeaderA_accountGlyph:hover:before,
.MC_globalHeaderA_accountGlyph[aria-expanded=true]:before {
background-image: var(--mc-environment-accountIcon_svg_hover-16x16)
}
.MC_globalHeaderA_accountMenu li {
border-bottom: 1px solid var(--mc-core-grey-5)
}
.MC_globalHeaderA_accountMenu li.MC_globalHeaderA_accountMenu_lastVisible {
border-bottom: 0
}
.MC_globalHeaderA_accountMenu ul a,
.MC_globalHeaderA_accountMenu ul p {
color: var(--mc-core-white);
display: block;
font-family: var(--mc-default--fontlist);
font-size: .8125rem;
font-weight: 700;
letter-spacing: 1.04px;
line-height: 12px;
padding: 12px 0;
text-decoration: none;
text-transform: uppercase
}
.MC_globalHeaderA_accountMenu ul a:focus,
.MC_globalHeaderA_accountMenu ul a:hover {
background-color: transparent;
color: var(--mc-core-green-2)
}
.MC_globalHeaderA_secondaryMenu a:focus {
box-shadow: 0 0 0 2px var(--mc-default-focus);
outline: 1px solid var(--mc-core-white);
outline-offset: 2px
}
.MC_globalHeaderA_accountMenu_user {
border-bottom: 1px solid var(--mc-core-grey-5);
padding-bottom: 12px
}
.MC_globalHeaderA_accountMenu .MC_globalHeaderA_accountMenu_user[data-visibility=loggedin],
.MC_globalHeaderA_accountMenu li[data-visibility=loggedin],
.MC_globalHeaderA_accountMenu[data-loggedin=true] li[data-visibility=loggedout] {
display: none
}
.MC_globalHeaderA_accountMenu[data-loggedin=true] li[data-visibility=loggedin] {
display: list-item
}
.MC_globalHeaderA_accountMenu[data-loggedin=true] .MC_globalHeaderA_accountMenu_user[data-visibility=loggedin] {
display: flex
}
.MC_globalHeaderA_accountMenu_user {
display: flex;
gap: 9px
}
.MC_globalHeaderA_accountMenu_user_gamerPic {
align-items: center;
background-color: #3a9b3d;
border-radius: 50%;
display: flex;
height: 24px;
position: relative;
width: 24px
}
.MC_globalHeaderA_accountMenu_user_gamerPic img {
border-radius: 50%;
height: 20px;
left: 50%;
position: absolute;
transform: translateX(-50%);
width: 24px
}
.MC_globalHeaderA_accountMenu_user_gamerTag {
color: var(--mc-core-grey-1);
font-size: .75rem;
word-wrap: break-word;
max-width: 100%
}
.MC_globalHeaderA_nmCtr .MC_globalHeaderA_accountMenu .MC_minecoinSummaryA {
display: inline-block;
margin-top: 16px
}
.MC_globalHeaderA_nmCtr .MC_globalHeaderA_accountMenu .MC_minecoinSummaryA_label {
flex-shrink: 0
}
.MC_globalHeaderA_accountMenu_user_col+.MC_globalHeaderA_accountMenu_user_col {
align-items: center;
display: inline-flex;
width: calc(100% - 28px)
}
@media (forced-colors:active) {
.MC_globalHeaderA_accountMenu_user_minecoinContent:after {
background-color: currentColor;
filter: invert(1)
}
}
@media (forced-colors:active) and (prefers-color-scheme:dark) {
.MC_globalHeaderA_accountGlyph:before {
background-color: currentColor !important;
filter: invert(1)
}
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
.MC_globalHeaderA_accountGlyph:before {
filter: invert(1)
}
}
.MC_globalHeaderA_searchGlyph:before {
background: var(--mc-environment-search_icon_svg-18x18);
content: "";
display: block;
height: 18px;
width: 18px
}
.MC_globalHeaderA_searchGlyph:hover:before,
.MC_globalHeaderA_searchGlyph[aria-expanded=true]:before {
background: var(--mc-environment-search_icon_svg_hover-18x18)
}
.MC_globalHeaderA_searchGlyph .MC_globalHeaderA_topNav_text {
margin-left: 8px
}
.MC_globalHeaderA_nmCtr_secondaryNav .MC_globalHeaderA_searchGlyph+.MC_globalHeaderA_megaMenu .MC_scrollbar_content_wrapper {
height: 370px !important;
max-height: calc(100vh - 130px) !important
}
.MC_globalHeaderA_nmCtr_secondaryNav .MC_globalHeaderA_searchGlyph+.MC_globalHeaderA_megaMenu .MC_scrollbar_content {
flex-wrap: wrap
}
.MC_globalHeaderA_nmCtr_secondaryNav .MC_globalHeaderA_searchGlyph+.MC_globalHeaderA_megaMenu .MC_scrollbar_scrollbar {
height: calc(100% - 48px) !important;
right: 60px;
top: 24px !important
}
.MC_globalHeaderA [data-mc-ref=mc_forms_searchboxB] {
border-top: 0
}
.MC_globalHeaderA .MC_SearchBoxB {
border-top: 0;
padding-top: 0
}
.MC_globalHeaderA .MC_SearchBoxB .MC_scrollbar,
.MC_globalHeaderA .MC_SearchBoxB .MC_scrollbar .MC_scrollbar_content_wrapper {
height: 200px !important;
max-height: 200px !important
}
.MC_globalHeaderA_megaMenu_content [data-search=true] .MC_SearchBoxB_typeahead {
display: block
}
.MC_globalHeaderA_megaMenu_content [data-search=true]+.MC_globalHeaderA_searchContent {
display: none
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
.MC_globalHeaderA_searchGlyph:before {
filter: invert(1)
}
}
.MC_globalHeaderA_itemGridB {
column-gap: 48px;
display: grid;
grid-template-columns: repeat(4, 1fr);
margin: 32px auto 0;
max-width: 1072px;
padding-left: 0
}
.MC_globalHeaderA_itemGridB_col {
align-self: start;
display: flex;
flex-wrap: wrap;
margin-bottom: 0
}
.MC_globalHeaderA_itemGridB_poster {
max-height: 132px;
max-width: 238px;
width: 100%
}
.MC_globalHeaderA_itemGridB_item {
display: block;
text-decoration: none
}
.MC_globalHeaderA_itemGridB_content {
display: block;
margin-left: 0;
margin-top: 6px
}
.MC_globalHeaderA_itemGridB_title {
margin-top: 15px
}
.MC_globalHeaderA_itemGridB_col+.MC_globalHeaderA_itemGridB_col .MC_globalHeaderA_itemGridB_headline,
.MC_globalHeaderA_itemGridB_headline {
margin-bottom: 16px;
margin-top: 0
}
.MC_globalHeaderA_itemGridB_headline {
color: var(--mc-core-grey-2);
font-family: var(--mc-default--fontlist);
font-size: .75rem;
font-weight: 400;
letter-spacing: .2px;
line-height: 12px;
margin-bottom: 16px;
min-height: auto;
min-height: 12px;
width: 100%
}
.MC_globalHeaderA_itemGridB_col:has(.MC_globalHeaderA_itemGridB_list) {
align-items: flex-start
}
.MC_globalHeaderA_itemGridB_title {
color: var(--mc-core-white);
font-family: var(--mc-legends-fontlist)
}
.MC_globalHeaderA_itemGridB_item p {
color: var(--mc-core-grey-2);
font-family: var(--mc-default--fontlist);
font-size: .75rem
}
.MC_globalHeaderA_itemGridB_item:focus,
.MC_globalHeaderA_itemGridB_item:hover {
background-color: transparent
}
.MC_globalHeaderA_itemGridB_item:focus {
box-shadow: 0 0 0 2px var(--mc-default-focus);
outline: 1px solid var(--mc-core-white);
outline-offset: 2px
}
.MC_globalHeaderA_itemGridB_list {
font-family: var(--mc-legends-fontlist);
font-size: .875rem;
list-style-type: none;
margin: 0;
min-width: 197px;
padding: 0
}
.MC_globalHeaderA_itemGridB_list>li {
border-top: 1px solid var(--mc-core-grey-5);
padding: 10px 5px 10px 0
}
.MC_globalHeaderA_itemGridB_list>li:last-child {
border-bottom: 1px solid var(--mc-core-grey-5)
}
.MC_globalHeaderA_itemGridB_link {
color: var(--font-color, #fff);
display: block
}
.MC_globalHeaderA_itemGridB_link:focus,
.MC_globalHeaderA_itemGridB_link:hover {
background-color: transparent;
text-decoration: underline
}
.MC_globalHeaderA .MC_minecoinSummaryA:not(.MC_minecoinSummaryA_resultReturned) .MC_minecoinSummaryA_errorContainer {
height: 0;
overflow: hidden;
visibility: hidden
}
.MC_globalHeaderA .MC_minecoinSummaryA_errorReturned:not([data-status=warning]) .MC_minecoinSummaryA_errorContainer {
display: none !important
}
@media screen and (min-width:992px) {
.MC_globalHeaderA_mobileControls {
display: none
}
.MC_globalHeaderA_megaMenu_content {
padding: 47px 60px 16px 45px
}
}
@media screen and (min-width:992px) and (max-width:1349.99px) {
.MC_globalHeaderA_megaMenu_content {
height: 470px;
max-height: calc(100vh - 84px)
}
.MC_globalHeaderA_megaMenu .MC_TabsC {
height: 370px;
margin: 0;
max-height: calc(100vh - 150px)
}
.MC_globalHeaderA_itemGridA {
display: flex;
flex-direction: column;
gap: 16px;
max-width: 65%;
padding-left: 0;
padding-top: 0
}
.MC_globalHeaderA_itemGridA_col {
margin-bottom: 0
}
.MC_globalHeaderA_itemGridA_navList {
margin-top: 16px
}
#MC_globalHeaderA_overflowMenu .MC_scrollbar_scrollbar {
height: calc(100% - 15px) !important
}
.MC_globalHeaderA_megaMenu .MC_scrollbar_content_wrapper {
height: 370px !important;
max-height: calc(100vh - 130px) !important
}
.MC_globalHeaderA_megaMenu .MC_scrollbar_scrollbar {
height: calc(100% - 24px) !important;
right: 4px;
top: 0 !important
}
}
@media screen and (max-width:1349.98px) {
.MC_globalHeaderA_itemGridA_item picture {
flex-shrink: 0;
height: 55px;
overflow: hidden;
position: relative;
width: 55px
}
.MC_globalHeaderA_itemGridA_item picture img {
height: 55px;
left: 50%;
position: absolute;
transform: translateX(-50%);
width: auto
}
}
@media screen and (min-width:1350px) {
.MC_globalHeaderA_megaMenu .MC_TabsC .MC_Tabs_tablist {
margin-right: 0
}
.MC_globalHeaderA_megaMenu .MC_scrollbar_content {
column-gap: 24px;
display: flex;
padding-left: 24px
}
.MC_globalHeaderA_megaMenu_container {
min-height: 445px
}
.MC_globalHeaderA_itemGridA {
align-items: flex-start;
display: flex;
flex: 1 0 0;
gap: 36px;
justify-content: center;
max-width: 888px;
padding: 0
}
.MC_globalHeaderA_itemGridA:first-child {
margin: 0 auto
}
.MC_globalHeaderA_itemGridA_col {
align-self: start;
column-gap: 24px;
display: flex;
flex-basis: 24.1%;
flex-wrap: wrap;
margin-bottom: 0
}
.MC_globalHeaderA_itemGridA_poster {
max-width: 214px;
width: 100%
}
.MC_globalHeaderA_itemGridA_item {
display: block
}
.MC_globalHeaderA_itemGridA_content {
display: block;
margin-left: 0;
margin-top: 8px
}
.MC_globalHeaderA_itemGridA_title {
margin-top: 0
}
.MC_globalHeaderA_itemGridA_col+.MC_globalHeaderA_itemGridA_col .MC_globalHeaderA_itemGridA_headline,
.MC_globalHeaderA_itemGridA_headline {
margin-bottom: 16px;
margin-top: 0
}
.MC_globalHeaderA_itemGridA_headline {
min-height: 12px;
width: 100%
}
.MC_globalHeaderA_itemGridA_content p {
display: -webkit-box;
-webkit-line-clamp: 2;
overflow: hidden;
-webkit-box-orient: vertical
}
.MC_globalHeaderA_itemGridA_navList {
align-items: flex-start;
display: flex;
flex-basis: 14.5833%;
flex-shrink: 0;
justify-content: right;
max-width: 254px;
width: 100%
}
.MC_globalHeaderA_itemGridA_navList .MC_globalHeaderA_itemGridA_col {
flex-basis: unset;
width: 100%
}
.MC_globalHeaderA_itemGridA_list {
width: 100%
}
.MC_globalHeaderA_itemGridA_col_extended {
flex-basis: 42.794%
}
.MC_globalHeaderA_itemGridA_col_extended .MC_globalHeaderA_itemGridA_poster {
max-width: 380px
}
.MC_globalHeaderA .MC_scrollbar_content_wrapper {
margin: 0;
overflow: visible
}
.MC_globalHeaderA .MC_scrollbar_content {
margin: 0 !important;
overflow: visible
}
.MC_globalHeaderA .MC_scrollbar_content_wrapper,
.MC_globalHeaderA .MC_scrollbar_scrollbar {
height: auto !important
}
.MC_globalHeaderA .MC_TabsC:after,
.MC_globalHeaderA .MC_TabsC:before {
display: none
}
}
@media (forced-colors:active) {
.MC_globalHeaderA_megaMenu_content {
border: 1px solid;
border-top: 0
}
}
@media (forced-colors:active) and (prefers-color-scheme:dark) {
.MC_globalHeaderA_dropAction:after {
background-color: currentColor !important;
filter: invert(1)
}
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
.MC_globalHeaderA_dropAction:after {
filter: invert(1)
}
}
@media screen and (max-width:1199.98px) {
.MC_globalHeaderA_mCtr {
display: block
}
.MC_globalHeaderA_nmCtr {
display: none
}
.MC_globalHeaderA_mobileControls {
align-items: center;
display: flex;
flex: 0 0 calc(50% - 111px);
height: 100%;
min-width: 33px
}
.MC_globalHeaderA_mobileControls_panelOpen {
background-color: transparent;
border: 0;
padding: 0
}
.MC_globalHeaderA_nmCtr_logoContainer {
margin-right: 0 !important
}
.MC_globalHeaderA_nmCtr_logoContainer+.MC_globalHeaderA_mobileControls {
justify-content: right;
min-width: 28px
}
.MC_globalHeaderA_mobileControls_panelOpen:focus {
box-shadow: 0 0 0 2px var(--mc-default-focus);
outline: 1px solid var(--mc-core-white) !important;
outline-offset: 2px
}
.MC_globalHeaderA_mobileControls_panelOpen svg {
background-repeat: no-repeat;
height: 43px;
height: auto;
margin: 0 auto;
text-align: center;
width: 36px
}
.MC_globalHeaderA_mobileControls_panelOpen svg .MC_svg_path_2 {
clip-rule: evenodd;
fill: var(--mc-core-white);
fill-rule: evenodd
}
.MC_globalHeaderA_mobileControls_panelOpen svg .MC_svg_path_0 {
fill: var(--mc-core-green-5)
}
.MC_globalHeaderA_mobileControls_panelOpen svg .MC_svg_path_3 {
fill: var(--mc-vanilla-green-4)
}
.MC_globalHeaderA_mobileControls_panelOpen svg .MC_svg_path_4 {
fill: var(--mc-vanilla-green-6)
}
.MC_globalHeaderA_mobileControls_panelOpen svg .MC_svg_path_5 {
opacity: .2
}
.MC_globalHeaderA_mobileControls_panelOpen svg .MC_svg_path_0 {
fill: var(--mc-vanilla-green-6)
}
.MC_globalHeaderA_mobileControls_panelOpen svg .MC_svg_path_1 {
fill: #2b2827
}
.MC_globalHeaderA_nmCtr_secondaryNav+.MC_globalHeaderA_mobileControls {
display: none
}
.MC_globalHeaderA_mobileControls_searchPanelOpen {
background-color: transparent;
border: 0;
padding: 6px
}
.MC_globalHeaderA_mobileControls_searchPanelOpen:focus {
box-shadow: 0 0 0 2px var(--mc-default-focus);
outline: 1px solid var(--mc-core-white) !important;
outline-offset: 2px
}
.MC_globalHeaderA_mobileControls_searchPanelOpen svg {
height: 24px;
width: 24px
}
.MC_globalHeaderA_nmCtr {
display: flex
}
.MC_globalHeaderA_nmCtr_primaryNav {
display: none
}
.MC_globalHeaderA_mCtr_panel {
background-color: var(--mc-core-off-black);
display: none;
height: 100vh;
left: -100%;
max-width: 420px;
position: fixed;
top: 0;
width: 100%;
z-index: 1
}
.MC_globalHeaderA_mCtr_panel.MC_globalHeaderA_mCtr_panel-active {
animation-duration: .5s;
animation-fill-mode: forwards;
animation-name: mobileNavSlideIn;
display: block
}
.MC_globalHeaderA_mCtr_panel.MC_globalHeaderA_mCtr_panel-closed {
animation-duration: .5s;
animation-fill-mode: forwards;
animation-name: mobileNavSlideOut;
display: block
}
.MC_globalHeader:has(.MC_globalHeaderA_mCtr_panel-active) .MC_globalHeaderA_megaMenu_cover {
display: block
}
.MC_globalHeaderA_mCtr_navBar {
align-items: center;
border-bottom: 1px solid var(--mc-core-grey-5);
display: flex;
height: 60px;
justify-content: space-between;
margin-bottom: 0;
width: 100%
}
.MC_globalHeaderA_mCtr_menuControls {
align-items: center;
display: flex;
flex: 0 0 calc(50% - 158px);
height: 100%;
margin-left: 16px;
min-width: 18px
}
.MC_globalHeaderA_mCtr_logoContainer+.MC_globalHeaderA_mCtr_menuControls {
margin-left: 0;
margin-right: 16px
}
.MC_globalHeaderA_mCtr_menuToggle,
.MC_globalHeaderA_mCtr_searchMenuToggle {
background-color: transparent;
border: 0;
height: 18px;
padding: 0;
width: 18px
}
.MC_globalHeaderA_mCtr_menuToggle:before,
.MC_globalHeaderA_mCtr_searchMenuToggle:before {
background-color: var(--mc-core-white);
clip-path: var(--mc-environment-close_icon_clip-path);
content: "";
display: block;
height: 100%;
width: 100%
}
.MC_globalHeaderA_mCtr_menuToggle:focus,
.MC_globalHeaderA_mCtr_searchMenuToggle:focus {
box-shadow: 0 0 0 2px var(--mc-default-focus);
outline: 1px solid var(--mc-core-white) !important;
outline-offset: 2px
}
.MC_globalHeaderA_mCtr_logoContainer {
display: flex;
flex: 1 1 auto;
justify-content: center;
margin: 0 2.7777%
}
.MC_globalHeaderA_mCtr_logo {
display: block;
max-width: 145px;
width: 100%
}
.MC_globalHeaderA_mCtr_logo:focus {
box-shadow: 0 0 0 2px var(--mc-default-focus);
outline: 1px solid var(--mc-core-white);
outline-offset: 2px
}
.MC_globalHeaderA_mCtr_panel .MC_SearchBoxB_form-container {
height: 40px;
padding: 0
}
.MC_globalHeaderA_mCtr_panel .MC_SearchBoxB_clear-button {
margin-right: 12px
}
.MC_globalHeaderA_mCtr_panel .MC_SearchBoxB_clear-button:after,
.MC_globalHeaderA_mCtr_panel .MC_SearchBoxB_form-container:before {
height: 18px;
width: 18px
}
.MC_globalHeaderA_mCtr_panel .MC_SearchBoxB_form-container {
gap: 8px
}
.MC_globalHeaderA_mCtr_panel .MC_SearchBoxB_input {
padding: 0;
width: unset
}
.MC_globalHeaderA_mCtr_panel .MC_scrollbar {
margin-top: 0
}
.MC_globalHeaderA_mCtr_primaryNav {
left: 0;
padding: 2px 16px 24px;
position: relative;
transition: left .3s ease-out;
width: calc(100% - 16px) !important
}
.MC_globalHeaderA_mCtr_primaryNav>ul:has(>li>.MC_globalHeaderA_slideMenu[data-animationcomplete=true])>li>.MC_globalHeaderA_navLink,
.MC_globalHeaderA_mCtr_primaryNav>ul:has(>li>.MC_globalHeaderA_slideMenu[data-animationcomplete=true])>li>.MC_globalHeaderA_slideAction,
.MC_globalHeaderA_slideMenu_container:has(>ul>li>.MC_globalHeaderA_slideMenu[data-animationcomplete=true])>.MC_globalHeaderA_slideActionBack,
.MC_globalHeaderA_slideMenu_container:has(>ul>li>.MC_globalHeaderA_slideMenu[data-animationcomplete=true])>ul>li>.MC_globalHeaderA_navLink,
.MC_globalHeaderA_slideMenu_container:has(>ul>li>.MC_globalHeaderA_slideMenu[data-animationcomplete=true])>ul>li>.MC_globalHeaderA_slideAction {
display: none
}
.MC_globalHeaderA_mCtr_primaryNav ul {
list-style-type: none;
margin: 0;
padding: 0
}
.MC_globalHeaderA_mCtr_primaryNav li {
border-top: 1px solid var(--mc-core-grey-5)
}
.MC_globalHeaderA_mCtr_primaryNav ul>li:first-child {
border-top: 0
}
.MC_globalHeaderA_mCtr_primaryNav ul>li:last-child {
border-bottom: 1px solid var(--mc-core-grey-5)
}
.MC_globalHeaderA_mCtr_primaryNav ul>li:has(.MC_minecoinSummaryA) {
border-bottom: 0
}
.MC_globalHeaderA_mCtr .MC_globalHeaderA_accountMenu .MC_minecoinSummaryA {
margin-top: 8px;
width: 100%
}
.MC_globalHeaderA_mCtr .MC_globalHeaderA_accountMenu .MC_minecoinSummaryA_wrapper {
width: 100%
}
.MC_globalHeaderA_mCtr .MC_globalHeaderA_accountMenu .MC_minecoinSummaryA_container {
flex-grow: 1
}
.MC_globalHeaderA_mCtr_panel .MC_globalHeaderA_slideAction {
align-items: center;
background-color: transparent;
border: 0;
display: flex;
padding: 16px 20px 16px 0;
position: relative;
text-align: left;
width: 100%
}
.MC_globalHeaderA_mCtr_panel .MC_globalHeaderA_slideAction:after {
background-color: var(--mc-core-white);
clip-path: var(--mc-environment-arrow__right_clip-path);
content: "";
display: block;
height: 10px;
position: absolute;
right: 3px;
width: 6px
}
.MC_globalHeaderA_mCtr_panel .MC_globalHeaderA_slideAction:hover,
.MC_globalHeaderA_mCtr_panel .MC_globalHeaderA_slideAction:hover .MC_globalHeaderA_topNav_text {
color: var(--mc-core-green-2)
}
.MC_globalHeaderA_mCtr_panel .MC_globalHeaderA_slideAction:hover:after {
background-color: var(--mc-core-green-2)
}
.MC_globalHeaderA_mCtr_panel .MC_globalHeaderA_slideActionBack {
align-items: center;
background-color: transparent;
border: 0;
display: flex;
margin: 8px 0;
padding: 8px 0 8px 20px;
position: relative;
text-align: left;
text-transform: uppercase;
width: 100%
}
.MC_globalHeaderA_mCtr_panel .MC_globalHeaderA_slideActionBack:before {
background-color: var(--mc-core-white);
clip-path: var(--mc-environment-arrow__right_clip-path);
content: "";
display: block;
height: 10px;
left: 3px;
position: absolute;
transform: rotate(180deg);
width: 6px
}
.MC_globalHeaderA_mCtr_panel .MC_globalHeaderA_slideAction:focus,
.MC_globalHeaderA_mCtr_panel .MC_globalHeaderA_slideActionBack:focus {
box-shadow: 0 0 0 2px var(--mc-default-focus);
outline: 1px solid var(--mc-core-white);
outline-offset: 2px
}
.MC_globalHeaderA_mCtr_panel .MC_globalHeaderA_navLink {
align-items: center;
display: flex;
height: auto;
padding: 16px 20px 16px 0;
position: relative;
text-align: left;
text-decoration: none;
width: 100%
}
.MC_globalHeaderA_mCtr_panel .MC_globalHeaderA_topNav_icon {
min-width: 38px;
text-align: center
}
.MC_globalHeaderA_mCtr_panel .MC_globalHeaderA_topNav_text {
line-height: 16px
}
.MC_globalHeaderA_mCtr_primaryNav>ul>li>.MC_globalHeaderA_navLink,
.MC_globalHeaderA_mCtr_primaryNav>ul>li>.MC_globalHeaderA_slideAction {
color: var(--mc-core-white);
font-family: var(--mc-default--fontlist);
font-size: .8125rem;
font-style: normal;
font-weight: 700;
letter-spacing: 1.04px;
line-height: 12px;
text-transform: uppercase
}
.MC_globalHeaderA_mCtr_panel .MC_globalHeaderA_accountGlyph:before {
display: none
}
.MC_globalHeaderA_mCtr_panel .MC_globalHeaderA_accountGlyph .MC_globalHeaderA_topNav_icon:before {
background-image: var(--mc-environment-accountIcon_svg-16x16);
background-repeat: no-repeat;
content: "";
display: block;
height: 16px;
left: 2px;
margin: 0 auto;
position: relative;
width: 16px
}
.MC_globalHeaderA_mCtr_panel .MC_globalHeaderA_accountGlyph .MC_globalHeaderA_topNav_icon:hover:before {
background-image: var(--mc-environment-accountIcon_svg_hover-16x16)
}
.MC_globalHeaderA_slideMenu_container {
display: none;
left: calc(100% + 16px);
padding-left: 16px;
padding-right: 1px;
position: absolute;
top: 0;
width: 100%
}
.MC_globalHeaderA_slideMenu[data-activemenu=true]>.MC_globalHeaderA_slideMenu_container {
display: block
}
.MC_globalHeaderA_slideMenu_container .MC_globalHeaderA_topNav_text {
color: var(--mc-core-white);
font-family: var(--mc-legends-fontlist)
}
.MC_globalHeaderA_slideMenu_container [class*=MC_Heading] {
color: #fff;
font-family: var(--mc-vanilla-fontlist);
margin-bottom: 16px
}
.MC_globalHeaderA_mCtr_panel .MC_scrollbar_content {
height: calc(100% - 24px);
overflow-x: hidden
}
@media screen and (max-height:400px) {
.MC_globalHeaderA_mCtr_panel .MC_scrollbar_content_wrapper {
height: calc(100% - 60px) !important
}
}
.MC_globalHeaderA_mCtr_panel .MC_globalHeaderA_itemGridA {
max-width: 100%
}
.MC_globalHeaderA_mCtr_panel .MC_globalHeaderA_itemGridA_item:hover .MC_globalHeaderA_itemGridA_title {
text-decoration: underline
}
.MC_globalHeaderA_mCtr_panel .MC_globalHeaderA_accountMenu a:focus {
box-shadow: 0 0 0 2px var(--mc-default-focus);
color: var(--mc-core-white);
outline: 1px solid var(--mc-core-white);
outline-offset: 2px
}
.MC_globalHeaderA_mCtr_panel .MC_globalHeaderA_accountMenu a:hover {
color: var(--mc-core-white)
}
.MC_globalHeaderA_mCtr_panel .MC_globalHeaderA_accountMenu_user {
border-bottom: 0;
padding-bottom: 16px
}
.MC_globalHeaderA_mCtr_panel .MC_globalHeaderA_slideAction_recoLinks_list {
margin-top: 24px;
padding-left: 0
}
.MC_globalHeaderA_mCtr_panel .MC_globalHeaderA_slideAction_recoLinks_list li,
.MC_globalHeaderA_mCtr_panel .MC_globalHeaderA_slideAction_recoLinks_list li:last-child {
border: 0
}
.MC_globalHeaderA_mCtr_panel .MC_globalHeaderA_slideAction_recoLinks_list:before {
background-color: var(--mc-core-green-1);
content: "";
display: block;
height: 2px;
margin-bottom: 15px;
width: 64px
}
.MC_globalHeaderA_mCtr_panel .MC_globalHeaderA_slideAction_recoLinks {
margin-top: 8px;
padding-left: 19px;
position: absolute
}
.MC_globalHeaderA_mCtr_panel .MC_globalHeaderA_slideAction_recoLinks:before {
background-color: var(--mc-core-green-1);
content: "";
display: block;
height: 2px;
margin-bottom: 15px;
width: 64px
}
.MC_globalHeaderA_mCtr_panel .MC_globalHeaderA_slideAction_recoLinks_list {
list-style-type: none;
padding: 0
}
.MC_globalHeaderA_mCtr_panel .MC_globalHeaderA_slideAction_recoLinks_link {
color: var(--mc-core-white) !important;
display: inline-block;
font-size: .75rem;
line-height: 20px;
margin-bottom: 6px;
text-decoration: none
}
.MC_globalHeaderA_mCtr_panel .MC_globalHeaderA_slideAction_recoLinks_link.MC_Glyph_Link_A:after {
background-color: var(--mc-core-green-2)
}
.MC_globalHeaderA_mCtr_panel .MC_globalHeaderA_slideAction_recoLinks_link:hover {
text-decoration: underline
}
.MC_globalHeaderA_mCtr_panel .MC_globalHeaderA_slideAction_recoLinks_link:focus {
background-color: transparent;
box-shadow: 0 0 0 2px var(--mc-default-focus);
outline: 1px solid var(--mc-core-white);
outline-offset: 2px
}
.MC_globalHeaderA_mCtr_searchPanel .MC_SearchBoxB_form {
margin-top: 0
}
[data-mc-ref=mc_forms_searchboxB][data-search=true]+.MC_globalHeaderA_itemGridB {
display: none
}
.MC_globalHeaderA_mCtr_searchPanel .MC_globalHeaderA_itemGridB {
display: flex;
flex-wrap: wrap;
padding-bottom: 6px
}
.MC_globalHeaderA_mCtr_searchPanel .MC_globalHeaderA_itemGridB_content {
margin-top: 0
}
.MC_globalHeaderA_mCtr_searchPanel .MC_globalHeaderA_itemGridB_headline {
padding: 0 16px
}
.MC_globalHeaderA_mCtr_searchPanel .MC_globalHeaderA_itemGridB_headline:not(:first-child) {
display: none
}
.MC_globalHeaderA_mCtr_searchPanel .MC_globalHeaderA_itemGridB_col {
flex-grow: 1
}
.MC_globalHeaderA_mCtr_searchPanel .MC_globalHeaderA_itemGridB_item {
align-items: center;
display: flex;
flex-grow: 1;
gap: 16px;
justify-content: left;
padding: 8px 16px;
position: relative
}
.MC_globalHeaderA_mCtr_searchPanel .MC_globalHeaderA_itemGridB_item:focus {
box-shadow: none;
outline: 0
}
.MC_globalHeaderA_mCtr_searchPanel .MC_globalHeaderA_itemGridB_item:focus:before {
box-shadow: 0 0 0 2px var(--mc-default-focus);
content: "";
display: block;
height: 100%;
left: 1px;
outline: 1px solid var(--mc-core-white);
outline-offset: 2px;
position: absolute;
width: calc(100% - 4px)
}
.MC_globalHeaderA_mCtr_searchPanel .MC_globalHeaderA_itemGridB_poster {
width: 100px
}
.MC_globalHeaderA_mCtr_searchPanel .MC_scrollbarA {
padding-top: 21px
}
.MC_globalHeaderA_mCtr_searchPanel .MC_scrollbar_scrollbar {
top: 80px !important
}
.MC_globalHeaderA_mCtr_searchPanel .MC_scrollbar_scrollable .MC_globalHeaderA_itemGridB_item {
max-width: calc(100% - 4px)
}
.MC_globalHeaderA_mCtr_searchPanel .MC_scrollbar_content_wrapper:not(:has(.MC_scrollbar_scrollable)) {
margin-right: 0 !important
}
.MC_globalHeaderA_mCtr_searchPanel .MC_scrollbar_scrollable .MC_globalHeaderA_itemGridB_item:before {
width: calc(100% - 4px)
}
.MC_globalHeaderA_mCtr_searchPanel .MC_SearchBoxB_form-container:before {
background: var(--mc-environment-search_icon_svg-18x18) no-repeat;
flex-shrink: 0;
margin-left: 12px
}
@media (forced-colors:active) and (prefers-color-scheme:dark) {
.MC_globalHeaderA_mCtr_menuToggle:before,
.MC_globalHeaderA_mCtr_panel .MC_globalHeaderA_slideAction:after,
.MC_globalHeaderA_mCtr_panel .MC_globalHeaderA_slideActionBack:before,
.MC_globalHeaderA_mCtr_searchMenuToggle:before {
background-color: currentColor;
filter: invert(1)
}
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
.MC_globalHeaderA_mCtr_menuToggle:before,
.MC_globalHeaderA_mCtr_panel .MC_globalHeaderA_slideAction:after,
.MC_globalHeaderA_mCtr_panel .MC_globalHeaderA_slideActionBack:before,
.MC_globalHeaderA_mCtr_searchMenuToggle:before {
filter: invert(1)
}
}
}
@media screen and (max-width:1199.98px) {
.MC_globalHeaderA_nmCtr_secondaryNav {
display: none
}
.MC_globalHeaderA_nmCtr_secondaryNav+.MC_globalHeaderA_mobileControls {
display: block
}
}
@media screen and (min-width:768px) {
.MC_globalHeaderA_mCtr_panel .MC_SearchBoxB {
margin: 0 16px
}
}
@media screen and (max-width:567.98px) {
.MC_globalHeaderA_nmCtr_centerAligned .MC_globalHeaderA_nmCtr_logoContainer {
margin-right: 0
}
.MC_globalHeaderA_mobileControls {
flex: 0 0 calc(50% - 85px)
}
.MC_globalHeaderA_nmCtr_logo {
width: 170px
}
.MC_globalHeaderA_nmCtr_logo img {
width: 100%
}
.MC_globalHeaderA_nmCtr_centerAligned.MC_globalHeaderA_nmCtr {
padding: 16px
}
}
.MC_globalHeaderA.MC_globalHeaderA__v2 .MC_globalHeaderA_nmCtr_cta {
font-size: 12px;
gap: 7px;
min-height: auto;
padding: 6px 10px 6px 12px
}
.MC_globalHeaderA.MC_globalHeaderA__v2 .MC_globalHeaderA_nmCtr_secondaryNav>ul {
width: max-content
}
.MC_globalHeaderA.MC_globalHeaderA__v2 .MC_globalHeaderA_topNav_search_icon:before {
margin: 0 auto
}
.MC_globalHeaderA.MC_globalHeaderA__v2 .MC_globalHeaderA_mobileControls {
flex: 0 0 auto
}
.MC_globalHeaderA.MC_globalHeaderA__v2 .MC_globalHeaderA_mobileControls_panelOpen {
margin-left: 20px
}
.MC_globalHeaderA.MC_globalHeaderA__v2 .MC_globalHeaderA_mCtr_logoContainer+.MC_globalHeaderA_mCtr_menuControls {
flex: unset;
margin-right: 20px
}
.MC_globalHeaderA.MC_globalHeaderA__v2 .MC_globalHeaderA_mCtr_logoContainer {
justify-content: left;
margin-left: 20px
}
@media screen and (max-width:567.98px) {
.MC_globalHeaderA.MC_globalHeaderA__v2 .MC_globalHeaderA_mobileControls {
flex: inherit
}
}
@media screen and (max-width:385px) {
.MC_globalHeaderA.MC_globalHeaderA__v2 .MC_globalHeaderA_nmCtr_logo {
width: 135px
}
.MC_globalHeaderA.MC_globalHeaderA__v2 .MC_globalHeaderA_nmCtr_logo img {
height: 20px;
margin-left: 0;
width: auto
}
}
.MC_skipContent {
height: 1px;
left: -999px;
overflow: hidden;
position: absolute;
top: auto;
width: 1px
}
.MC_skipContent:focus {
background: #e6e6e6;
border: 3px solid var(--mc-default-focus);
color: var(--mc-core-rich-black);
height: auto;
left: 0;
outline: 1px solid var(--mc-core-white);
outline-offset: -3px;
overflow: auto;
padding: 10px;
position: fixed;
right: 0;
text-align: center;
text-decoration: underline;
top: 0;
width: auto;
z-index: 99999
}
.MC_globalHeaderB {
border-bottom: 1px solid var(--mc-core-rich-black);
z-index: 300
}
.MC_globalHeaderB_menu_cover {
background: rgba(0, 0, 0, .251);
display: none;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 99
}
.MC_globalHeaderB_menu_expanded+.MC_globalHeaderB_menu_cover {
display: block
}
.MC_globalHeaderB_rightArrowGlyph:before {
background-color: var(--mc-core-green-1);
clip-path: polygon(0 0, 50% 0, 50% 33.33%, 100% 33%, 100% 66.66%, 50% 66.66%, 50% 100%, 0 100%, 0 66.66%, 50% 66.66%, 50% 33.33%, 0 33.33%, 0 0);
content: "";
display: block;
height: 6px;
margin-left: 24px;
margin-right: 10px;
width: 4px
}
.MC_globalHeaderB_rightArrowGlyph:focus:before,
.MC_globalHeaderB_rightArrowGlyph:hover:before {
background-color: #252525
}
.MC_globalHeaderB_mCtr {
display: none
}
.MC_globalHeaderB_nmCtr {
display: block
}
.MC_globalHeaderB_banner {
background-color: var(--mc-core-rich-black);
font-size: .6875rem;
min-height: 35px;
padding: 9px 0;
width: 100%
}
.MC_globalHeaderB_banner_nav {
position: relative
}
.MC_globalHeaderB_banner_ctr {
display: flex;
margin: 0 auto;
max-width: var(--gridMaxWidth);
padding: 0 16px
}
.MC_globalHeaderB_banner_promo {
align-items: center;
display: inline-flex;
letter-spacing: 0;
line-height: normal;
margin-right: auto;
width: 50%
}
.MC_globalHeaderB_banner_promolink {
color: var(--mc-core-green-1);
text-align: left;
text-decoration: none
}
.MC_globalHeaderB_banner_promolink:hover {
color: var(--mc-core-white)
}
.MC_globalHeaderB_banner_promolink:focus {
box-shadow: 0 0 0 2px var(--mc-default-focus);
outline: 1px solid var(--mc-core-white);
outline-offset: 0
}
.MC_globalHeaderB_banner_nav {
display: inline-flex;
justify-content: right;
width: 50%
}
.MC_globalHeaderB_banner_nav>ul>li:last-child {
padding-left: 8px
}
.MC_globalHeaderB_banner_nav .MC_globalHeaderB_dropAction {
color: var(--mc-core-green-1);
min-height: 18px;
padding: 0 4px 0 0
}
.MC_globalHeaderB_banner_nav .MC_globalHeaderB_dropAction:focus,
.MC_globalHeaderB_banner_nav .MC_globalHeaderB_dropAction:hover,
.MC_globalHeaderB_banner_nav .MC_globalHeaderB_dropAction[aria-expanded=true] {
color: var(--mc-core-white)
}
.MC_globalHeaderB_banner_nav .MC_globalHeaderB_dropAction:after {
background-color: var(--mc-core-green-1)
}
.MC_globalHeaderB_banner_nav .MC_globalHeaderB_dropAction:focus:after,
.MC_globalHeaderB_banner_nav .MC_globalHeaderB_dropAction:hover:after,
.MC_globalHeaderB_banner_nav .MC_globalHeaderB_dropAction[aria-expanded=true]:after {
background-color: var(--mc-core-white)
}
.MC_globalHeaderB_banner .MC_globalHeaderB_standardMenu {
min-width: 125px;
top: 100%;
width: 100%
}
.MC_globalHeaderB_banner .MC_globalHeaderB_standardMenu li:last-child {
border-bottom: 0
}
.MC_globalHeaderB_banner_nav>ul {
align-items: center;
display: inline-flex;
justify-content: end;
list-style-type: none;
margin: 0;
padding: 0
}
.MC_globalHeaderB_banner_nav [data-visibility=loggedin] {
display: none
}
.MC_globalHeaderB_banner_nav[data-loggedin=true] [data-visibility=loggedin] {
display: inline-flex;
position: relative
}
.MC_globalHeaderB_banner_nav[data-loggedin=true] [data-visibility=loggedout] {
display: none
}
.MC_globalHeaderB_banner_navlink {
color: var(--mc-core-green-1);
font-family: var(--mc-default-fontlist);
font-size: .75rem;
font-style: normal;
font-weight: 700;
letter-spacing: .08em;
outline-offset: -2px;
padding: 0 8px;
text-align: center;
text-decoration: none;
text-transform: uppercase
}
.MC_globalHeaderB_banner_navlink:hover {
color: #fff
}
.MC_globalHeaderB_banner_navlink:focus {
box-shadow: 0 0 0 2px var(--mc-core-white);
outline: 2px solid var(--mc-default-focus);
outline-offset: -1px
}
.MC_globalHeaderB {
--gridMaxWidth: 1920px;
background-color: var(--mc-core-off-black);
position: relative
}
.MC_globalHeaderB_placeholder {
background-color: var(--mc-core-off-black);
height: 0;
width: 100%
}
.MC_globalHeaderB_sticky .MC_globalHeaderB_placeholder {
height: var(--placeholderHeight)
}
.MC_globalHeaderB_sticky .MC_globalHeaderB_ctr {
background-color: var(--mc-core-off-black);
height: auto;
max-width: 100%;
position: fixed;
top: 0;
width: 100%
}
.MC_globalHeaderB_sticky .MC_globalHeaderB_nmCtr {
height: auto;
margin: 0 auto;
max-width: var(--gridMaxWidth)
}
.MC_globalHeaderB_ctr {
margin: 0 auto;
max-width: var(--gridMaxWidth)
}
.MC_globalHeaderB_nmCtr {
align-items: center;
display: flex;
justify-content: space-between;
padding: 16px
}
.MC_globalHeaderB_stackedLogo {
display: none
}
.MC_globalHeaderB_nmCtr_logoContainer {
flex: 1 1 auto
}
.MC_globalHeaderB_nmCtr_logo {
display: block;
margin: 0 auto;
width: 222px
}
.MC_globalHeaderB_nmCtr_logo:focus {
box-shadow: 0 0 0 2px var(--mc-default-focus);
outline: 1px solid var(--mc-core-white);
outline-offset: 2px
}
.MC_globalHeaderB_nmCtr_logo img {
display: block;
margin: 0 auto
}
.MC_globalHeaderB_nmCtr_primaryNav,
.MC_globalHeaderB_nmCtr_secondaryNav {
align-items: center;
display: flex;
flex: 0 0 calc(50% - 111px);
height: 100%
}
.MC_globalHeaderB_nmCtr_primaryNav {
margin-left: -3px;
overflow: hidden;
padding-left: 3px
}
.MC_globalHeaderB_nmCtr_primaryNav>ul {
align-items: center;
display: inline-flex;
margin-bottom: 0;
padding-left: 0
}
.MC_globalHeaderB_nmCtr_primaryNav>ul>li {
height: 100%;
list-style: none;
min-width: 79px
}
.MC_globalHeaderB_nmCtr_primaryNav>ul>li+li {
padding-left: 22px
}
.MC_globalHeaderB_nmCtr_secondaryNav {
justify-content: right
}
.MC_globalHeaderB_nmCtr_secondaryNav>ul {
list-style-type: none;
margin: 0;
padding: 0
}
.MC_globalHeaderB_nmCtr_secondaryNav .MC_Button_NotchedHero {
font-family: var(--mc-default--fontlist)
}
.MC_globalHeaderB_nmCtr_secondaryNav .MC_Button_NotchedHero_Text {
font-size: 1.125rem
}
.MC_globalHeaderB_nmCtr_secondaryNav .MC_Button_NotchedHero_Text_Fx {
font-weight: 800;
letter-spacing: 1.25px
}
.MC_globalHeaderB_dropAction,
.MC_globalHeaderB_navLink {
align-items: center;
background-color: transparent;
border: 0;
color: var(--mc-core-white);
display: inline-flex;
font-family: var(--mc-default--fontlist);
font-size: .75rem;
font-weight: 700;
letter-spacing: .08em;
min-height: 22px;
outline-offset: -2px;
padding: 10px 10px 10px 0;
position: relative;
text-align: center;
text-decoration: none;
text-transform: uppercase
}
.MC_globalHeaderB_dropAction:hover,
.MC_globalHeaderB_navLink:hover {
color: var(--mc-core-green-2)
}
.MC_globalHeaderB_dropAction:focus,
.MC_globalHeaderB_navLink:focus {
box-shadow: 0 0 0 2px inset var(--mc-default-focus);
outline: 1px solid var(--mc-core-white);
outline-offset: -2px
}
.MC_globalHeaderB_dropAction:focus:after,
.MC_globalHeaderB_dropAction:hover:after {
background-color: var(--mc-core-green-2)
}
.MC_globalHeaderB_dropAction[aria-expanded=true] {
color: var(--mc-core-green-2)
}
.MC_globalHeaderB_dropAction:after {
background-color: var(--mc-core-white);
clip-path: var(--mc-environment-arrow__down_clip-path);
content: "";
display: block;
height: 6px;
margin-left: 6px;
width: 10px
}
.MC_globalHeaderB_dropAction[aria-expanded=true]:after {
background-color: var(--mc-core-green-2);
transform: rotate(180deg)
}
.MC_globalHeaderB_navLink:focus,
.MC_globalHeaderB_navLink:hover {
background-color: transparent;
color: var(--mc-core-green-2)
}
.MC_globalHeaderB_navLink:focus svg,
.MC_globalHeaderB_navLink:hover svg {
filter: brightness(0) saturate(100%) invert(79%) sepia(64%) saturate(296%) hue-rotate(48deg) brightness(98%) contrast(83%)
}
.MC_globalHeaderB_topNav_icon {
display: inline-block;
margin-right: 4px
}
.MC_globalHeaderB_topNav_icon img,
.MC_globalHeaderB_topNav_icon svg {
height: 20px
}
.MC_globalHeaderB_topNav_text {
margin-left: 4px;
position: relative
}
.MC_globalHeaderB_topNav_glyph {
padding-left: 6px
}
.MC_globalHeaderB_topNav_glyph svg {
position: relative;
top: -2px
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
.MC_globalHeaderB_topNav_glyph svg {
filter: invert(1)
}
}
.MC_globalHeaderB_standardMenu {
background-color: var(--mc-core-rich-black);
height: 0;
overflow: hidden;
padding-left: 0;
position: absolute;
top: calc(100% - 21px);
transition: all .4s ease-in-out;
visibility: hidden;
width: 258px;
z-index: 22
}
.MC_globalHeaderB_standardMenu ul {
list-style-type: none;
padding: 0
}
.MC_globalHeaderB_standardMenu li {
border-bottom: 1px solid #535050
}
.MC_globalHeaderB_standardMenu a {
align-items: center;
color: var(--mc-core-green-1);
display: inline-flex;
font-family: var(--mc-default--fontlist);
font-size: .75rem;
font-weight: 700;
letter-spacing: .02em;
min-height: 44px;
outline-offset: -2px;
padding-left: 12px;
padding-right: 10px;
text-decoration: none;
text-transform: uppercase;
width: 100%
}
.MC_globalHeaderB_standardMenu a:focus,
.MC_globalHeaderB_standardMenu a:hover {
background-color: var(--mc-core-green-1);
color: var(--mc-core-rich-black);
text-decoration: none
}
.MC_globalHeaderB_standardMenu a:focus {
box-shadow: 0 0 0 2px inset var(--mc-default-focus);
outline: 1px solid var(--mc-core-white);
outline-offset: -1px
}
.MC_globalHeaderB_standardMenu img {
margin: 0 7px 0 0
}
.MC_globalHeaderB_standardMenu[aria-hidden=false] {
height: auto;
visibility: visible
}
.MC_globalHeaderB_nmCtr_primaryNav>ul>li button:focus:after,
.MC_globalHeaderB_nmCtr_primaryNav>ul>li:has(.MC_globalHeaderB_standardMenu:focus-within) button:after {
background-color: var(--mc-core-green-1)
}
.MC_globalHeaderB_nmCtr_primaryNav>ul>li button:focus,
.MC_globalHeaderB_nmCtr_primaryNav>ul>li:has(.MC_globalHeaderB_standardMenu:focus-within) button {
color: var(--mc-core-green-1)
}
.MC_globalHeaderB .MC_scrollbar_content {
padding-left: 1px
}
@media screen and (min-width:1149.98px) {
.MC_globalHeaderB_mobileControls {
display: none
}
}
@media screen and (min-width:1350px) {
.MC_globalHeaderB .MC_scrollbar_content_wrapper {
margin: 0;
overflow: visible
}
.MC_globalHeaderB .MC_scrollbar_content {
margin: 0 !important;
overflow: visible
}
.MC_globalHeaderB .MC_scrollbar_content_wrapper,
.MC_globalHeaderB .MC_scrollbar_scrollbar {
height: auto !important
}
}
@media (forced-colors:active) and (prefers-color-scheme:dark) {
.MC_globalHeaderB_dropAction:after {
background-color: currentColor;
filter: invert(1)
}
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
.MC_globalHeaderB_dropAction:after {
filter: invert(1)
}
}
@media screen and (min-width:1149.98px) and (max-width:1400px) {
.MC_globalHeaderB_nmCtr_primaryNav {
flex: 0 0 calc(50% + 111px)
}
.MC_globalHeaderB_nmCtr_primaryNav+.MC_globalHeaderB_nmCtr_logoContainer {
display: none
}
.MC_globalHeaderB_stackedLogo {
display: block;
padding-top: 16px
}
.MC_globalHeaderB_nmCtr {
padding: 8px 16px
}
.MC_globalHeaderB_standardMenu {
top: calc(100% - 14px)
}
}
@media screen and (max-width:1200.00px) {
.MC_globalHeaderB_nmCtr_logoContainer img {
width: 175px
}
.MC_globalHeaderB_nmCtr_primaryNav>ul>li+li {
padding-left: 11px
}
}
@media screen and (max-width:1149.98px) {
.MC_globalHeaderB_mCtr {
display: block
}
.MC_globalHeaderB_nmCtr {
display: none
}
.MC_globalHeaderB_mobileControls {
align-items: center;
display: flex;
flex: 0 0 calc(50% - 161px);
height: 100%;
min-width: 33px
}
.MC_globalHeaderB_mobileControls_panelOpen {
background-color: transparent;
border: 0;
padding: 0
}
.MC_globalHeaderB_mobileControls_panelOpen:focus {
box-shadow: 0 0 0 2px var(--mc-default-focus);
outline: 1px solid var(--mc-core-white);
outline-offset: 2px
}
.MC_globalHeaderB_mobileControls_panelOpen svg {
background-repeat: no-repeat;
height: 43px;
height: auto;
margin: 0 auto;
text-align: center;
width: 36px
}
.MC_globalHeaderB_mobileControls_panelOpen svg .MC_svg_path_2 {
clip-rule: evenodd;
fill: var(--mc-core-white);
fill-rule: evenodd
}
.MC_globalHeaderB_mobileControls_panelOpen svg .MC_svg_path_0 {
fill: var(--mc-core-green-5)
}
.MC_globalHeaderB_mobileControls_panelOpen svg .MC_svg_path_3 {
fill: var(--mc-vanilla-green-4)
}
.MC_globalHeaderB_mobileControls_panelOpen svg .MC_svg_path_4 {
fill: var(--mc-vanilla-green-6)
}
.MC_globalHeaderB_mobileControls_panelOpen svg .MC_svg_path_5 {
opacity: .2
}
.MC_globalHeaderB_mobileControls_panelOpen svg .MC_svg_path_0 {
fill: var(--mc-vanilla-green-6)
}
.MC_globalHeaderB_mobileControls_panelOpen svg .MC_svg_path_1 {
fill: #2b2827
}
.MC_globalHeaderB_nmCtr_secondaryNav+.MC_globalHeaderB_mobileControls {
display: none
}
.MC_globalHeaderB_nmCtr {
display: flex
}
.MC_globalHeaderB_nmCtr_primaryNav {
display: none
}
.MC_globalHeaderB_mCtr_panel {
background-color: var(--mc-core-off-black);
display: none;
height: 100vh;
left: -100%;
max-width: 420px;
position: fixed;
top: 0;
width: 100%;
z-index: 1
}
.MC_globalHeaderB_mCtr_panel.MC_globalHeaderB_mCtr_panel-active {
animation-duration: .5s;
animation-fill-mode: forwards;
animation-name: mobileNavSlideIn;
display: block
}
.MC_globalHeaderB_mCtr_panel.MC_globalHeaderB_mCtr_panel-closed {
animation-duration: .5s;
animation-fill-mode: forwards;
animation-name: mobileNavSlideOut;
display: block
}
.MC_globalHeader:has(.MC_globalHeaderB_mCtr_panel-active) .MC_globalHeaderB_megaMenu_cover {
display: block
}
.MC_globalHeaderB_mCtr_navBar {
align-items: center;
border-bottom: 1px solid var(--mc-core-grey-5);
display: flex;
height: 60px;
justify-content: space-between;
margin-bottom: 24px;
width: 100%
}
.MC_globalHeaderB_mCtr_menuControls {
align-items: center;
display: flex;
flex: 0 0 calc(50% - 158px);
height: 100%;
margin-left: 16px;
min-width: 18px
}
.MC_globalHeaderB_mCtr_logoContainer+.MC_globalHeaderB_mCtr_menuControls {
margin-left: 0;
margin-right: 16px
}
.MC_globalHeaderB_mCtr_menuToggle {
background-color: transparent;
border: 0;
height: 18px;
padding: 0;
width: 18px
}
.MC_globalHeaderB_mCtr_menuToggle:before {
background-color: var(--mc-core-white);
clip-path: var(--mc-environment-close_icon_clip-path);
content: "";
display: block;
height: 100%;
width: 100%
}
.MC_globalHeaderB_mCtr_menuToggle:focus {
box-shadow: 0 0 0 2px var(--mc-default-focus);
outline: 1px solid var(--mc-core-white);
outline-offset: 2px
}
.MC_globalHeaderB_mCtr_logoContainer {
display: flex;
flex: 1 1 auto;
justify-content: center;
margin: 0 2.7777%
}
.MC_globalHeaderB_mCtr_logo {
display: block;
max-width: 145px;
width: 100%
}
.MC_globalHeaderB_mCtr_logo:focus {
box-shadow: 0 0 0 2px var(--mc-default-focus);
outline: 1px solid var(--mc-core-white);
outline-offset: 2px
}
.MC_globalHeaderB_mCtr_panel .MC_scrollbar {
margin-top: 24px
}
.MC_globalHeaderB_mCtr_primaryNav {
left: 0;
padding: 2px 16px 0;
position: relative;
transition: left .3s ease-out;
width: calc(100% - 16px) !important
}
.MC_globalHeaderB_mCtr_primaryNav>ul:has(>li>.MC_globalHeaderB_slideMenu[data-animationcomplete=true])>li>.MC_globalHeaderB_navLink,
.MC_globalHeaderB_mCtr_primaryNav>ul:has(>li>.MC_globalHeaderB_slideMenu[data-animationcomplete=true])>li>.MC_globalHeaderB_slideAction,
.MC_globalHeaderB_slideMenu_container:has(>ul>li>.MC_globalHeaderB_slideMenu[data-animationcomplete=true])>.MC_globalHeaderB_slideActionBack,
.MC_globalHeaderB_slideMenu_container:has(>ul>li>.MC_globalHeaderB_slideMenu[data-animationcomplete=true])>ul>li>.MC_globalHeaderB_navLink,
.MC_globalHeaderB_slideMenu_container:has(>ul>li>.MC_globalHeaderB_slideMenu[data-animationcomplete=true])>ul>li>.MC_globalHeaderB_slideAction {
display: none
}
.MC_globalHeaderB_mCtr_primaryNav ul {
list-style-type: none;
margin: 0;
padding: 0
}
.MC_globalHeaderB_mCtr_primaryNav li {
border-top: 1px solid var(--mc-core-grey-5)
}
.MC_globalHeaderB_mCtr_primaryNav ul>li:last-child {
border-bottom: 1px solid var(--mc-core-grey-5)
}
.MC_globalHeaderB_mCtr_panel .MC_globalHeaderB_slideAction {
align-items: center;
background-color: transparent;
border: 0;
display: flex;
padding: 16px 20px 16px 0;
position: relative;
text-align: left;
width: 100%
}
.MC_globalHeaderB_mCtr_panel .MC_globalHeaderB_slideAction:after {
background-color: var(--mc-core-white);
clip-path: var(--mc-environment-arrow__right_clip-path);
content: "";
display: block;
height: 10px;
position: absolute;
right: 3px;
width: 6px
}
.MC_globalHeaderB_mCtr_panel .MC_globalHeaderB_slideActionBack {
align-items: center;
background-color: transparent;
border: 0;
display: flex;
margin: 8px 0;
padding: 8px 0 8px 20px;
position: relative;
text-align: left;
text-transform: uppercase;
width: 100%
}
.MC_globalHeaderB_mCtr_panel .MC_globalHeaderB_slideActionBack:before {
background-color: var(--mc-core-white);
clip-path: var(--mc-environment-arrow__right_clip-path);
content: "";
display: block;
height: 10px;
left: 3px;
position: absolute;
transform: rotate(180deg);
width: 6px
}
.MC_globalHeaderB_mCtr_panel .MC_globalHeaderB_slideAction:focus,
.MC_globalHeaderB_mCtr_panel .MC_globalHeaderB_slideActionBack:focus {
box-shadow: 0 0 0 2px var(--mc-default-focus);
outline: 1px solid var(--mc-core-white);
outline-offset: 2px
}
.MC_globalHeaderB_mCtr_panel .MC_globalHeaderB_navLink {
align-items: center;
display: flex;
padding: 16px 20px 16px 0;
position: relative;
text-align: left;
width: 100%
}
.MC_globalHeaderB_mCtr_panel .MC_globalHeaderB_navLink:focus {
box-shadow: 0 0 0 2px var(--mc-core-white);
outline: 2px solid var(--mc-default-focus);
outline-offset: -1px
}
.MC_globalHeaderB_mCtr_panel .MC_globalHeaderB_navLink img {
margin-right: 7px
}
.MC_globalHeaderB_mCtr_panel .MC_globalHeaderB_topNav_icon {
min-width: 38px;
text-align: center
}
.MC_globalHeaderB_mCtr_panel .MC_globalHeaderB_topNav_text {
line-height: 16px
}
.MC_globalHeaderB_mCtr_primaryNav>ul>li>.MC_globalHeaderB_navLink,
.MC_globalHeaderB_mCtr_primaryNav>ul>li>.MC_globalHeaderB_slideAction {
color: var(--mc-core-white);
font-family: var(--mc-default--fontlist);
font-size: .8125rem;
font-style: normal;
font-weight: 700;
letter-spacing: 1.04px;
line-height: 12px;
min-height: 50px;
text-transform: uppercase
}
.MC_globalHeaderB_mCtr_panel .MC_globalHeaderB_accountGlyph:before {
display: none
}
.MC_globalHeaderB_mCtr_panel .MC_globalHeaderB_accountGlyph .MC_globalHeaderB_topNav_icon:before {
background-color: var(--mc-core-white);
clip-path: var(--mc-environment-lock_icon_clip-path);
content: "";
display: block;
height: 18px;
left: 2px;
margin: 0 auto;
position: relative;
width: 18px
}
.MC_globalHeaderB_mCtr_panel [class*=MC_Heading] {
color: #fff;
font-family: var(--mc-vanilla-fontlist);
margin-bottom: 16px
}
.MC_globalHeaderB_slideMenu_container {
display: none;
left: calc(100% + 16px);
padding-left: 16px;
position: absolute;
top: 0;
width: 100%
}
.MC_globalHeaderB_slideMenu[data-activemenu=true]>.MC_globalHeaderB_slideMenu_container {
display: block
}
.MC_globalHeaderB_slideMenu_container .MC_globalHeaderB_topNav_text {
color: var(--mc-core-white);
font-family: var(--mc-legends-fontlist)
}
.MC_globalHeaderB_mCtr_panel .MC_scrollbar_content_wrapper {
height: calc(100% - 40px) !important
}
.MC_globalHeaderB_mCtr_panel .MC_scrollbar_content {
height: calc(100% - 24px)
}
.MC_globalHeaderB_nmCtr_secondaryNav .MC_Button_NotchedHero_Text_Fx {
font-size: 1rem
}
.MC_globalHeaderB_mCtr_panel .MC_globalHeaderB_accountMenu {
padding-bottom: 24px;
padding-left: 16px
}
.MC_globalHeaderB_mCtr_panel .MC_globalHeaderB_accountMenu ul {
list-style-type: none;
padding: 0
}
.MC_globalHeaderB_mCtr_panel .MC_globalHeaderB_accountMenu li+li {
border-bottom: 1px solid var(--mc-core-grey-5)
}
.MC_globalHeaderB_mCtr_panel .MC_globalHeaderB_accountMenu .MC_globalHeaderB_banner_navlink {
align-items: center;
color: var(--mc-core-green-1);
display: flex;
font-family: var(--mc-default--fontlist);
font-size: .8125rem;
font-style: normal;
font-weight: 700;
letter-spacing: 1.04px;
line-height: 12px;
min-height: 50px;
padding: 16px 20px 16px 0;
text-decoration: none;
text-transform: uppercase
}
.MC_globalHeaderB_mCtr_panel .MC_globalHeaderB_accountMenu {
width: calc(100% - 16px)
}
.MC_globalHeaderB_mCtr_panel .MC_globalHeaderB_accountMenu [class*=MC_Heading] {
margin-bottom: 0;
margin-top: 8px
}
.MC_globalHeaderB_mCtr_panel .MC_globalHeaderB_accountMenu [data-visibility=loggedin] {
display: none
}
.MC_globalHeaderB_mCtr_panel .MC_globalHeaderB_accountMenu [data-visibility=loggedout] {
border-bottom: 1px solid var(--mc-core-grey-5)
}
.MC_globalHeaderB_mCtr_panel .MC_globalHeaderB_accountMenu[data-loggedin=true] li[data-visibility=loggedin] {
display: list-item
}
.MC_globalHeaderB_mCtr_panel .MC_globalHeaderB_accountMenu[data-loggedin=true] [class*=MC_Heading][data-visibility=loggedin] {
display: block
}
.MC_globalHeaderB_mCtr_panel .MC_globalHeaderB_accountMenu[data-loggedin=true] [data-visibility=loggedout] {
display: none
}
.MC_globalHeaderB_mCtr_panel .MC_globalHeaderB_banner_navlink,
.MC_globalHeaderB_mCtr_panel .MC_globalHeaderB_navLink {
color: var(--mc-core-green-1) !important
}
.MC_globalHeaderB_mCtr_panel .MC_globalHeaderB_banner_navlink:focus,
.MC_globalHeaderB_mCtr_panel .MC_globalHeaderB_banner_navlink:hover,
.MC_globalHeaderB_mCtr_panel .MC_globalHeaderB_navLink:focus,
.MC_globalHeaderB_mCtr_panel .MC_globalHeaderB_navLink:hover {
background-color: var(--mc-core-green-1) !important;
color: #252525 !important
}
.MC_globalHeaderB_mCtr_panel .MC_globalHeaderB_banner_navlink svg,
.MC_globalHeaderB_mCtr_panel .MC_globalHeaderB_navLink svg {
filter: brightness(0) saturate(100%) invert(86%) sepia(0) saturate(0) hue-rotate(94deg) brightness(92%) contrast(92%)
}
.MC_globalHeaderB_mCtr_panel .MC_globalHeaderB_banner_navlink:focus svg,
.MC_globalHeaderB_mCtr_panel .MC_globalHeaderB_banner_navlink:hover svg,
.MC_globalHeaderB_mCtr_panel .MC_globalHeaderB_navLink:focus svg,
.MC_globalHeaderB_mCtr_panel .MC_globalHeaderB_navLink:hover svg {
filter: brightness(0) saturate(100%) invert(0) sepia(100%) saturate(7465%) hue-rotate(104deg) brightness(93%) contrast(107%)
}
.MC_globalHeaderB_banner .MC_globalHeaderB_accountMenu,
.MC_globalHeaderB_stackedLogo {
display: none
}
@media (orientation:landscape) {
.MC_globalHeaderB_mCtr_panel .MC_scrollbar_content {
padding-bottom: 65px
}
}
}
@media screen and (max-width:767.98px) {
.MC_globalHeaderB_nmCtr_secondaryNav {
display: none
}
.MC_globalHeaderB_nmCtr_secondaryNav+.MC_globalHeaderB_mobileControls {
display: block
}
}
@media screen and (max-width:567.98px) {
.MC_globalHeaderB_nmCtr_logo img {
left: -8px;
position: relative;
width: 75%
}
}
@keyframes mobileNavSlideIn {
0% {
left: -100%
}
to {
left: 0
}
}
@keyframes mobileNavSlideOut {
0% {
left: 0
}
to {
display: none;
left: -100%
}
}
.MC_simplifiedHeaderA svg polygon {
fill: #3d3938
}
.MC_simplifiedHeaderA svg path:not(:first-child) {
fill: #d0c5c0
}
.MC_simplifiedHeaderA {
align-items: center;
background: url(/content/dam/minecraftnet/franchise/component-library/simplifiedHeaderA/bg-wool-dark.jpg) repeat 0 0;
display: inline-flex;
justify-content: center;
padding: 30px;
width: 100%
}
.MC_simplifiedHeaderA svg {
max-height: 54px;
max-width: 320px;
min-width: 260px;
width: 100%
}
@media screen and (min-width:768px) {
.MC_simplifiedHeaderA svg {
height: 90px;
max-height: unset;
max-width: unset
}
}
.MC_articleBlockQuoteA {
--grid-size: 1200px;
margin: 0 auto;
max-width: var(--grid-size);
padding-top: 32px
}
.MC_articleBlockQuoteA:has(.MC_articleBlockQuoteA_grid) {
display: flex;
flex-wrap: wrap;
justify-content: right
}
.MC_articleBlockQuoteA_grid {
flex-basis: 100%;
padding: 0 16px;
text-align: left;
width: 100%
}
.MC_articleBlockQuoteA_attributed_img {
float: left;
margin-bottom: 0;
margin-right: 7px;
margin-top: 4px;
max-height: 92px
}
.MC_articleBlockQuoteA cite {
color: var(--mc-theme-primary-color, var(--mc-core-rich-black));
display: block;
margin-top: 8px;
text-transform: uppercase
}
.MC_articleBlockQuoteA cite:empty {
display: none
}
.MC_articleBlockQuoteA ol,
.MC_articleBlockQuoteA ul {
clear: both
}
.MC_articleBlockQuoteA ol+p,
.MC_articleBlockQuoteA p+p,
.MC_articleBlockQuoteA ul+p {
margin-top: 8px
}
.MC_articleBlockQuoteA_quote:not(.MC_articleBlockQuoteA_outline) {
border-left: 3px solid #36b030;
margin: 16px 0;
padding: 0 16px
}
.MC_articleBlockQuoteA_quote:not(.MC_articleBlockQuoteA_outline)>p:first-child:before {
content: open-quote
}
.MC_articleBlockQuoteA_quote:not(.MC_articleBlockQuoteA_outline)>p:last-child:after {
content: close-quote
}
.MC_articleBlockQuoteA_quote:not(.MC_articleBlockQuoteA_outline)>p+p {
margin-top: 16px
}
.MC_articleBlockQuoteA_outline {
border: 10px solid var(--mc-theme-primary-color, var(--mc-core-rich-black));
margin: 20px;
padding: 16px;
position: relative
}
.MC_articleBlockQuoteA_outline:after,
.MC_articleBlockQuoteA_outline:before {
align-items: baseline;
background-color: var(--mc-blockquote-background-color, var(--mc-core-rich-black));
color: var(--mc-blockquote-color, var(--mc-core-white));
display: flex;
font-size: 40px;
height: 40px;
justify-content: center;
position: absolute;
width: 40px
}
.MC_articleBlockQuoteA_outline:before {
content: open-quote;
left: -25px;
top: -25px
}
.MC_articleBlockQuoteA_outline:after {
bottom: -23px;
content: close-quote;
right: -25px
}
.MC_articleBlockQuoteA_quote ul {
color: var(--mc-theme-primary-color, var(--mc-core-rich-black));
list-style-type: square;
margin-top: 8px;
padding: 0 0 0 16px
}
@media screen and (min-width:768px) {
.MC_articleBlockQuoteA_grid {
flex-basis: calc(100% - 200px)
}
}
.MC_articleGridA {
--grid-size: 1200px;
margin: 0 auto;
max-width: var(--grid-size);
padding-top: 32px
}
.MC_articleGridA:has(.MC_articleGridA_grid) {
display: flex;
flex-wrap: wrap;
justify-content: right
}
.MC_articleGridA_grid {
flex-basis: 100%;
padding: 0 16px;
text-align: left;
width: 100%
}
.MC_articleGridA .MC_Link_Style_RichText {
margin-top: 24px;
word-break: break-word
}
.MC_articleGridA_sectionRef {
height: 1px;
width: 100%
}
@media screen and (min-width:768px) {
.MC_articleGridA_grid {
flex-basis: calc(100% - 200px)
}
}
.MC_articleGridA_mediaBlock [class*=MC_Heading] {
margin-bottom: 8px
}
.MC_articleGridA_mediaBlock img {
display: block;
height: auto;
width: 100%
}
.MC_articleGridA_mediaBlock {
margin-top: 32px
}
.MC_articleGridA_mediaBlock:has(:first-child.article-media+.article-section :first-child.MC_imageBlockE) .article-section :first-child.MC_imageBlockE {
margin-top: 32px
}
.MC_articleGridA_mediaBlock:has(:first-child.article-media>:first-child.MC_imageBlockE) {
margin-top: 16px
}
.MC_articleGridA_mediaBlock .MC_Link_Style_RichText p {
margin-bottom: 16px
}
.MC_articleGridA_mediaBlock .article-media:has(.MC_imageBlockE_media_link__play) {
display: flex;
justify-content: center
}
.MC_articleGridA_mediaBlock .MC_imageBlockE:has(.MC_imageBlockE_media_link__play) {
background-color: var(--mc-vanilla-grey-6)
}
.MC_articleGridA .MC_Link_Style_RichText .text-small {
font-size: .875rem
}
.MC_articleGridA .MC_Link_Style_RichText {
word-wrap: break-word;
color: var(--mc-theme-primary-color, inherit)
}
.MC_articleGridA .MC_Link_Style_RichText ul {
list-style-type: square;
margin: 6px 0 12px;
padding-left: 32px
}
.MC_articleGridA .MC_Link_Style_RichText ul:has(+h2) {
margin-bottom: 0
}
.MC_articleGridA .MC_Link_Style_RichText h1 b,
.MC_articleGridA .MC_Link_Style_RichText h2 b,
.MC_articleGridA .MC_Link_Style_RichText h3 b,
.MC_articleGridA .MC_Link_Style_RichText h4 b,
.MC_articleGridA .MC_Link_Style_RichText h5 b,
.MC_articleGridA .MC_Link_Style_RichText h6 b {
font-weight: 400 !important
}
.MC_articleGridA_mediaBlock .MC_Link_Style_RichText h1+p,
.MC_articleGridA_mediaBlock .MC_Link_Style_RichText h2+p,
.MC_articleGridA_mediaBlock .MC_Link_Style_RichText h3+p,
.MC_articleGridA_mediaBlock .MC_Link_Style_RichText h4+p,
.MC_articleGridA_mediaBlock .MC_Link_Style_RichText h5+p,
.MC_articleGridA_mediaBlock .MC_Link_Style_RichText h6+p {
margin-top: 12px
}
.MC_blockquoteListA {
--font-color: #313131;
--box-color: #fff;
margin: 0 auto;
max-width: 1200px;
padding: 5rem 4.5rem
}
.MC_Fade__offset_top .MC_blockquoteListA {
padding-top: 2.5rem
}
.MC_blockquoteListA_header {
margin-bottom: 24px;
text-align: center
}
.MC_blockquoteListA_header_heading {
text-transform: uppercase !important
}
.MC_blockquoteListA_header_blurb {
margin: 6px 0 0
}
.MC_blockquoteListA_banner {
align-items: center;
display: flex;
gap: 2rem
}
.MC_blockquoteListA_banner:nth-child(odd) .MC_blockquoteListA_image-container {
order: 2
}
.MC_blockquoteListA_banner+.MC_blockquoteListA_banner {
margin-top: 32px
}
.MC_blockquoteListA_body [class*=MC_Heading],
.MC_blockquoteListA_body p {
color: var(--font-color)
}
.MC_blockquoteListA_body figure {
margin: 0
}
.MC_blockquoteListA_body figcaption {
word-wrap: break-word
}
.MC_blockquoteListA_banner aside {
background-color: var(--box-color);
max-width: 460px;
padding: 30px
}
.MC_blockquoteListA_banner figcaption [class*=MC_Heading] {
text-transform: uppercase !important
}
.MC_blockquoteListA_banner blockquote {
border: 0;
font-style: italic;
margin: 6px 0 0;
padding: 0;
quotes: "“" "”"
}
.MC_blockquoteListA_banner blockquote p {
margin: 0;
white-space: pre-wrap
}
.MC_blockquoteListA_banner blockquote p:before {
content: open-quote
}
.MC_blockquoteListA_banner blockquote p:after {
content: close-quote
}
.MC_blockquoteListA_image-container {
width: 100%
}
.MC_blockquoteListA_image-container picture {
display: block
}
.MC_blockquoteListA_image-poster {
max-width: 575px;
width: 100%
}
@media screen and (max-width:990px) {
.MC_blockquoteListA_banner {
display: block
}
.MC_blockquoteListA_image-poster {
max-width: none
}
.MC_blockquoteListA_body {
margin-top: 24px;
max-width: none
}
.MC_blockquoteListA_banner aside {
max-width: none
}
}
@media screen and (max-width:767.98px) {
.MC_blockquoteListA {
padding: 32px 2.5rem
}
}
[data-mc-ref=mc_comparisonGridA] {
padding-left: 60px;
padding-right: 60px
}
.MC_comparisonGridA {
margin: 0 auto;
max-width: 1920px;
padding-bottom: 48px
}
.MC_comparisonGridA_columns {
display: flex;
gap: 60px
}
.MC_comparisonGridA_column {
width: 33.33%
}
.MC_comparisonGridA_column .MC_Accordion_group {
border: 0;
padding: 2px 0 0
}
.MC_comparisonGridA_columns:has(.MC_comparisonGridA_column:nth-child(2)) .MC_comparisonGridA_column {
width: 50%
}
.MC_comparisonGridA_column_header {
--heading-color: var(--heading-color);
--font-color: var(--font-color);
border-bottom: 1px solid var(--mc-core-grey-4);
padding-bottom: 8px
}
.MC_comparisonGridA_column_header .MC_comparisonGridA_headingColor,
.MC_comparisonGridA_column_header [class*=MC_Heading] span {
color: var(--heading-color, var(--mc-theme-primary-color, var(--mc-core-rich-black)))
}
.MC_comparisonGridA_column_header p {
color: var(--font-color, var(--mc-theme-primary-color, var(--mc-core-rich-black)));
font-size: 1.125rem;
font-weight: 700;
letter-spacing: -.27px;
line-height: 27px
}
.MC_comparisonGridA_column_header .MC_Accordion_toggle {
background-color: transparent;
padding-right: 35px;
position: relative;
text-align: left
}
.MC_comparisonGridA_column_header .MC_Accordion_toggle:focus {
box-shadow: 0 0 0 .0625rem var(--mc-default-focus);
outline: .0625rem solid var(--mc-core-white)
}
.MC_comparisonGridA_column_header .MC_Accordion_toggle:after {
aspect-ratio: 14/8;
background-color: var(--mc-core-white);
clip-path: var(--mc-environment-arrow__down_clip-path);
content: "";
display: block;
position: absolute;
right: 5px;
top: 50%;
transform: translateY(-50%);
width: 14px
}
.MC_comparisonGridA_column_header .MC_Accordion_toggle[aria-expanded=true]:after {
transform: translateY(-50%) rotate(180deg)
}
@media screen and (max-width:1200px) {
.MC_comparisonGridA_columns {
gap: 24px
}
}
.MC_comparisonGridA_mobileView .MC_comparisonGridA_columns {
flex-direction: column;
gap: 48px
}
.MC_comparisonGridA_mobileView .MC_comparisonGridA_column {
width: 100% !important
}
@media screen and (max-width:767.98px) {
[data-mc-ref=mc_comparisonGridA] {
padding-left: 24px;
padding-right: 24px
}
.MC_comparisonGridA_columns {
flex-direction: column;
gap: 48px
}
.MC_comparisonGridA_column {
width: 100% !important
}
.MC_comparisonGridA_column_header [class*=MC_Heading] span {
display: block
}
.MC_comparisonGridA_column_header p {
font-size: 1rem
}
}
@media screen and (max-width:576px) {
[data-mc-ref=mc_comparisonGridA] {
padding-left: 16px;
padding-right: 16px
}
}
.MC_Accordion_content [data-mc-ref=mc_comparisonGridA] {
padding-left: 0;
padding-right: 0
}
.MC_Accordion_content [data-mc-ref=mc_comparisonGridA] .MC_cardK_tile p,
.MC_Accordion_content [data-mc-ref=mc_comparisonGridA] .MC_comparisonGridA_column_header p {
margin-bottom: 0
}
.MC_descriptionListA {
--text-columns: 2;
--grid-size: 1200px;
display: flex;
flex-wrap: wrap;
gap: 24px;
margin: 0 auto;
max-width: var(--grid-size);
padding: 5rem 4.5rem
}
.MC_Fade__offset_top .MC_descriptionListA {
padding-top: 2.5rem
}
.MC_descriptionListA_header {
flex-basis: 100%;
margin-bottom: 24px;
text-align: center
}
.MC_descriptionListA_header_heading {
text-transform: uppercase !important
}
.MC_descriptionListA_header_blurb {
margin: 6px 0 0
}
.MC_descriptionListA_body {
flex-basis: 100%
}
.MC_descriptionListA_body dl {
column-count: var(--text-columns);
column-gap: 32px
}
.MC_descriptionListA_body dt {
break-after: avoid;
break-inside: avoid;
margin-bottom: 6px
}
.MC_descriptionListA_body dd {
break-before: avoid;
break-inside: avoid;
margin: 0
}
.MC_descriptionListA_body dd p {
margin-bottom: 20px
}
.MC_descriptionListA_body [class*=MC_Heading] {
text-transform: uppercase
}
.MC_descriptionListA_body [class*=MC_Heading]:not([class*=MC_Heading_Font_]) {
font-family: var(--mc-default-fontlist);
font-weight: 700;
line-height: 28px
}
.MC_descriptionListA_ctaRow {
display: flex;
flex-basis: 100%;
flex-wrap: wrap;
gap: 20px;
justify-content: center
}
.MC_descriptionListA_ctaRow a {
flex-shrink: 0
}
@media screen and (max-width:767.98px) {
.MC_descriptionListA {
--text-columns: 1 !important;
padding-left: 2.5rem;
padding-right: 2.5rem
}
}
.MC_ExpandableA {
background: linear-gradient(0deg, rgba(0, 0, 0, .4) 0, rgba(0, 0, 0, .4) 100%), var(--mc-core-off-black, #171615);
box-shadow: inset 4px -4px 0 0 hsla(0, 0%, 100%, .1), inset -4px 4px 0 0 #000;
margin: 1.5rem auto 0;
min-height: var(--minHeight, "unset");
padding: 1.5rem
}
.MC_ExpandableA_title {
line-height: 1.75rem;
padding: 3rem 0 0;
width: 100%
}
.MC_ExpandableA_header {
align-items: baseline;
display: flex;
justify-content: space-between;
margin-bottom: 1rem
}
.MC_ExpandableA_heading {
font-size: .875rem;
letter-spacing: 1.12px;
margin-bottom: 0 !important;
margin-top: 0;
text-transform: uppercase
}
.MC_ExpandableA_toggle {
background-color: transparent;
border: none;
color: var(--mc-core-green-2);
margin: -.5rem -.5rem -.5rem .5rem;
padding: 0
}
.MC_ExpandableA_toggle:focus {
box-shadow: 0 0 0 .0625rem var(--mc-default-focus);
outline: .0625rem solid var(--mc-core-white);
outline-offset: 1px
}
.MC_ExpandableA_toggle_text {
display: block;
font-family: var(--mc-legends-fontlist);
font-size: .875rem;
font-weight: 400;
padding: .5rem;
position: relative;
text-align: left;
white-space: nowrap
}
.MC_ExpandableA_toggle_text:after {
background-color: var(--mc-core-green-2);
content: "";
display: inline-block;
height: 6px;
margin-left: 6px;
mask-image: var(--mc-environment-link-downarrow_svg-10x6);
-webkit-mask-image: var(--mc-environment-link-downarrow_svg-10x6);
transform: translateY(-50%);
width: 10px
}
.MC_ExpandableA_toggle[aria-disabled=true] {
color: var(--mc-core-grey-2)
}
.MC_ExpandableA_toggle[aria-disabled=true] .MC_ExpandableA_toggle_text:after {
background-color: var(--mc-core-grey-2)
}
.MC_ExpandableA_toggle[aria-expanded=true] .MC_ExpandableA_toggle_text:after {
transform: translateY(-50%) rotate(180deg)
}
.MC_ExpandableA_promo {
align-items: start;
display: flex;
flex-wrap: wrap;
gap: .375rem;
margin-bottom: 1rem
}
.MC_ExpandableA_promo__hidden {
display: none
}
.MC_ExpandableA_promo p {
display: inline-block;
font-size: .875rem;
margin: 0
}
.MC_ExpandableA_promo .MC_ExpandableA_promo_main {
color: var(--mc-core-green-2) !important;
font-weight: 700;
margin-right: .625rem;
text-transform: uppercase
}
.MC_ExpandableA_content p {
color: var(--mc-core-grey-1) !important;
margin-bottom: 1.3rem
}
.MC_ExpandableA_pills {
display: flex;
flex-wrap: wrap;
gap: .5rem;
list-style: none;
padding: 0
}
.MC_ExpandableA_pills .MC_pillA {
border-bottom: none
}
.MC_ExpandableA_content .MC_pillA_content p {
margin-bottom: 0
}
.MC_ExpandableA_pills .MC_pillA_content {
background: hsla(0, 0%, 100%, .1);
box-shadow: 0 1px 0 0 rgba(0, 0, 0, .25)
}
.MC_ExpandableA__showHide .MC_Link_Style_RichText {
display: -webkit-box;
-webkit-line-clamp: var(--maxLines, 8);
-webkit-box-orient: vertical;
overflow: hidden
}
@media screen and (max-width:576px) {
.MC_Layout_PDP .MC_ExpandableA {
margin-left: 1rem;
margin-right: 1rem
}
.MC_Layout_PDP .MC_ExpandableA_title {
padding-left: 1rem;
padding-right: 1rem
}
}
@media (forced-colors:active) {
.MC_ExpandableA {
border: 1px solid
}
.MC_ExpandableA .MC_pillA {
border-bottom: 1px solid
}
.MC_ExpandableA_toggle[aria-disabled=true],
.MC_ExpandableA_toggle_text:after {
background-color: currentColor;
border-width: 2px;
filter: invert(1)
}
.MC_ExpandableA_toggle:focus {
outline-offset: 2px;
outline-width: .2rem
}
}
.MC_imageGridA {
--grid-size: 1200px;
--grid-columns: 4;
margin: 0 auto;
max-width: var(--grid-size);
padding: 5rem 4.5rem
}
.MC_Fade__offset_top .MC_imageGridA {
padding-top: 2.5rem
}
.MC_imageGridA_Heading_Container {
text-align: center
}
.MC_imageGridA_Heading_Container [class*=MC_Heading] {
text-transform: uppercase
}
.MC_imageGridA_Heading_Container .MC_Glyph_Link_A {
margin-top: 16px
}
.MC_imageGridA_subheading {
margin-top: 6px
}
.MC_imageGridA_grid {
display: grid;
grid-gap: 32px;
grid-auto-flow: row dense;
grid-template-columns: repeat(var(--grid-columns), 1fr);
list-style: none;
margin: 55px 0 20px !important;
padding: 0;
width: 100%
}
@media screen and (min-width:1600px) and (max-width:1920px) {
.MC_imageGridA[style*="--grid-columns: 8"] .MC_imageGridA_grid,
.MC_imageGridA[style*="--grid-columns:8"] .MC_imageGridA_grid {
grid-template-columns: repeat(6, 1fr)
}
}
@media screen and (min-width:968px) and (max-width:1599.98px) {
.MC_imageGridA[style*="--grid-columns: 6"] .MC_imageGridA_grid,
.MC_imageGridA[style*="--grid-columns: 8"] .MC_imageGridA_grid,
.MC_imageGridA[style*="--grid-columns:6"] .MC_imageGridA_grid,
.MC_imageGridA[style*="--grid-columns:8"] .MC_imageGridA_grid {
grid-template-columns: repeat(4, 1fr)
}
}
.MC_imageGridA_tile {
border-bottom: 3px solid #4d4c4b;
box-sizing: border-box;
cursor: pointer;
grid-column-start: auto;
grid-row-start: auto;
height: 100%;
overflow: hidden;
position: relative;
width: auto
}
.MC_imageGridA .MC_imageGridA_tile a {
text-decoration-color: var(--mc-text-decoration-color, var(--mc-core-rich-black))
}
.MC_imageGridA .MC_imageGridA_tile a:focus,
.MC_imageGridA .MC_imageGridA_tile a:hover {
color: var(--mc-core-white) !important;
text-decoration-color: var(--mc-text-decoration-color, var(--mc-core-rich-black))
}
.MC_imageGridA_tile>a:focus .MC_imageGridA_picture,
.MC_imageGridA_tile>a:focus-visible .MC_imageGridA_picture,
.MC_imageGridA_tile>a:hover .MC_imageGridA_picture {
transform: scale(1.05)
}
.MC_imageGridA_tile>a:focus .MC_imageGridA_text,
.MC_imageGridA_tile>a:focus-visible .MC_imageGridA_text,
.MC_imageGridA_tile>a:hover .MC_imageGridA_text {
transform: translate3d(0, -99%, 0)
}
.MC_imageGridA_picture {
display: block;
transition: all .2s ease-in-out
}
.MC_imageGridA_picture img {
height: 100%;
width: 100%
}
.MC_imageGridA_text_container {
bottom: 0;
height: 0;
left: 0;
position: absolute;
width: 100%
}
.MC_imageGridA_text {
transform: translate3d(0, var(--grid-offset, -98px), 0);
transition: all .2s ease-in-out
}
.MC_imageGridA_text_category {
background-color: #fff;
box-shadow: 2px 2px 0 0 #0000004d;
color: #1d1e1e;
display: inline-block;
font-family: var(--mc-legends-fontlist);
font-size: .875rem;
font-style: normal;
font-weight: 400;
letter-spacing: .56px;
line-height: 18px;
padding: 0 4px 1px;
text-align: center;
text-transform: uppercase;
z-index: 1
}
.MC_imageGridA_text_caption {
background-color: rgba(23, 22, 21, .8);
display: block;
min-height: 120px;
padding: .875rem .75rem .25rem;
text-align: left
}
.MC_imageGridA_text_caption [class*=MC_Heading] {
color: var(--font-color, var(--mc-core-white)) !important;
font-weight: 400;
letter-spacing: .6px;
line-height: 24px;
padding-bottom: 2px
}
.MC_imageGridA_text_caption [class*=MC_Heading]:not([class*=MC_Heading_Font_]) {
font-family: var(--mc-legends-fontlist)
}
.MC_imageGridA_tile.MC_imageGridA_fontOffset [class*=MC_Heading] {
font-size: 1rem
}
.MC_imageGridA_tile a:focus [class*=MC_Heading],
.MC_imageGridA_tile a:hover [class*=MC_Heading] {
color: var(--font-color, var(--mc-core-white)) !important
}
.MC_imageGridA_text_category+[class*=MC_Heading] {
margin-top: 6px
}
.MC_imageGridA_tile>a:focus .MC_imageGridA_text_caption [class*=MC_Heading],
.MC_imageGridA_tile>a:focus-visible .MC_imageGridA_text_caption [class*=MC_Heading],
.MC_imageGridA_tile>a:hover .MC_imageGridA_text_caption [class*=MC_Heading] {
max-height: none;
overflow: visible
}
.MC_imageGridA_blurb {
color: var(--mc-core-white) !important;
display: -webkit-box;
-webkit-line-clamp: 3;
margin: 8px 0 0;
opacity: 0;
overflow: hidden;
transition: opacity .2s ease-in;
visibility: hidden;
-webkit-box-orient: vertical;
font-size: .875rem
}
.MC_imageGridA_tile>a:focus-visible:before,
.MC_imageGridA_tile>a:focus:before {
border: 1px solid var(--mc-core-white);
content: "";
display: block;
height: 100%;
left: 0;
outline: 2px solid var(--mc-default-focus);
outline-offset: -3px;
position: absolute;
top: 0;
width: 100%;
z-index: 2
}
.MC_imageGridA_tile>a:focus .MC_imageGridA_blurb,
.MC_imageGridA_tile>a:focus-visible .MC_imageGridA_blurb,
.MC_imageGridA_tile>a:hover .MC_imageGridA_blurb {
opacity: 1;
visibility: visible
}
.MC_Style_bg[data-mc-ref=mc_grids_imageGridA] {
--tiled-background: none;
--bottom-background: none;
background-image: var(--bottom-background), var(--tiled-background);
background-position: bottom, 50%;
background-repeat: repeat-x, repeat
}
.MC_imageGridA_tile-size-1x2 .MC_imageGridA_picture {
height: 100%
}
.MC_imageGridA_tile-size-1x1 {
aspect-ratio: 1/1
}
.MC_imageGridA_tile-size-1x2 {
grid-row-end: span 2;
height: 100%
}
.MC_imageGridA_tile-size-2x1 {
aspect-ratio: 516/246;
grid-column-end: span 2
}
.MC_imageGridA_tile-size-2x2 {
aspect-ratio: 1/1;
grid-column-end: span 2;
grid-row-end: span 2
}
.MC_imageGridA_tile-size-4x2 {
grid-column-end: span 4;
grid-row-end: span 2
}
@media screen and (max-width:967.98px) {
.MC_imageGridA_grid {
grid-template-columns: repeat(2, 1fr)
}
.MC_imageGridA_tile-size-4x2 {
grid-column-end: span 2;
grid-row-end: span 2
}
}
@media screen and (max-width:767.98px) {
.MC_imageGridA {
padding-left: 2.5rem;
padding-right: 2.5rem
}
.MC_imageGridA_grid {
grid-template-columns: repeat(2, 1fr)
}
}
@media screen and (max-width:574px) {
.MC_imageGridA_grid {
grid-template-columns: repeat(1, 1fr)
}
.MC_imageGridA_tile-size-2x1 {
aspect-ratio: 1/1;
grid-column-end: span 1
}
.MC_imageGridA_tile-size-2x2,
.MC_imageGridA_tile-size-4x2 {
grid-column-end: span 1;
grid-row-end: span 1
}
}
.MC_imageGridA_actions {
text-align: center
}
.MC_imageGridA .MC_Animations_loadingIconA {
margin: -40px 0 40px;
text-align: center
}
@media screen and (max-width:574px) {
[data-mc-ref=mc_grids_imageGridA][style*="--cinematic-scene"] .MC_imageGridA_tile-size-2x1 {
aspect-ratio: 516/246
}
}
[data-mc-ref=mc_grids_imageGridA][style*="--cinematic-scene"] .MC_imageGridA {
padding-bottom: 350px;
padding-top: 160px
}
@media screen and (min-width:768px) {
[data-mc-ref=mc_grids_imageGridA][style*="--cinematic-scene:"] .MC_imageGridA_grid {
margin-bottom: 80px !important
}
}
[data-mc-ref=mc_grids_imageGridA][style*="--cinematic-scene: scene-1;"],
[data-mc-ref=mc_grids_imageGridA][style*="--cinematic-scene:scene-1;"] {
--tiled-background: url(/content/dam/minecraftnet/franchise/component-library/homepage/imageGridA/takeover/Homepage_15ya-Newest-News-Background_TabletMobile_765x1000.png);
--bottom-background: url(/content/dam/minecraftnet/franchise/component-library/homepage/imageGridA/takeover/Homepage_15ya-Newest-News-Foreground_Mobile_765x186.png);
background-image: var(--bottom-background), var(--tiled-background), linear-gradient(180deg, #1486ff 3.84%, #6cbeff 79.64%);
background-position: bottom, center 80px;
background-repeat: repeat-x, no-repeat
}
@media screen and (min-width:768px) {
[data-mc-ref=mc_grids_imageGridA][style*="--cinematic-scene: scene-1;"],
[data-mc-ref=mc_grids_imageGridA][style*="--cinematic-scene:scene-1;"] {
--tiled-background: url(/content/dam/minecraftnet/franchise/component-library/homepage/imageGridA/takeover/Homepage_15ya-Newest-News-Background_Desktop_3540x900.png);
--bottom-background: url(/content/dam/minecraftnet/franchise/component-library/homepage/imageGridA/takeover/Homepage_15ya-Newest-News-Foreground_DesktopSMTablet_2655x261.png)
}
}
@media screen and (min-width:2655px) {
[data-mc-ref=mc_grids_imageGridA][style*="--cinematic-scene: scene-1;"],
[data-mc-ref=mc_grids_imageGridA][style*="--cinematic-scene:scene-1;"] {
--bottom-background: url(/content/dam/minecraftnet/franchise/component-library/homepage/imageGridA/takeover/Homepage_15ya-Newest-News-Foreground_Desktop_3540x348.png)
}
}
[data-mc-ref=mc_imageListA] {
border-bottom: 2px solid #262423;
padding-left: 60px;
padding-right: 60px
}
.MC_imageListA {
--grid-size: 1280px;
gap: 16px;
margin: 0 auto;
max-width: var(--grid-size);
padding: 32px 0
}
.MC_imageListA_header {
margin-bottom: 16px;
padding: 0 24px;
text-align: center
}
.MC_Core_HeadingStyle[class*=MC_Theme_] .MC_imageListA_header [class*=MC_Heading] {
letter-spacing: .96px
}
.MC_imageListA_list {
align-items: center;
flex-direction: column;
padding: 0 24px
}
.MC_imageListA_list ul {
column-gap: 24px;
display: flex;
flex-wrap: wrap;
justify-content: center;
list-style-type: none;
padding: 0
}
.MC_imageListA_list li {
align-items: center;
align-self: stretch;
column-gap: 24px;
display: flex;
flex-basis: calc(33.33% - 16px);
padding: 24px 0
}
.MC_imageListA_list_assetContainer {
align-self: baseline;
flex-basis: 80px
}
.MC_imageListA_list_contentContainer {
align-items: flex-start;
align-self: stretch;
display: flex;
flex: 1 0 0;
flex-direction: column;
gap: 8px;
justify-content: center
}
.MC_imageListA_list_contentContainer [class*=MC_Heading] {
font-family: var(--mc-default--fontlist) !important;
font-size: 1.125rem !important;
font-weight: 700;
letter-spacing: -.27px;
line-height: 1.25rem !important;
line-height: normal
}
.MC_imageListA_list_contentContainer p {
color: var(--mc-core-grey-3) !important;
font-size: .875rem;
font-style: normal;
font-weight: 400;
line-height: 20px
}
@media screen and (max-width:1280px) {
.MC_imageListA_list {
padding: 0
}
.MC_imageListA_list li {
flex-basis: calc(50% - 12px)
}
}
@media screen and (max-width:1000px) {
[data-mc-ref=mc_imageListA] {
padding-left: 24px;
padding-right: 24px
}
}
@media screen and (max-width:767.98px) {
.MC_imageListA_list li {
flex-basis: 100%;
padding: 16px 0
}
}
.MC_layoutGridA {
--grid-size: 1920px;
margin: 0 auto;
max-width: var(--grid-size);
padding: 0 60px
}
[class*=MC_Tabs] .MC_layoutGridA {
padding: 0
}
.MC_layoutGridA_row {
display: flex;
gap: 24px
}
.MC_layoutGridA_row_cols-2>.MC_layoutGridA_col {
flex-basis: 50%;
max-width: 50%
}
@media screen and (max-width:1000px) {
.MC_layoutGridA {
padding: 0 24px
}
.MC_layoutGridA_row {
flex-wrap: wrap
}
.MC_layoutGridA_row_cols-2>.MC_layoutGridA_col {
flex-basis: 100%;
max-width: 100%
}
}
[data-mc-ref=mc_layoutGridB] {
--background-color: var(--mc-core-grey-2);
--background-images: none;
--background-custom-color: none;
--grid-size: 1920px;
--column-gap-size: 24px;
--row-gap-size: 24px;
background: var(--background-images), var(--background-custom-color), var(--background-color);
padding-left: 60px;
padding-right: 60px
}
[data-mc-ref=mc_layoutGridB]:not(:has(.MC_layoutGridB_column+.MC_layoutGridB_column)) {
padding-left: 0;
padding-right: 0
}
.MC_layoutGridB {
margin: auto;
max-width: var(--grid-size)
}
.MC_layoutGridB_row {
margin-bottom: var(--row-gap-size);
width: 100%
}
.MC_layoutGridB_2ColGroup,
.MC_layoutGridB_row {
column-gap: var(--column-gap-size);
display: flex;
flex-direction: row;
row-gap: var(--row-gap-size)
}
.MC_layoutGridB_2ColGroup {
flex: 1
}
.MC_layoutGridB_column {
align-items: center;
display: flex;
flex: 1;
flex-direction: column
}
@media screen and (max-width:1000px) {
.MC_layoutGridB_row {
flex-direction: column
}
}
@media screen and (max-width:767.98px) {
[data-mc-ref=mc_layoutGridB] {
padding-left: 24px;
padding-right: 24px
}
[data-mc-ref=mc_layoutGridB]:not(:has(.MC_layoutGridB_column+.MC_layoutGridB_column)) {
padding-left: 0;
padding-right: 0
}
.MC_layoutGridB_2ColGroup {
flex-direction: column
}
}
@media screen and (max-width:576px) {
[data-mc-ref=mc_layoutGridB] {
padding-left: 16px;
padding-right: 16px
}
[data-mc-ref=mc_layoutGridB]:not(:has(.MC_layoutGridB_column+.MC_layoutGridB_column)) {
padding-left: 0;
padding-right: 0
}
}
.MC_linkListA {
--grid-columns: 4;
--grid-size: 1440px;
margin: 0 auto;
max-width: var(--grid-size);
padding: 2rem 1rem
}
@media screen and (width <=780px) {
.MC_linkListA {
--grid-columns: 2
}
}
@media screen and (width <=540px) {
.MC_linkListA {
--grid-columns: 1
}
}
.MC_linkListA_body {
column-gap: 24px;
display: grid;
grid-template-columns: repeat(var(--grid-columns), 1fr);
row-gap: 32px
}
.MC_linkListA dl>* {
break-after: avoid;
break-inside: avoid;
padding: 12px 8px
}
.MC_linkListA dt {
padding: 6px 8px 16px 0
}
.MC_linkListA dt [class*=MC_Heading] {
color: var(--mc-core-grey-2) !important
}
.MC_linkListA dd {
border-bottom: 1px solid var(--mc-core-grey-5);
margin: 0
}
.MC_linkListA dd a {
color: var(--mc-core-white);
font-family: var(--mc-legends-fontlist);
font-size: .875rem;
line-height: 1.125rem;
text-decoration: none
}
.MC_linkListA dd a:hover {
text-decoration: underline
}
.MC_linkListA dd a:after {
background-color: var(--mc-core-green-2)
}
[data-mc-ref=mc_linkListB] {
padding-left: 60px;
padding-right: 60px
}
[data-mc-ref=mc_linkListB]:not(.MC_Fade__offset_top) {
padding-top: 48px
}
.MC_linkListB {
display: flex;
flex-flow: column;
gap: 24px;
--grid-size: 1920px;
margin: 0 auto;
max-width: var(--grid-size);
padding-bottom: 32px
}
.MC_linkListB_list {
display: flex;
flex-flow: column;
gap: 16px;
list-style-type: none;
margin: 0 !important;
padding: 0
}
@media screen and (max-width:767.98px) {
[data-mc-ref=mc_linkListB] {
padding-left: 24px;
padding-right: 24px
}
}
@media screen and (min-width:577px) {
.MC_TabsB [data-mc-ref=mc_linkListB] {
padding-left: 0;
padding-right: 0
}
}
[data-mc-ref=mc_linkListC] {
padding-left: 60px;
padding-right: 60px
}
.MC_linkListC {
align-items: flex-start;
display: flex;
flex-direction: column;
gap: 24px;
margin: 0 auto;
max-width: 2380px;
padding: 48px 0 2px
}
.MC_linkListC_tiles {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 24px;
justify-content: center;
list-style-type: none;
padding: 0;
width: 100%
}
.MC_linkListC_tile {
align-items: flex-start;
background: linear-gradient(0deg, rgba(0, 0, 0, .35), rgba(0, 0, 0, .35)), #171615;
box-shadow: inset -4px 4px 0 0 rgba(0, 0, 0, .3), inset 4px -4px 0 0 #3d3938;
display: flex;
flex: 1 0 0;
flex-direction: column;
gap: 12px;
min-width: 193px;
padding: 16px;
text-decoration: none !important
}
.MC_linkListC_tile:hover {
background: linear-gradient(180deg, rgba(255, 196, 43, 0) 50%, rgba(255, 196, 43, .25) 90.5%), linear-gradient(180deg, #171615, #000 100.05%);
box-shadow: inset 4px -4px 2px 0 #f9dc66, inset 0 4px 0 0 #f9dc66, inset -4px -4px 0 0 #fbbc26, inset 0 0 24px 0 rgba(255, 208, 43, .35), 0 0 32px 0 rgba(255, 196, 43, .4)
}
.MC_linkListC_tile:hover .MC_linkListC_tileHeading {
text-decoration: underline
}
.MC_linkListC_tileHeading {
font-family: var(--mc-legends-fontlist) !important;
font-size: 1.25rem;
font-style: normal;
font-weight: 400;
line-height: 24px;
text-transform: capitalize;
word-break: break-all
}
@media screen and (max-width:767.98px) {
[data-mc-ref=mc_linkListC] {
padding-left: 24px;
padding-right: 24px
}
}
@media screen and (max-width:576px) {
[data-mc-ref=mc_linkListC] {
padding-left: 16px;
padding-right: 16px
}
.MC_linkListC_tiles>li {
flex-basis: 100%
}
.MC_linkListC_tile {
align-items: center;
flex-direction: row
}
.MC_linkListC_tile svg {
position: relative;
top: 1px
}
}
@media (forced-colors:active) {
.MC_linkListC_tile {
outline: 2px solid
}
.MC_linkListC_tile:focus {
outline: 4px solid !important
}
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
.MC_linkListC_tile svg {
filter: invert(1)
}
}
.MC_tableOfContentsA {
--grid-size: 1200px;
margin: 0 auto;
max-width: var(--grid-size);
padding-top: 32px
}
.MC_tableOfContentsA nav {
padding-top: 24px
}
.MC_tableOfContentsA ul {
color: var(--mc-theme-primary-color, var(--mc-core-rich-black));
list-style-type: square;
margin: 0;
padding: 0 0 16px 19px
}
.MC_tableOfContentsA ul li {
padding-bottom: 8px
}
.MC_tableOfContentsA:has(.MC_tableOfContentsA_grid) {
display: flex;
flex-wrap: wrap;
justify-content: right
}
.MC_tableOfContentsA_grid {
flex-basis: 100%;
padding: 0 16px;
text-align: left;
width: 100%
}
@media screen and (min-width:768px) {
.MC_tableOfContentsA_grid {
flex-basis: calc(100% - 200px)
}
}
.MC_titleA {
--grid-size: 1920px;
background-color: inherit;
margin: 0 auto;
max-width: var(--grid-size);
padding-left: 60px;
padding-right: 60px;
padding-top: 32px;
width: 100%
}
@media screen and (max-width:1000px) {
.MC_titleA {
padding-left: 24px;
padding-right: 24px
}
}
@media screen and (max-width:576px) {
.MC_titleA {
padding: 24px 16px 0
}
}
.MC_TabsB .MC_titleA {
padding-left: 0;
padding-right: 0
}
@media screen and (max-width:576px) {
.MC_TabsB .MC_titleA {
padding-left: 16px;
padding-right: 16px
}
}
.MC_ambientHeroACarousel {
--sticky-header-height: 128px;
--grid-size: 2560px;
--content-box-width: 325px;
--content-box-offset: 4;
--thumbnail-gap: 8px;
--thumbnail-width: 51px;
--thumbnail-height: 51px;
--slide-count: 1;
--thumbMaxWidth: calc(20% - 24px);
max-width: var(--grid-size)
}
@media screen and (min-width:768px) {
.MC_ambientHeroACarousel {
--content-box-width: 325px;
--thumbnail-gap: 24px;
--thumbnail-width: 64px;
--thumbnail-height: 64px
}
}
@media screen and (min-width:900px) {
.MC_ambientHeroACarousel {
--content-box-width: 436px
}
}
@media screen and (min-width:1200px) {
.MC_ambientHeroACarousel {
--content-box-width: 436px;
--thumbnail-width: 104px;
--thumbnail-height: 96px
}
}
@media screen and (min-width:1440px) {
.MC_ambientHeroACarousel {
--thumbnail-width: 120px;
--content-box-width: 584px
}
}
@media screen and (min-width:1920px) {
.MC_ambientHeroACarousel {
--thumbnail-width: 219px
}
}
.MC_ambientHeroACarousel .MC_Carousel_controls {
display: none !important;
display: none;
margin: 24px auto 40px;
text-align: center
}
.MC_ambientHeroACarousel .MC_Carousel_track_wrapper {
z-index: 2
}
.MC_ambientHeroACarousel .MC_Carousel_track_wrapper .MC_Carousel_controls {
display: flex;
left: 0;
margin: 0;
position: absolute;
right: 0;
top: 0;
top: calc(40vw - 39.2px);
transform: unset;
width: 100%;
z-index: 1
}
.MC_ambientHeroACarousel .MC_Carousel_controls_button {
margin: 0
}
.MC_ambientHeroACarousel .MC_Carousel_controls_button[aria-disabled=true] {
opacity: .3
}
.MC_ambientHeroACarousel .MC_Carousel_controls_button__next {
margin-left: auto
}
@media screen and (min-width:960px) {
.MC_ambientHeroACarousel .MC_Carousel_track_wrapper .MC_Carousel_controls {
display: flex;
left: -20px;
margin: 0;
text-align: left;
top: 50%;
transform: translateY(-50%);
width: calc(100% - 564px)
}
}
@media screen and (min-width:1200px) {
.MC_ambientHeroACarousel .MC_Carousel_track_wrapper .MC_Carousel_controls {
display: flex;
left: 24px;
margin: 0;
text-align: left;
top: 50%;
transform: translateY(-50%);
width: calc(100% - var(--content-box-width) - 60px)
}
}
@media screen and (min-width:1920px) {
.MC_ambientHeroACarousel .MC_Carousel_track_wrapper .MC_Carousel_controls {
left: 32px;
width: calc(100% - var(--content-box-width) - 76px)
}
}
.MC_ambientHeroACarousel:has(.MC_Carousel_track_slide:nth-child(2)) {
--slide-count: 2;
--content-box-offset: 3
}
.MC_ambientHeroACarousel:has(.MC_Carousel_track_slide:nth-child(3)) {
--slide-count: 3;
--content-box-offset: 2
}
.MC_ambientHeroACarousel:has(.MC_Carousel_track_slide:nth-child(4)) {
--slide-count: 4;
--content-box-offset: 1
}
.MC_ambientHeroACarousel:has(.MC_Carousel_track_slide:nth-child(5)) {
--slide-count: 5;
--content-box-offset: 0
}
.MC_Carousel.MC_ambientHeroACarousel .MC_Carousel_controls_button:focus,
.MC_Carousel.MC_ambientHeroACarousel .MC_Carousel_controls_button:focus-visible {
box-shadow: 0 0 0 2px var(--mc-core-white);
outline-offset: -1px
}
.MC_ambientHeroACarousel .MC_Carousel_track_slider {
transform: none !important
}
.MC_ambientHeroACarousel .MC_Carousel_track {
margin: 0 auto;
position: relative;
width: 100%
}
@media screen and (min-width:768px) {
.MC_ambientHeroACarousel .MC_Carousel_track {
margin-bottom: 0;
padding-bottom: 0
}
}
@media screen and (min-width:960px) {
.MC_ambientHeroACarousel .MC_Carousel_track {
min-height: 300px;
width: 100%
}
}
.MC_ambientHeroACarousel .MC_Carousel_track_slide {
display: none;
width: 100%
}
.MC_ambientHeroACarousel .MC_Carousel_track_slide__active {
display: block
}
.MC_ambientHeroACarousel .MC_Carousel_track_slide_text_wrapper {
margin: 0 auto;
width: 100%
}
.MC_ambientHeroACarousel .MC_Carousel_track_slide_text_fade {
border-bottom: 1px solid var(--mc-core-off-black);
display: none;
height: 135px;
overflow: hidden;
position: absolute;
top: -134px;
width: var(--content-box-width)
}
.MC_ambientHeroACarousel .MC_Carousel_track_slide_text_fade:after,
.MC_ambientHeroACarousel .MC_Carousel_track_slide_text_fade:before {
content: "";
display: block;
height: 100%;
position: absolute;
right: -1px;
top: 0;
width: 586px
}
.MC_ambientHeroACarousel .MC_Carousel_track_slide_text_fade:before {
background-color: var(--mc-core-off-black);
clip-path: polygon(0 0, 0 90px, 405px 90px, 405px 49px, 450px 49px, 450px 90px, 495px 90px, 495px 49px, 540px 49px, 540px 4px, 585px 4px, 585px 45px, 540px 45px, 540px 90px, 585px 90px, 585px 135px, 495px 135px, 0 135px, 0 90px);
z-index: 2
}
.MC_ambientHeroACarousel .MC_Carousel_track_slide_text_fade:after {
background-color: var(--mc-core-grey-5);
clip-path: polygon(405px 90px, 0 90px, 0 86px, 405px 86px, 405px 45px, 450px 45px, 450px 86px, 495px 86px, 495px 45px, 540px 45px, 540px 0, 585px 0, 585px 45px, 540px 45px, 540px 86px, 585px 86px, 585px 135px, 495px 135px, 0 135px, 0 90px);
z-index: 1
}
@media screen and (min-width:767.98px) {
.MC_ambientHeroACarousel .MC_Carousel_track_slide_text_fade {
display: block
}
}
@media screen and (min-width:1200px) {
.MC_ambientHeroACarousel .MC_Carousel_track_slide_text_fade:after,
.MC_ambientHeroACarousel .MC_Carousel_track_slide_text_fade:before {
width: 586px
}
.MC_ambientHeroACarousel .MC_Carousel_track_slide_text_fade:before {
clip-path: polygon(0 0, 0 90px, 405px 90px, 405px 49px, 450px 49px, 450px 90px, 495px 90px, 495px 49px, 540px 49px, 540px 4px, 585px 4px, 585px 45px, 540px 45px, 540px 90px, 585px 90px, 585px 135px, 495px 135px, 0 135px, 0 90px)
}
.MC_ambientHeroACarousel .MC_Carousel_track_slide_text_fade:after {
clip-path: polygon(405px 90px, 0 90px, 0 86px, 405px 86px, 405px 45px, 450px 45px, 450px 86px, 495px 86px, 495px 45px, 540px 45px, 540px 0, 585px 0, 585px 45px, 540px 45px, 540px 86px, 585px 86px, 585px 135px, 495px 135px, 0 135px, 0 90px)
}
}
.MC_ambientHeroACarousel .MC_Carousel_track_slide_text_box {
background-color: var(--mc-core-off-black);
border-top: 2px solid var(--mc-core-grey-5);
left: 0;
margin: 0 24px;
position: unset;
position: relative;
text-align: center;
top: -48px;
width: calc(100% - 48px);
word-break: break-word
}
.MC_ambientHeroACarousel .MC_Carousel_track_slide_ctaBox a {
margin-top: 24px
}
.MC_ambientHeroACarousel .MC_Carousel_track_slide_ctaBox a+a {
margin-left: 16px
}
.MC_ambientHeroACarousel .MC_Carousel_track_slide_ctaBox .MC_Link_Accent {
color: var(--mc-core-white)
}
.MC_ambientHeroACarousel .MC_Carousel_track_slide_ctaBox .MC_Link_Accent:after,
.MC_ambientHeroACarousel .MC_Carousel_track_slide_ctaBox .MC_Link_Accent:hover:after {
background-color: var(--mc-core-white)
}
.MC_ambientHeroACarousel .MC_Carousel_track_slide_text_content {
padding: 24px 11px 16px;
width: 100%
}
.MC_ambientHeroACarousel .MC_Carousel_track_slide_text_content [class*=MC_Heading]:not([class*=MC_Heading_Font_]) {
font-family: var(--mc-legends-fontlist)
}
.MC_ambientHeroACarousel .MC_Carousel_track_slide_text_content [class*=MC_Heading] {
color: var(--mc-core-white)
}
.MC_ambientHeroACarousel .MC_Carousel_track_slide_text_content p {
color: var(--mc-core-grey-2);
margin-top: 16px
}
@media screen and (min-width:767.98px) {
.MC_ambientHeroACarousel .MC_Carousel_track_slide_text_box {
border: 0;
bottom: -88px;
left: unset;
margin: 0;
padding-top: 5px;
position: absolute;
right: calc(50% + (var(--thumbnail-width) + var(--thumbnail-gap)/2)*var(--slide-count)/4);
text-align: left;
top: unset;
transform: translateX(calc(50% - 30px - (var(--thumbnail-width) + var(--thumbnail-gap)/2)*var(--slide-count)/4));
width: var(--content-box-width)
}
.MC_ambientHeroACarousel .MC_Carousel_track_slide_text_content {
min-height: 150px;
padding: 0 24px
}
}
@media screen and (min-width:1200px) {
.MC_ambientHeroACarousel .MC_Carousel_track_slide_text_box {
bottom: -120px
}
}
@media screen and (min-width:1440px) {
.MC_ambientHeroACarousel .MC_Carousel_track_slide_text_content {
padding: 0 0 16px 45px;
width: 76.92%
}
}
.MC_ambientHeroACarousel .MC_Carousel_track_slide_media {
align-items: center;
border-bottom: 4px solid var(--mc-core-grey-5);
display: inline-flex;
flex-basis: calc(100% - var(--content-box-width));
justify-content: center;
margin: 0;
padding: 0;
width: 100%
}
.MC_ambientHeroACarousel .MC_Carousel_track_slide_media_link:focus-visible {
box-shadow: inset 1px 1px 0 0 var(--mc-core-white), inset 1px -1px 0 0 var(--mc-core-white), inset -1px -1px 0 0 var(--mc-core-white), inset -1px 1px 0 0 var(--mc-core-white), inset 3px 3px 0 0 var(--mc-default-focus), inset 3px -3px 0 0 var(--mc-default-focus), inset -3px -3px 0 0 var(--mc-default-focus), inset -3px 3px 0 0 var(--mc-default-focus);
outline: none
}
@media screen and (min-width:767.98px) {
.MC_ambientHeroACarousel .MC_Carousel_track_slide_media {
justify-content: left;
max-height: calc(934px - var(--sticky-header-height));
overflow: hidden;
position: relative;
width: 100%
}
}
@media screen and (min-width:1440px) {
.MC_ambientHeroACarousel .MC_Carousel_track_slide_media {
max-height: calc(906px - var(--sticky-header-height))
}
}
.MC_ambientHeroACarousel .MC_Carousel_track_slide_media picture {
display: block;
margin: 0 auto;
max-width: max-content;
position: relative;
--image-width: 540px;
--image-height: 540px;
max-height: calc(50vh - 112px + var(--sticky-header-height));
min-height: 325px
}
.MC_ambientHeroACarousel .MC_Carousel_track_slide_media picture img {
height: 100%;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%)
}
@media screen and (min-width:767.98px) {
.MC_ambientHeroACarousel .MC_Carousel_track_slide_media picture {
--image-width: 1080px;
--image-height: 1080px;
max-height: 720px
}
}
@media screen and (min-width:1200px) {
.MC_ambientHeroACarousel .MC_Carousel_track_slide_media picture {
--image-width: 1800px;
--image-height: 1080px;
max-height: calc(100vh - 144px - var(--sticky-header-height));
min-height: 500px
}
}
@media screen and (min-width:1440px) {
.MC_ambientHeroACarousel .MC_Carousel_track_slide_media picture {
--image-width: 1920px;
--image-height: 1080px;
max-height: 700px;
min-height: 600px
}
}
@media screen and (min-width:1920px) {
.MC_ambientHeroACarousel .MC_Carousel_track_slide_media picture {
--image-width: 2560px;
--image-height: 932px;
max-height: calc(100vh - 120px - var(--sticky-header-height));
min-height: 700px
}
}
.MC_ambientHeroACarousel .MC_Carousel_track_slide_media picture,
.MC_ambientHeroACarousel .MC_Carousel_track_slide_media picture img {
height: var(--image-height);
width: var(--image-width)
}
.MC_ambientHeroACarousel .MC_video_toggle {
display: none
}
.MC_ambientHeroACarousel .MC_Carousel_track_slide_media>section {
width: 100%
}
.MC_ambientHeroACarousel .MC_Carousel_track_slide_media .MC_videoA {
display: block;
margin: 0 auto;
position: relative;
--video-width: 540px;
--video-height: 540px;
max-height: calc(50vh - 112px - var(--sticky-header-height));
max-width: max-content;
min-height: 496px;
min-width: 100%
}
.MC_ambientHeroACarousel .MC_Carousel_track_slide_media .MC_videoA video {
height: 100%;
left: 50%;
max-height: 60vh;
min-width: 325px;
position: absolute;
top: 50%;
transform: translate(-50%, -50%)
}
@media screen and (min-width:767.98px) {
.MC_ambientHeroACarousel .MC_Carousel_track_slide_media .MC_videoA {
--video-width: 1200px;
--video-height: 720px;
max-height: calc(100vh - 112px - var(--sticky-header-height));
min-height: 720px
}
.MC_ambientHeroACarousel .MC_Carousel_track_slide_media .MC_videoA video {
max-height: unset
}
}
@media screen and (min-width:1200px) {
.MC_ambientHeroACarousel .MC_Carousel_track_slide_media .MC_videoA {
--video-width: 1800px;
--video-height: 1080px;
max-height: calc(100vh - 144px - var(--sticky-header-height));
min-height: 500px
}
}
@media screen and (min-width:1440px) {
.MC_ambientHeroACarousel .MC_Carousel_track_slide_media .MC_videoA {
--video-width: 1920px;
--video-height: 700px;
max-height: calc(100vh - 120px - var(--sticky-header-height));
min-height: 700px
}
}
@media screen and (min-width:1920px) {
.MC_ambientHeroACarousel .MC_Carousel_track_slide_media .MC_videoA {
--video-width: 2560px;
--video-height: 932px
}
}
.MC_ambientHeroACarousel .MC_Carousel_track_slide_media .MC_videoA,
.MC_ambientHeroACarousel .MC_Carousel_track_slide_media .MC_videoA video {
height: var(--video-height);
width: var(--video-width)
}
@media screen and (min-width:1200px) and (max-width:1439.97px) and (min-height:832px) {
@media screen and (min-height:832px) {
.MC_ambientHeroACarousel .MC_video_rollupToggle {
top: 60px
}
}
@media screen and (min-height:932px) {
.MC_ambientHeroACarousel .MC_video_rollupToggle {
top: 120px
}
}
}
@media screen and (min-width:1920px) and (min-height:832px) {
@media screen and (min-height:832px) {
.MC_ambientHeroACarousel .MC_video_rollupToggle {
top: 60px
}
}
@media screen and (min-height:932px) {
.MC_ambientHeroACarousel .MC_video_rollupToggle {
top: 80px
}
}
}
.MC_ambientHeroACarousel .MC_Carousel_thumbs_wrapper {
margin: 0 auto 24px;
width: calc(100% - 120px)
}
.MC_ambientHeroACarousel .MC_Carousel_thumbs {
--backgroundColor: var(--mc-core-grey-6);
--borderColor: var(--mc-core-grey-2);
display: inline-flex;
justify-content: left;
margin: 0;
transform-box: fill-box;
transform-origin: center;
width: 100%;
z-index: 2
}
.MC_ambientHeroACarousel .MC_Carousel_thumbs_track {
align-items: end;
cursor: pointer;
gap: var(--thumbnail-gap);
justify-content: center;
transform: none !important;
width: 100%
}
.MC_ambientHeroACarousel .MC_Carousel_thumbs_slide {
background-color: transparent;
border: 2px solid transparent;
box-sizing: border-box;
cursor: pointer;
margin: 0;
max-width: var(--thumbnail-width);
min-height: var(--thumbnail-height);
overflow: hidden;
padding: 0;
position: relative;
width: var(--thumbnail-width)
}
.MC_ambientHeroACarousel .MC_Carousel_thumbs_slide:focus,
.MC_ambientHeroACarousel .MC_Carousel_thumbs_slide:focus-visible {
--borderColor: var(--mc-default-focus)
}
.MC_ambientHeroACarousel .MC_Carousel_thumbs_slide__active {
position: relative
}
.MC_Theme_Vanilla .MC_ambientHeroACarousel .MC_Carousel_thumbs_slide__active {
border: 2px solid #86d562
}
.MC_ambientHeroACarousel .MC_Carousel_thumbs_slide_img {
height: 100%;
left: 50%;
min-width: fit-content;
position: absolute;
top: 0;
transform: translateX(-50%);
width: 100%
}
@media screen and (min-width:768px) {
.MC_ambientHeroACarousel .MC_Carousel_thumbs_wrapper {
margin: 24px auto
}
.MC_ambientHeroACarousel .MC_Carousel_thumbs_track {
padding-left: var(--content-box-width)
}
}
@media screen and (min-width:1200px) {
.MC_ambientHeroACarousel .MC_Carousel_thumbs_slide {
width: calc(20% - var(--thumbnail-gap))
}
}
@media screen and (min-width:1920px) {
.MC_ambientHeroACarousel .MC_Carousel_thumbs_wrapper {
left: calc(var(--content-box-width)/2 + var(--thumbnail-gap)/2)
}
.MC_ambientHeroACarousel .MC_Carousel_thumbs {
min-width: calc((var(--thumbnail-width) + var(--thumbnail-gap)/2)*var(--slide-count));
width: 100%
}
.MC_ambientHeroACarousel .MC_Carousel_thumbs_track {
padding-left: 0
}
}
@media (forced-colors:active) {
.MC_ambientHeroACarousel .MC_Carousel_thumbs_slide__active:after {
outline: 4px solid var(--mc-core-off-black) !important;
outline-offset: -4px
}
}
.MC_ambientHeroB {
--sticky-header-height: 128px;
--grid-size: 2560px;
margin: 0 auto;
max-width: var(--grid-size);
overflow: hidden;
position: relative
}
@media screen and (min-width:767.98px) {
.MC_ambientHeroB {
min-height: 700px
}
}
.MC_ambientHeroB picture {
display: block;
margin: 0 auto;
max-width: max-content;
position: relative;
--image-width: 540px;
--image-height: 540px;
max-height: calc(50vh - var(--sticky-header-height));
min-height: 325px
}
.MC_ambientHeroB picture img {
height: 100%;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%)
}
@media screen and (min-width:767.98px) {
.MC_ambientHeroB picture {
--image-width: 1080px;
--image-height: 1080px;
max-height: 720px
}
}
@media screen and (min-width:1200px) {
.MC_ambientHeroB picture {
--image-width: 1800px;
--image-height: 1080px;
max-height: calc(100vh - var(--sticky-header-height));
min-height: 500px
}
}
@media screen and (min-width:1440px) {
.MC_ambientHeroB picture {
--image-width: 1920px;
--image-height: 1080px;
max-height: 700px;
min-height: 700px
}
}
@media screen and (min-width:1920px) {
.MC_ambientHeroB picture {
--image-width: 2560px;
--image-height: 932px;
max-height: unset
}
}
.MC_ambientHeroB picture,
.MC_ambientHeroB picture img {
height: var(--image-height);
width: var(--image-width)
}
.MC_ambientHeroB .MC_video_toggle {
display: none
}
.MC_ambientHeroB .MC_video_toggle_wrapper {
position: absolute;
top: 0
}
.MC_ambientHeroB section {
width: 100%
}
.MC_ambientHeroB .MC_videoA {
display: block;
margin: 0 auto;
position: relative;
--video-width: 400px;
--video-height: 400px;
max-width: max-content;
min-height: 325px;
min-width: 100%
}
.MC_ambientHeroB .MC_videoA video {
height: 100%;
left: 50%;
max-height: 60vh;
min-width: 325px;
position: absolute;
top: 50%;
transform: translate(-50%, -50%)
}
@media screen and (min-width:767.98px) {
.MC_ambientHeroB .MC_video_toggle_wrapper {
position: unset
}
.MC_ambientHeroB .MC_videoA {
--video-width: 1200px;
--video-height: 720px;
max-height: calc(100vh - var(--sticky-header-height))
}
.MC_ambientHeroB .MC_videoA video {
max-height: unset
}
}
@media screen and (min-width:1200px) {
.MC_ambientHeroB .MC_videoA {
--video-width: 1800px;
--video-height: 1080px;
max-height: calc(100vh - var(--sticky-header-height));
min-height: 500px
}
}
@media screen and (min-width:1440px) {
.MC_ambientHeroB .MC_videoA {
--video-width: 1920px;
--video-height: 700px;
min-height: 700px
}
}
@media screen and (min-width:1920px) {
.MC_ambientHeroB .MC_videoA {
--video-width: 2560px;
--video-height: 932px
}
}
.MC_ambientHeroB .MC_videoA,
.MC_ambientHeroB .MC_videoA video {
height: var(--video-height);
width: var(--video-width)
}
.MC_ambientHeroB_contentWrapper {
display: flex;
justify-content: center;
margin-top: -90px;
padding-bottom: 24px
}
.MC_ambientHeroB_right--alignment .MC_ambientHeroB_contentWrapper {
justify-content: flex-end
}
.MC_ambientHeroB_contentBox {
background: var(--mc-core-grey-6);
box-shadow: inset 0 4px 0 0 #494746, inset -4px 0 0 0 #494746, inset 0 -4px 0 0 #111010, inset 4px 0 0 0 #111010;
margin: 0 12px;
max-width: 500px;
padding: 32px;
position: relative;
word-break: break-word;
z-index: 2
}
.MC_ambientHeroB_contentBox [class*=MC_Heading] {
color: var(--mc-core-white)
}
.MC_ambientHeroB_contentBox [class*=MC_Heading]+[class*=MC_Heading] {
margin-top: 4px
}
.MC_ambientHeroB .MC_ambientHeroB_contentBox_badge {
margin-bottom: 20px;
max-width: 250px
}
.MC_ambientHeroB .MC_ambientHeroB_contentBox_blurb {
color: var(--mc-core-grey-1);
margin-top: 4px
}
.MC_ambientHeroB_ctaBox {
display: flex;
flex-wrap: wrap;
gap: 24px;
margin-top: 24px
}
@media screen and (max-width:539.97px) {
.MC_ambientHeroB_ctaBox a {
justify-content: center;
margin: 0 auto;
max-width: unset;
max-width: 350px;
text-align: center;
width: 100%
}
}
@media screen and (min-width:540px) {
.MC_ambientHeroB_contentBox {
text-align: center
}
.MC_ambientHeroB_ctaBox {
justify-content: center
}
}
@media screen and (min-width:767.98px) {
.MC_ambientHeroB_contentWrapper {
align-items: end;
display: flex;
height: 100%;
justify-content: left;
left: 0;
margin: 0;
padding: 60px;
position: absolute;
top: 0;
width: 100%
}
.MC_ambientHeroB_contentBox {
margin: 0;
text-align: left
}
.MC_ambientHeroB_ctaBox {
justify-content: left
}
}
[data-mc-ref=mc_hero_anniversaryHeader] {
margin: 0 auto;
max-width: 2640px;
overflow: hidden;
position: relative;
z-index: 1
}
#MC_Hero_AnniversaryHeader {
cursor: none;
position: relative
}
#MC_Hero_AnniversaryHeader .MC_Hero_AnniversaryHeader_CTA_Wrapper {
background-color: #489b2e;
padding: 121.36px 64px;
position: absolute;
right: 0;
text-align: center;
top: 0;
z-index: 200
}
#MC_Hero_AnniversaryHeader .MC_Hero_AnniversaryHeader_CTA_Wrapper:after,
#MC_Hero_AnniversaryHeader .MC_Hero_AnniversaryHeader_CTA_Wrapper:before {
content: " ";
display: block;
position: absolute
}
#MC_Hero_AnniversaryHeader .MC_Hero_AnniversaryHeader_CTA_Wrapper:before {
background-image: url(/content/dam/minecraftnet/franchise/component-library/anniversaryHeader/hero_block__15year.png);
height: 204px;
left: 0;
top: 0;
transform: translate(-100%);
width: 90px;
z-index: 5
}
#MC_Hero_AnniversaryHeader .MC_Hero_AnniversaryHeader_CTA_Wrapper:after {
background-image: linear-gradient(90deg, rgba(33, 73, 21, 0) 24px, #214915 0), url(/content/dam/minecraftnet/franchise/component-library/anniversaryHeader/hero_cta_edge.png);
background-repeat: no-repeat;
bottom: 0;
height: 24px;
left: 0;
transform: translateY(100%);
width: 100%;
z-index: 1
}
#MC_Hero_AnniversaryHeader .MC_Hero_AnniversaryHeader_Logo_Wrapper:after,
#MC_Hero_AnniversaryHeader .MC_Hero_AnniversaryHeader_Logo_Wrapper:before {
aspect-ratio: 1/1;
background-color: #68af44;
content: " ";
display: block;
height: 90px;
position: absolute
}
#MC_Hero_AnniversaryHeader .MC_Hero_AnniversaryHeader_Logo_Wrapper:before {
left: 0;
top: 0
}
#MC_Hero_AnniversaryHeader .MC_Hero_AnniversaryHeader_Logo_Wrapper:after {
bottom: 0;
right: 0
}
#MC_Hero_AnniversaryHeader .MC_Button,
#MC_Hero_AnniversaryHeader .MC_Hero_AnniversaryHeader_Logo {
cursor: none;
position: relative
}
#MC_Hero_AnniversaryHeader .MC_Button {
border: 2px solid var(--mc-core-grey-6)
}
@media screen and (width <=540px) {
#MC_Hero_AnniversaryHeader .MC_Hero_AnniversaryHeader_Logo {
width: 75%
}
}
#MC_Hero_AnniversaryHeader .MC_Hero_AnniversaryHeader_CTA_Wrapper [class*=MC_Heading] {
color: var(--mc-core-rich-black);
font-family: var(--mc-legends-fontlist);
margin: 32px 0
}
@media screen and (width <=768px) {
#MC_Hero_AnniversaryHeader .MC_Hero_AnniversaryHeader_CTA_Wrapper {
padding: 32px 10px;
width: 100%
}
#MC_Hero_AnniversaryHeader .MC_Hero_AnniversaryHeader_CTA_Wrapper:before {
background-image: url(/content/dam/minecraftnet/franchise/component-library/anniversaryHeader/hero_block__15year__mobile.png);
bottom: 0;
height: 80px;
left: unset;
right: 0;
top: unset;
transform: translateY(100%);
width: 128px
}
#MC_Hero_AnniversaryHeader .MC_Hero_AnniversaryHeader_CTA_Wrapper:after {
background-image: linear-gradient(90deg, rgba(33, 73, 21, 0) 16px, #214915 0), url(/content/dam/minecraftnet/franchise/component-library/anniversaryHeader/hero_cta_edge__mobile.png);
height: 16px
}
#MC_Hero_AnniversaryHeader .MC_Hero_AnniversaryHeader_Logo_Wrapper:after,
#MC_Hero_AnniversaryHeader .MC_Hero_AnniversaryHeader_Logo_Wrapper:before {
height: 64px
}
#MC_Hero_AnniversaryHeader .MC_Hero_AnniversaryHeader_CTA_Wrapper [class*=MC_Heading] {
margin: 24px 0
}
}
#MC_Hero_AnniversaryHeader {
--wrapperHeight: 1440;
--wrapperWidth: 2640;
--blocksHigh: 24;
--blockSize: calc(var(--wrapperHeight)/var(--blocksHigh));
--topOffset: 250;
--collapseHeight: calc(var(--blockSize)*15);
overflow: hidden;
transition: height 3s ease
}
#MC_Hero_AnniversaryHeader .MC_Blocks_Wrapper {
background-image: url(/content/dam/minecraftnet/franchise/component-library/anniversaryHeader/hero_desktop__wide.png);
background-repeat: no-repeat;
background-size: auto 100%;
height: calc(1px*var(--wrapperHeight));
left: calc(100%*var(--blockSize)*23/var(--wrapperWidth));
margin: 0 auto;
overflow: hidden;
position: relative;
top: calc(1px*var(--topOffset));
transform: translateX(calc(-100%*var(--blockSize)*23/var(--wrapperWidth)));
user-select: none;
width: calc(1px*var(--wrapperWidth));
z-index: 100
}
#MC_Hero_AnniversaryHeader:not(.MC_Hero_AnniversaryHeader_Action__expand) {
height: calc(1px*(var(--collapseHeight) + var(--topOffset)))
}
#MC_Hero_AnniversaryHeader.MC_Hero_AnniversaryHeader_Action__expand {
height: calc(1px*(var(--wrapperHeight) + var(--topOffset)))
}
#MC_Hero_AnniversaryHeader .MC_Blocks_Group {
left: calc(1px*var(--blockSize)*9);
top: calc(1px*var(--blockSize)*11)
}
#MC_Hero_AnniversaryHeader .MC_Blocks_Row {
height: calc(1px*var(--blockSize))
}
@media screen and (width <=1980px) {
#MC_Hero_AnniversaryHeader {
--wrapperHeight: 1080;
--wrapperWidth: 1980
}
#MC_Hero_AnniversaryHeader .MC_Blocks_Wrapper {
background-image: url(/content/dam/minecraftnet/franchise/component-library/anniversaryHeader/hero_desktop.png);
left: calc(100%*var(--blockSize)*23/var(--wrapperWidth));
transform: translateX(calc(-100%*var(--blockSize)*23/var(--wrapperWidth)))
}
}
@media screen and (width <=1440px) {
#MC_Hero_AnniversaryHeader {
--wrapperHeight: 1680;
--wrapperWidth: 1440;
--blocksHigh: 28
}
#MC_Hero_AnniversaryHeader .MC_Blocks_Wrapper {
background-image: url(/content/dam/minecraftnet/franchise/component-library/anniversaryHeader/hero_desktop__tall.png);
left: calc(100%*var(--blockSize)*10/var(--wrapperWidth));
transform: translateX(calc(-100%*var(--blockSize)*10/var(--wrapperWidth)))
}
#MC_Hero_AnniversaryHeader .MC_Blocks_Group {
left: calc(100%*var(--blockSize)*3/var(--wrapperWidth))
}
}
@media screen and (width <=1080px) {
#MC_Hero_AnniversaryHeader {
--wrapperHeight: 1260;
--wrapperWidth: 1080
}
#MC_Hero_AnniversaryHeader .MC_Blocks_Wrapper {
background-image: url(/content/dam/minecraftnet/franchise/component-library/anniversaryHeader/hero_tablet.png);
left: calc(100%*var(--blockSize)*10/var(--wrapperWidth));
transform: translateX(calc(-100%*var(--blockSize)*10/var(--wrapperWidth)))
}
}
@media screen and (width <=768px) {
#MC_Hero_AnniversaryHeader {
--wrapperHeight: 884;
--wrapperWidth: 768;
--blocksHigh: 28
}
#MC_Hero_AnniversaryHeader .MC_Blocks_Wrapper {
background-image: url(/content/dam/minecraftnet/franchise/component-library/anniversaryHeader/hero_mobile.png);
left: calc(100%*var(--blockSize)*13/var(--wrapperWidth));
transform: translateX(calc(-100%*var(--blockSize)*13/var(--wrapperWidth)))
}
}
@media screen and (width > 585px) {
.MC_Blocks_Row:nth-of-type(10)>.MC_Blocks_Contains:nth-of-type(14)>* {
display: none !important;
visibility: hidden
}
}
@media screen and (width <=585px) {
.MC_Blocks_Row:nth-of-type(10)>.MC_Blocks_Contains:nth-of-type(16)>* {
display: none !important;
visibility: hidden
}
}
#MC_Hero_AnniversaryHeader .MC_Hero_AnniversaryHeader_Fade {
position: absolute;
z-index: 100
}
#MC_Hero_AnniversaryHeader:not(.MC_Hero_AnniversaryHeader_Action__expand) .MC_Hero_AnniversaryHeader_Fade {
top: calc(1px*var(--collapseHeight));
transition: top 3s ease
}
#MC_Hero_AnniversaryHeader.MC_Hero_AnniversaryHeader_Action__expand .MC_Hero_AnniversaryHeader_Fade {
top: 100%;
transition: top 3s ease
}
#MC_Hero_AnniversaryHeader .MC_Fade {
bottom: calc(-1px*var(--blockSize));
display: block;
height: calc(1px*var(--blockSize)*4);
left: 0;
pointer-events: none;
width: calc(100% + 1px*var(--blockSize));
z-index: 100
}
#MC_Hero_AnniversaryHeader .MC_Fade:before {
clip-path: polygon(0 0, 0 25%, 25% 25%, 25% 50%, 0 50%, 0 75%, 25% 75%, 25% 50%, 50% 50%, 50% 75%, 100% 75%, 100% 25%, 75% 25%, 75% 50%, 50% 50%, 50% 25%, 25% 25%, 25% 0) !important;
height: calc(1px*var(--blockSize)*4);
pointer-events: auto !important;
top: 0;
width: calc(1px*var(--blockSize)*4);
z-index: 1
}
#MC_Hero_AnniversaryHeader .MC_Fade:after {
bottom: calc(1px*var(--blockSize));
height: calc(1px*var(--blockSize));
left: calc(1px*(var(--blockSize)*4 - 1));
pointer-events: auto !important;
top: unset;
width: calc(100% - 1px*var(--blockSize)*4 - 1);
z-index: 1
}
#MC_Hero_AnniversaryHeader .MC_Fade div {
background-size: cover;
height: calc(1px*var(--blockSize)*2);
left: calc(100% - 1px*var(--blockSize)*9);
pointer-events: auto !important;
position: absolute;
width: calc(1px*var(--blockSize)*9);
z-index: 10
}
#MC_Hero_AnniversaryHeader .MC_Hero_AnniversaryHeader_Explode {
background-image: url(/content/dam/minecraftnet/franchise/component-library/anniversaryHeader/hero_button__explode.png);
bottom: calc(1px*var(--blockSize)*5)
}
#MC_Hero_AnniversaryHeader .MC_Hero_AnniversaryHeader_Explode:after,
#MC_Hero_AnniversaryHeader .MC_Hero_AnniversaryHeader_Explode:before {
background-size: contain;
bottom: 0;
content: " ";
display: block;
position: absolute
}
#MC_Hero_AnniversaryHeader .MC_Hero_AnniversaryHeader_Explode:before {
aspect-ratio: 58/45;
background-image: url(/content/dam/minecraftnet/franchise/component-library/anniversaryHeader/hero_tnt__single.png);
left: 0;
width: calc(1px*var(--blockSize)*1.28889)
}
#MC_Hero_AnniversaryHeader .MC_Hero_AnniversaryHeader_Explode:after {
aspect-ratio: 136/90;
background-image: url(/content/dam/minecraftnet/franchise/component-library/anniversaryHeader/hero_tnt__pile.png);
right: 0;
width: calc(1px*var(--blockSize)*2*1.51111)
}
#MC_Hero_AnniversaryHeader.MC_Animation__explode .MC_Hero_AnniversaryHeader_Explode:before {
background-image: url(/content/dam/minecraftnet/franchise/component-library/anniversaryHeader/hero_block__single.png)
}
#MC_Hero_AnniversaryHeader.MC_Animation__explode .MC_Hero_AnniversaryHeader_Explode:after {
background-image: url(/content/dam/minecraftnet/franchise/component-library/anniversaryHeader/hero_block__pile.png)
}
#MC_Hero_AnniversaryHeader .MC_Hero_AnniversaryHeader_Expand {
background-image: url(/content/dam/minecraftnet/franchise/component-library/anniversaryHeader/hero_button__close.png);
bottom: calc(1px*var(--blockSize)*2);
transition: opacity .5s linear
}
#MC_Hero_AnniversaryHeader .MC_Fade button {
background-color: transparent;
border: none;
color: var(--mc-core-white);
cursor: none;
font-family: var(--mc-vanilla-fontlist);
font-size: calc(.8px*var(--blockSize));
font-weight: 400;
height: 100%;
position: relative;
text-align: left;
width: calc(100% - 1px*var(--blockSize));
z-index: 10
}
#MC_Hero_AnniversaryHeader .MC_Fade .MC_Hero_AnniversaryHeader_Explode button {
padding: 0 calc(1px*var(--blockSize)*2) 0 calc(1px*var(--blockSize))
}
#MC_Hero_AnniversaryHeader .MC_Fade .MC_Hero_AnniversaryHeader_Expand button {
padding: 0 calc(1px*var(--blockSize)*1)
}
#MC_Hero_AnniversaryHeader .MC_Fade button:focus,
#MC_Hero_AnniversaryHeader .MC_Fade button:hover {
border: 0;
border-radius: 0;
box-shadow: inset 0 0 0 1px var(--mc-core-white), inset 0 0 0 3px var(--mc-default-focus);
outline: none;
outline-offset: 0
}
#MC_Hero_AnniversaryHeader .MC_Fade button span {
display: inline-block;
padding: 0 60px 0 calc(1px*var(--blockSize)*.5);
position: relative;
text-align: left;
transform-origin: 0 center;
white-space: nowrap;
z-index: 10
}
#MC_Hero_AnniversaryHeader .MC_Fade button span.MC_Glyph_Icon:before {
background-color: #489b2e;
height: 40px;
position: absolute;
right: 0;
top: 50%;
width: 40px
}
#MC_Hero_AnniversaryHeader .MC_Fade button .MC_Hero_AnniversaryHeader_Expand_text.MC_Glyph_Icon:before {
transform: rotate(90deg) translate(-50%)
}
#MC_Hero_AnniversaryHeader .MC_Fade button .MC_Hero_AnniversaryHeader_Collapse_text.MC_Glyph_Icon:before {
transform: rotate(-90deg) translate(50%)
}
#MC_Hero_AnniversaryHeader:not(.MC_Hero_AnniversaryHeader_Action__expand) .MC_Hero_AnniversaryHeader_Explode {
opacity: 0;
pointer-events: none !important;
transition: opacity .5s linear;
transition-delay: 0
}
#MC_Hero_AnniversaryHeader.MC_Hero_AnniversaryHeader_Action__expand .MC_Hero_AnniversaryHeader_Explode {
opacity: 1;
transition: opacity .5s linear;
transition-delay: 3s
}
#MC_Hero_AnniversaryHeader .MC_Hero_AnniversaryHeader_Expand.MC_Hero_AnniversaryHeader_Action__expand_transition span,
#MC_Hero_AnniversaryHeader.MC_Animation__explode .MC_Hero_AnniversaryHeader_Explode_text,
#MC_Hero_AnniversaryHeader.MC_Hero_AnniversaryHeader_Action__expand .MC_Hero_AnniversaryHeader_Expand_text,
#MC_Hero_AnniversaryHeader:not(.MC_Animation__explode) .MC_Hero_AnniversaryHeader_Unexplode_text,
#MC_Hero_AnniversaryHeader:not(.MC_Hero_AnniversaryHeader_Action__expand) .MC_Hero_AnniversaryHeader_Collapse_text {
display: none
}
#MC_Hero_AnniversaryHeader .MC_Hero_AnniversaryHeader_sky {
background: linear-gradient(180deg, #1486ff 0, #6cbeff calc(1px*(var(--blockSize)*10 + var(--topOffset))), var(--mc-core-rich-black) calc(1px*(var(--blockSize)*10 + var(--topOffset))), var(--mc-core-rich-black) 100%);
height: 100%;
left: 0;
padding-top: 5%;
position: absolute;
top: 0;
width: 100%;
z-index: 1
}
#MC_Hero_AnniversaryHeader .MC_Hero_AnniversaryHeader_clouds {
animation: rollingClouds 180s linear infinite;
aspect-ratio: 40/1;
background-image: url(/content/dam/minecraftnet/franchise/component-library/anniversaryHeader/hero_clouds.png);
background-repeat: repeat-x;
background-size: 50% 100%;
width: 1000%;
z-index: 1
}
@media screen and (width <=1080px) {
#MC_Hero_AnniversaryHeader .MC_Hero_AnniversaryHeader_clouds {
animation-duration: 200s;
aspect-ratio: 20/1
}
}
@media screen and (width <=768px) {
#MC_Hero_AnniversaryHeader .MC_Hero_AnniversaryHeader_clouds {
aspect-ratio: 20/1
}
}
@keyframes rollingClouds {
0% {
transform: translateX(0)
}
to {
transform: translateX(-50%)
}
}
#MC_Hero_AnniversaryHeader .MC_Cursors__custom {
z-index: 1000
}
#MC_Hero_AnniversaryHeader .MC_Cursors__custom img {
height: 100px;
width: 100px
}
.cursor__pickAxe__default {
display: block
}
.MC_Cursors__active .cursor__pickAxe__default,
.cursor__pickAxe__active {
display: none
}
.MC_Cursors__active .cursor__pickAxe__active {
display: block
}
.MC_Animation__cancel #MC_Hero_AnniversaryHeader,
.MC_Animation__cancel #MC_Hero_AnniversaryHeader .MC_Hero_AnniversaryHeader_Logo {
cursor: unset !important
}
.MC_Animation__cancel #MC_Hero_AnniversaryHeader,
.MC_Animation__cancel #MC_Hero_AnniversaryHeader * {
transition: none !important
}
.MC_Animation__cancel #MC_Hero_AnniversaryHeader .MC_Button,
.MC_Animation__cancel #MC_Hero_AnniversaryHeader .MC_Fade button {
cursor: pointer !important
}
.MC_Animation__cancel .MC_Hero_AnniversaryHeader_clouds {
animation-play-state: paused !important
}
@media (prefers-reduced-motion:reduce) {
.MC_Animation__cancel .MC_Hero_AnniversaryHeader_clouds {
animation-play-state: paused !important
}
}
@media (forced-colors:active) {
#MC_Hero_AnniversaryHeader .MC_Fade button:focus>span,
#MC_Hero_AnniversaryHeader .MC_Fade button:hover>span {
outline: 2px solid var(--mc-core-white);
outline-offset: 7px
}
}
@media (forced-colors:active) and (prefers-color-scheme:dark) {
#MC_Hero_AnniversaryHeader .MC_Fade button .MC_Glyph_Icon:before,
#MC_Hero_AnniversaryHeader .MC_Fade button:focus .MC_Glyph_Icon:before,
#MC_Hero_AnniversaryHeader .MC_Fade button:hover .MC_Glyph_Icon:before {
background-color: currentColor;
filter: invert(1)
}
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
#MC_Hero_AnniversaryHeader .MC_Fade button .MC_Glyph_Icon:before,
#MC_Hero_AnniversaryHeader .MC_Fade button:focus .MC_Glyph_Icon:before,
#MC_Hero_AnniversaryHeader .MC_Fade button:focus>span,
#MC_Hero_AnniversaryHeader .MC_Fade button:hover .MC_Glyph_Icon:before,
#MC_Hero_AnniversaryHeader .MC_Fade button:hover>span,
#MC_Hero_AnniversaryHeader .MC_Fade button>span {
filter: invert(1)
}
}
#MC_Hero_AnniversaryHeader_Skip__ToBottom,
#MC_Hero_AnniversaryHeader_Skip__ToTop {
background-color: var(--mc-core-grey-5);
color: var(--mc-core-white);
display: block;
position: relative
}
[data-mc-ref=mc_hero_anniversaryhub] {
overflow: hidden;
position: relative
}
[data-mc-ref=mc_hero_anniversaryhub]:before {
border-top: 24px solid var(--mc-core-rich-black);
content: "";
display: block;
position: absolute;
top: 0;
width: 100%;
z-index: 2
}
.MC_Hero_anniversaryHub {
--block-unit: 45px;
margin: 0 auto;
max-width: 451px;
padding-bottom: 48px
}
.MC_Hero_anniversaryHub_footer,
.MC_Hero_anniversaryHub_header {
position: relative;
z-index: 3
}
.MC_Hero_anniversaryHub_footer {
margin-top: 0
}
.MC_Hero_anniversaryHub_footer img,
.MC_Hero_anniversaryHub_header img {
width: 100%
}
.MC_Hero_anniversaryHub_footer picture,
.MC_Hero_anniversaryHub_header picture {
position: relative;
z-index: 2
}
.MC_Hero_anniversaryHub_footer:after,
.MC_Hero_anniversaryHub_footer:before,
.MC_Hero_anniversaryHub_header:after,
.MC_Hero_anniversaryHub_header:before {
content: "";
display: block;
height: 68px;
position: absolute;
width: 90px
}
.MC_Hero_anniversaryHub_header:before {
background: url(/content/dam/minecraftnet/franchise/component-library/anniversaryHub/hero/mobile/HubHero_LeftTop_Mobile@2x.png) 0 0/cover no-repeat;
bottom: -70px;
right: calc(100% - 23px)
}
.MC_Hero_anniversaryHub_header:after {
background: url(/content/dam/minecraftnet/franchise/component-library/anniversaryHub/hero/mobile/HubHero_RightTop_Mobile@2x.png) 0 0/cover no-repeat;
bottom: -74px;
left: calc(100% - 39px)
}
.MC_Hero_anniversaryHub_footer:before {
background: url(/content/dam/minecraftnet/franchise/component-library/anniversaryHub/hero/mobile/HubHero_LeftBottom_Mobile@2x.png) 0 0/cover no-repeat;
right: calc(100% - 19px);
top: -38px
}
.MC_Hero_anniversaryHub_footer:after {
background: url(/content/dam/minecraftnet/franchise/component-library/anniversaryHub/hero/mobile/HubHero_RightBottom_Mobile@2x.png) 0 0/cover no-repeat;
left: calc(100% - 38px);
top: -40px
}
.MC_Hero_anniversaryHub_textBg {
background-color: var(--mc-core-off-black);
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1
}
.MC_Hero_anniversaryHub_content {
margin: 0 auto;
max-width: calc(100% - 80px);
min-height: auto;
padding-bottom: 16px;
padding-top: 16px;
position: relative;
text-align: center;
top: 0;
z-index: 4;
word-wrap: break-word
}
.MC_Hero_anniversaryHub_content [class*=MC_Heading] {
color: var(--mc-core-off-white) !important
}
.MC_Hero_anniversaryHub_content p {
color: var(--mc-core-grey-2) !important;
font-family: var(--mc-legends-fontlist) !important
}
@media screen and (min-width:768px) {
.MC_Hero_anniversaryHub {
--block-unit: 90px;
max-width: 564px
}
.MC_Hero_anniversaryHub_footer {
margin-top: -155px
}
.MC_Hero_anniversaryHub_footer img,
.MC_Hero_anniversaryHub_header img {
width: auto
}
.MC_Hero_anniversaryHub_footer:after,
.MC_Hero_anniversaryHub_footer:before,
.MC_Hero_anniversaryHub_header:after,
.MC_Hero_anniversaryHub_header:before {
height: 135px;
width: 180px
}
.MC_Hero_anniversaryHub_header:before {
background: url(/content/dam/minecraftnet/franchise/component-library/anniversaryHub/hero/tablet/HubHero_LeftTop_Tablet.png) no-repeat;
bottom: unset;
right: calc(100% + 6px);
top: calc(var(--block-unit)/2)
}
.MC_Hero_anniversaryHub_header:after {
background: url(/content/dam/minecraftnet/franchise/component-library/anniversaryHub/hero/tablet/HubHero_RightTop_Tablet.png) no-repeat;
bottom: unset;
left: calc(100% + 6px);
top: calc(var(--block-unit)/2)
}
.MC_Hero_anniversaryHub_footer:before {
background: url(/content/dam/minecraftnet/franchise/component-library/anniversaryHub/hero/tablet/HubHero_LeftBottom_Tablet.png) no-repeat;
right: calc(100% + 6px);
top: var(--block-unit)
}
.MC_Hero_anniversaryHub_footer:after {
background: url(/content/dam/minecraftnet/franchise/component-library/anniversaryHub/hero/tablet/HubHero_RightBottom_Tablet.png) no-repeat;
left: calc(100% + 6px);
top: var(--block-unit)
}
.MC_Hero_anniversaryHub_content {
font-size: .875rem;
line-height: 18px;
max-width: 300px;
min-height: 185px;
padding-top: 0;
top: -75px
}
.MC_Hero_anniversaryHub_textBg {
height: calc(100% - 118px)
}
}
@media screen and (min-width:1200px) {
.MC_Hero_anniversaryHub {
max-width: 1128px
}
.MC_Hero_anniversaryHub_footer {
margin-top: -250px
}
.MC_Hero_anniversaryHub_footer:after,
.MC_Hero_anniversaryHub_footer:before,
.MC_Hero_anniversaryHub_header:after,
.MC_Hero_anniversaryHub_header:before {
height: 285px;
width: 365px
}
.MC_Hero_anniversaryHub_header:before {
background: url(/content/dam/minecraftnet/franchise/component-library/anniversaryHub/hero/desktop/HubHero_LeftTop_Desktop.png) no-repeat;
top: 75px
}
.MC_Hero_anniversaryHub_header:after {
background: url(/content/dam/minecraftnet/franchise/component-library/anniversaryHub/hero/desktop/HubHero_RightTop_Desktop.png) no-repeat;
top: 90px
}
.MC_Hero_anniversaryHub_footer:before {
background: url(/content/dam/minecraftnet/franchise/component-library/anniversaryHub/hero/desktop/HubHero_LeftBottom_Desktop.png) no-repeat;
top: 180px
}
.MC_Hero_anniversaryHub_footer:after {
background: url(/content/dam/minecraftnet/franchise/component-library/anniversaryHub/hero/desktop/HubHero_RightBottom_Desktop.png) no-repeat;
top: 180px
}
.MC_Hero_anniversaryHub_textBg {
height: calc(100% - 185px)
}
.MC_Hero_anniversaryHub_content {
max-width: 480px;
min-height: 185px;
top: -150px
}
.MC_Hero_anniversaryHub_content p {
font-size: 1.25rem;
line-height: 24px
}
}
@media screen and (min-width:1441px) {
.MC_Hero_anniversaryHub {
max-width: 1488px
}
}
@media screen and (min-width:2225px) {
.MC_Hero_anniversaryHub {
max-width: 100%;
text-align: center
}
.MC_Hero_anniversaryHub_header:before {
left: 0;
right: unset
}
.MC_Hero_anniversaryHub_header:after {
left: unset;
right: 0
}
.MC_Hero_anniversaryHub_footer:before {
left: 0;
right: unset
}
.MC_Hero_anniversaryHub_footer:after {
left: unset;
right: 0
}
}
.MC_articleHeroA {
--grid-size: 1440px;
margin: 0 auto;
max-width: var(--grid-size)
}
.MC_articleHeroA_poster {
position: relative
}
.MC_articleHeroA_poster img {
height: auto;
width: 100%
}
.MC_articleHeroA_category {
background-color: #fff;
bottom: -8px;
box-shadow: 2px 2px 0 0 #0000004d;
color: #1d1e1e;
display: inline-block;
font-family: var(--mc-legends-fontlist);
font-size: .875rem;
font-style: normal;
font-weight: 400;
left: 50%;
letter-spacing: .56px;
line-height: 18px;
padding: 3px 8px;
position: absolute;
text-align: center;
text-transform: uppercase;
transform: translateX(-50%);
z-index: 1
}
@media screen and (min-width:767.98px) {
.MC_articleHeroA_category {
font-size: 1rem
}
}
.MC_articleHeroA_attribution {
--col-size: 200px;
color: var(--mc-theme-primary-color, inherit);
padding: 0 16px;
text-align: center
}
.MC_articleHeroA_attribution_author {
align-items: center;
display: flex;
gap: 24px;
justify-content: center;
margin-top: 24px
}
.MC_articleHeroA_attribution_author img {
max-width: 100px
}
.MC_articleHeroA_attribution_author {
flex-basis: var(--col-size)
}
.MC_articleHeroA_attribution_author dl {
margin-top: 16px
}
.MC_articleHeroA_attribution_author dt {
font-weight: 700
}
.MC_articleHeroA_attribution_author dd {
margin: 0 0 8px
}
@media screen and (min-width:767.98px) {
.MC_articleHeroA_grid .MC_articleHeroA_attribution {
position: relative;
width: var(--col-size)
}
.MC_articleHeroA_grid .MC_articleHeroA_attribution_author {
align-items: unset;
display: block;
gap: unset;
justify-content: unset;
margin-top: 24px
}
.MC_articleHeroA_grid .MC_articleHeroA_content-wrapper {
position: absolute
}
}
.MC_articleHeroA_header {
display: flex;
flex-wrap: wrap;
justify-content: center;
text-align: center;
--grid-size: 1200px;
margin: 0 auto;
max-width: var(--grid-size);
padding-top: 32px
}
.MC_articleHeroA_header_container {
flex-basis: calc(100% - 200px)
}
.MC_articleHeroA_header_container>* {
flex-basis: 100%
}
.MC_articleHeroA_header_subheadline {
margin-top: 8px
}
@media screen and (min-width:768px) {
.MC_articleHeroA_header {
justify-content: right;
padding: 32px 16px 0;
text-align: left
}
.MC_articleHeroA_header_container {
max-width: calc(100% - 200px)
}
}
@media screen and (max-width:767.98px) {
.MC_articleHeroA_header_container {
flex-basis: calc(100% - 48px)
}
}
[data-mc-ref=mc_careersHeroA] {
background-color: #e12d38
}
.MC_careersHeroA {
align-items: flex-start;
display: flex;
gap: 24px;
margin: 0 auto;
max-width: 1920px;
padding: 40px 60px
}
.MC_careersHeroA [class*=MC_Heading],
.MC_careersHeroA p {
font-family: var(--mc-gellix--fontlist) !important
}
.MC_careersHeroA_group:first-child {
align-items: flex-start;
align-self: stretch;
display: flex;
flex-direction: column;
flex-shrink: 0;
gap: 32px;
min-width: 272px;
width: 17.29%
}
.MC_careersHeroA_group:last-child {
display: flex;
flex-basis: 100%;
justify-content: center;
max-width: 1104px
}
.MC_careersHeroA_introContent {
display: flex;
flex-direction: column;
gap: 32px;
justify-content: center
}
.MC_careersHeroA_studioLogo {
display: flex;
flex-direction: column;
gap: 14px;
padding: 0 16px 0 8px;
width: 202px
}
.MC_careersHeroA_studioIntro {
border-right: 1px solid var(--mc-core-white);
color: var(--mc-core-white) !important;
font-size: 1rem;
font-style: normal;
font-weight: 400;
letter-spacing: .64px;
line-height: 21.6px;
padding: 0 16px 0 8px;
width: 202px
}
.MC_careersHeroA_mainContent {
display: flex;
flex-direction: column;
flex-grow: 1;
flex-shrink: 0;
gap: 32px;
max-width: 666px
}
.MC_careersHeroA_mainContent-tagContainer {
align-items: center;
align-self: center;
display: flex;
flex-direction: column;
height: 167px;
justify-content: center;
max-width: 538px
}
.MC_careersHeroA_mainContent-tag {
height: auto;
max-height: 100%;
max-width: 100%
}
.MC_careersHeroA_mainContent-list {
display: flex;
flex-wrap: wrap;
gap: 24px;
list-style-type: none;
padding: 0
}
.MC_careersHeroA_mainContent-list li {
display: flex;
flex: 1 1 calc(50% - 12px);
gap: 12px
}
.MC_careersHeroA_mainContent-listContent {
display: flex;
flex-direction: column;
gap: 4px
}
.MC_careersHeroA_mainContent-listContent [class*=MC_Heading] {
color: var(--mc-core-white);
line-height: 2rem;
margin: 0
}
.MC_careersHeroA_mainContent-listContent p {
color: var(--mc-core-white);
font-style: normal;
font-weight: 400;
letter-spacing: .64px;
line-height: 21.6px
}
.MC_careersHeroA_mainContent-roleContainer {
border-top: 2px solid var(--mc-core-white)
}
.MC_careersHeroA_mainContent-roleContainer [class*=MC_Heading] {
align-items: center;
align-self: stretch;
color: var(--mc-core-white) !important;
display: flex;
font-size: 1.5rem;
gap: 8px;
justify-content: center;
padding: 12px 8px
}
.MC_careersHeroA_mainContent-roleOptions {
display: flex;
gap: 8px;
margin-top: 8px
}
.MC_careersHeroA_button {
align-items: center;
background-color: var(--mc-core-rich-black);
color: var(--mc-core-white) !important;
display: flex;
flex: 1 1 calc(50% - 4px) !important;
flex: 1 0 0;
gap: 12px;
justify-content: center;
line-height: 16px;
max-width: unset;
min-height: 48px;
padding: 16px 16px 15px;
text-decoration: none;
text-transform: uppercase
}
.MC_careersHeroA_button:hover span {
text-decoration: underline
}
.MC_careersHeroA_button:focus {
box-shadow: 0 0 0 3px var(--mc-core-white);
outline: 2px solid var(--mc-default-focus);
outline-offset: 0
}
.MC_careersHeroA_button svg {
position: relative;
top: -1px
}
@media screen and (max-width:1800px) {
.MC_careersHeroA_group:first-child {
width: 14.16%
}
}
@media screen and (max-width:1100px) {
.MC_careersHeroA {
flex-direction: column
}
.MC_careersHeroA_group:first-child {
width: 100%
}
.MC_careersHeroA_introContent {
flex-direction: row
}
.MC_careersHeroA_studioIntro {
align-items: center;
border-bottom: 1px solid var(--mc-core-white);
border-right: 0;
display: flex;
padding-bottom: 16px;
padding-left: 0;
width: 100%
}
.MC_careersHeroA_group:last-child {
width: 100%
}
}
@media screen and (max-width:767.98px) {
.MC_careersHeroA {
padding: 32px 24px
}
.MC_careersHeroA_introContent {
flex-direction: column;
gap: 24px
}
.MC_careersHeroA_studioLogo {
align-self: center
}
.MC_careersHeroA_mainContent {
max-width: 100%
}
.MC_careersHeroA_mainContent-tagContainer {
height: auto
}
.MC_careersHeroA_mainContent-list {
display: block
}
.MC_careersHeroA_mainContent-list li+li {
margin-top: 24px
}
}
@media screen and (max-width:575px) {
.MC_careersHeroA {
padding: 32px 16px 16px
}
.MC_careersHeroA_mainContent-roleOptions {
flex-wrap: wrap
}
.MC_careersHeroA_button {
flex: 1 1 100% !important
}
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
.MC_careersHeroA_mainContent-listGlyph,
.MC_careersHeroA_mainContent-tag,
.MC_careersHeroA_studioLogo svg {
filter: invert(1)
}
}
[data-mc-ref=mc_downloadHeroA] {
background: linear-gradient(86deg, #171615, #191934 80%);
border-bottom: 2px solid #262423
}
.MC_downloadHeroA {
margin: 0 auto;
max-width: 1424px;
padding: 0
}
.MC_downloadHeroA_defaultView {
display: flex;
flex-wrap: nowrap;
gap: 48px;
min-height: 500px
}
.MC_downloadHeroA_detailsContainer {
align-items: flex-start;
align-self: stretch;
display: flex;
flex-direction: column;
flex-shrink: 0;
gap: 24px;
justify-content: center;
padding: 24px 0
}
.MC_downloadHeroA_detailsContainer [class*=MC_Heading] {
max-width: 500px
}
.MC_downloadHeroA_detailsContainer {
flex-basis: 33.33%
}
.MC_downloadHeroA_detailsContainer_description p {
color: var(--mc-core-grey-2) !important;
font-family: var(--mc-legends-fontlist) !important;
font-size: 1.25rem;
font-style: normal;
font-weight: 400;
line-height: 24px
}
.MC_downloadHeroA_detailsContainer_description a {
font-weight: 400 !important
}
.MC_downloadHeroA_detailsContainer_subtext {
max-width: 500px
}
.MC_downloadHeroA_detailsContainer_subtext p {
color: var(--mc-core-grey-3) !important;
font-size: .875rem
}
.MC_downloadHeroA_detailsContainer_subtext a {
color: var(--mc-core-green-4) !important
}
.MC_downloadHeroA_detailsContainer_ctaRow .MC_Button_Hero {
align-items: center;
gap: 16px
}
.MC_downloadHeroA_detailsContainer_ctaRow .MC_Button_Hero svg {
flex-shrink: 0
}
@media screen and (max-width:1484px) {
.MC_downloadHeroA {
padding: 0 0 0 60px
}
}
@media screen and (max-width:1020px) {
.MC_downloadHeroA {
padding-left: 48px
}
}
@media screen and (max-width:940px) {
[data-mc-ref=mc_downloadHeroA] {
background: linear-gradient(242deg, #191934 19.63%, #171615)
}
.MC_downloadHeroA {
padding: 0
}
.MC_downloadHeroA_defaultView {
flex-flow: wrap;
gap: 24px
}
.MC_downloadHeroA_detailsContainer {
align-items: center;
flex-basis: 100%;
min-width: unset;
padding: 24px 24px 0;
text-align: center
}
.MC_downloadHeroA_detailsContainer [class*=MC_Heading] {
max-width: unset
}
}
.MC_downloadHeroA_videoContainer {
align-items: center;
display: flex;
flex-basis: 66.66%;
overflow: hidden
}
.MC_downloadHeroA_videoContainer video {
background-color: transparent !important;
width: 100%
}
.MC_downloadHeroA_videoContainer .MC_mediaBlockB {
padding: 0
}
.MC_downloadHeroA_videoContainer .MC_mediaBlockB_media-container {
aspect-ratio: unset !important
}
@media screen and (max-width:1440px) {
.MC_downloadHeroA_videoContainer {
flex-basis: 100%
}
.MC_downloadHeroA_videoContainer video {
width: 872px
}
}
@media screen and (max-width:940px) {
.MC_downloadHeroA_videoContainer video {
width: 100%
}
}
@media screen and (max-width:576px) {
.MC_downloadHeroA_videoContainer video {
width: 120%
}
}
.MC_downloadHeroA_successView,
.MC_downloadHeroA_view_success .MC_downloadHeroA_defaultView {
display: none
}
.MC_downloadHeroA_view_success {
padding: 80px 60px
}
.MC_downloadHeroA_view_success .MC_downloadHeroA_successView {
display: flex
}
.MC_downloadHeroA_successView {
gap: 24px
}
.MC_downloadHeroA_successView .MC_downloadHeroA_detailsContainer {
flex-basis: 35.39%
}
.MC_downloadHeroA_downloadLogoContainer {
display: inline-block
}
.MC_downloadHeroA_downloadLogo {
min-width: 200px
}
.MC_downloadHeroA_downloadLogo:focus {
box-shadow: 0 0 0 4px var(--mc-default-focus);
outline: 2px solid var(--mc-core-white)
}
@media screen and (max-width:1250px) {
.MC_downloadHeroA_view_success {
padding: 24px 24px 32px
}
.MC_downloadHeroA_successView .MC_downloadHeroA_detailsContainer {
align-items: baseline;
flex-basis: 30%;
min-width: 250px;
text-align: left
}
}
@media screen and (max-width:1100px) {
.MC_downloadHeroA_view_success .MC_downloadHeroA_successView {
flex-wrap: wrap
}
.MC_downloadHeroA_successView .MC_downloadHeroA_detailsContainer {
flex-basis: 100%;
padding: 0
}
}
.MC_downloadHeroA_tileAContainer {
align-items: flex-start;
display: flex;
flex-basis: 29.22%
}
.MC_downloadHeroA_tileAContainer_tile {
align-items: flex-start;
align-self: stretch;
background-color: var(--mc-core-grey-6);
box-shadow: 0 4px 0 0 rgba(0, 0, 0, .25);
display: flex;
flex-direction: column;
justify-content: space-between;
text-decoration: none !important
}
.MC_downloadHeroA_tileAContainer_posterImage {
display: flex;
height: 100%;
margin: 0 auto
}
.MC_downloadHeroA_tileAContainer_posterImage img {
align-self: center
}
.MC_downloadHeroA_tileAContainer_tile:focus,
.MC_downloadHeroA_tileAContainer_tile:hover {
background-color: var(--mc-core-grey-6) !important
}
.MC_downloadHeroA_tileContainer_imageContainer {
height: 100%;
overflow: hidden;
position: relative;
width: 100px
}
.MC_downloadHeroA_tileContainer_imageContainer img {
height: auto;
width: 100%
}
.MC_downloadHeroA_tileAContainer_title {
align-items: flex-start;
align-self: stretch;
box-shadow: 0 -4px 0 0 #3d3938;
display: flex;
gap: 8px;
padding: 24px
}
.MC_downloadHeroA_tileAContainer_title [class*=MC_Heading] {
font-family: var(--mc-vanilla-fontlist) !important
}
.MC_downloadHeroA_tileAContainer_tile:hover [class*=MC_Heading] {
text-decoration: underline
}
@media screen and (max-width:1100px) {
.MC_downloadHeroA_tileAContainer {
flex: .3
}
}
@media screen and (max-width:768px) {
.MC_downloadHeroA_tileAContainer {
flex-basis: 100%;
justify-content: center
}
.MC_downloadHeroA_tileAContainer_posterImage img {
width: 100%
}
}
@media screen and (max-width:576px) {
.MC_downloadHeroA_tileAContainer_tile {
width: 100%
}
}
.MC_downloadHeroA_tileBContainer {
align-items: flex-start;
display: flex;
flex-basis: 35.39%;
flex-direction: column;
gap: 24px
}
.MC_downloadHeroA_tileBContainer_tile {
align-items: flex-start;
align-self: stretch;
background-color: var(--mc-core-grey-6) !important;
box-shadow: inset 0 -4px 0 0 #171615, inset 0 4px 0 0 #3d3938;
display: flex;
flex: 1 0 0;
text-decoration: none !important
}
.MC_downloadHeroA_tileBContainer_tile img {
align-self: stretch
}
.MC_downloadHeroA_tileBContainer_title {
align-items: center;
align-self: stretch;
display: flex;
flex: 1 0 0;
gap: 8px;
min-height: 88px;
padding: 16px
}
.MC_downloadHeroA_tileBContainer_title [class*=MC_Heading] {
display: -webkit-box;
font-family: var(--mc-legends-fontlist) !important;
font-size: 1.25rem !important;
-webkit-line-clamp: 2;
line-height: 20px !important;
overflow: hidden;
-webkit-box-orient: vertical;
word-break: break-word
}
.MC_downloadHeroA_tileBContainer_tile:hover [class*=MC_Heading] {
text-decoration: underline
}
@media screen and (min-width:1200px) {
.MC_downloadHeroA .MC_mediaBlockB_media-container:has(.MC_mediaBlockB_media_image) {
aspect-ratio: unset !important
}
}
@media screen and (max-width:1100px) {
.MC_downloadHeroA_tileBContainer {
flex: .7
}
}
@media screen and (max-width:768px) {
.MC_downloadHeroA_tileBContainer {
flex: 1
}
}
@media screen and (max-width:576px) {
.MC_downloadHeroA_tileBContainer_tile {
padding: 0 8px 0 0
}
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
.MC_downloadHeroA .MC_Button_Hero svg {
filter: invert(1)
}
}
.MC_Hero_FullBleedA {
margin: 0 auto;
max-width: 1920px;
position: relative
}
.MC_Hero_FullBleedA__bg_picture {
aspect-ratio: 8/3;
display: block
}
.MC_Hero_FullBleedA__bg {
height: auto;
width: 100%
}
.MC_Hero_FullBleedA_Content {
align-items: center;
display: flex;
flex-direction: column;
gap: 24px;
height: 100%;
left: 0;
padding: 64px 16px 24px;
position: absolute;
top: 0;
width: 100%
}
.MC_Hero_FullBleedA_Content_AlignBottom {
justify-content: end
}
.MC_Hero_FullBleedA_Content_AlignTop {
justify-content: start
}
.MC_Hero_FullBleedA_Content_Logo {
max-width: max-content;
object-fit: contain;
width: 100%
}
@media screen and (max-width:1200px) {
.MC_Hero_FullBleedA_Content {
padding-top: 32px
}
}
@media only screen and (max-width:768px) {
.MC_Hero_FullBleedA_Content {
padding-top: 24px
}
.MC_Hero_FullBleedA__bg_picture {
aspect-ratio: 248/125
}
}
@media only screen and (max-width:767px) {
.MC_Hero_FullBleedA__bg_picture {
aspect-ratio: 16/9
}
}
.MC_Height_Auto .MC_Hero_FullBleedA__bg {
display: block;
margin: 0 auto;
width: auto
}
.MC_Height_Auto .MC_Hero_FullBleedA__bg_picture {
aspect-ratio: inherit
}
[data-mc-ref=mc_fullBleedB] {
overflow: hidden
}
.MC_fullBleedB {
position: relative;
--align-logo: start;
--hero-bottomPad: 32px;
padding-bottom: var(--hero-bottomPad)
}
.MC_fullBleedB .MC_mediaBlockB {
gap: 0;
padding: 0
}
.MC_fullBleedB .MC_mediaBlockB [class*=MC_Heading] {
display: none;
text-align: center;
text-transform: uppercase !important;
--headingTextColor: linear-gradient(180deg, #ffc42b, #fff27a);
background: var(--headingTextColor);
background-clip: text;
color: transparent
}
@media screen and (max-width:999.98px) {
.MC_fullBleedB .MC_mediaBlockB [class*=MC_Heading]:not(.MC_fullBleedB_logoContainer [class*=MC_Heading]) {
display: block;
margin-bottom: 16px
}
}
.MC_fullBleedB .MC_mediaBlockB .MC_mediaBlockB_media-container {
aspect-ratio: unset !important;
position: relative
}
.MC_fullBleedB .MC_mediaBlockB .MC_mediaBlockB_media-container video {
background-color: transparent;
display: block
}
@media screen and (min-height:760px) {
.MC_fullBleedB .MC_mediaBlockB .MC_mediaBlockB_media-container video {
height: auto;
max-height: calc(100vh - var(--hero-bottomPad) - var(--mc-globalHeaderHeight));
max-width: 100%;
width: 100%
}
}
.MC_fullBleedB .MC_mediaBlockB .MC_video_toggle_wrapper {
--top: 24px;
--bottom: unset
}
.MC_fullBleedB .MC_mediaBlockB .MC_video_toggle_wrapper .MC_video_toggle {
z-index: 2
}
.MC_fullBleedB .MC_mediaBlockB:not(.MC_mediaBlockB_nonMobileImage) .MC_fullBleedB_actionBar:not(.MC_fullBleedB_actionBar_overlayMedia) {
padding-top: 0
}
@media screen and (min-height:760px) {
.MC_fullBleedB .MC_mediaBlockB .MC_mediaBlockB_Image_nonMobile {
margin: 0 auto;
max-height: calc(100vh - 118px - var(--mc-globalHeaderHeight));
width: auto
}
}
.MC_fullBleedB .MC_fullBleedB_logoContainer {
align-items: center;
display: flex;
flex-direction: column;
height: 100%;
justify-content: flex-end;
padding: 24px 0;
position: absolute;
top: 0;
width: 100%;
--backgroundFadeColor: none;
--backgroundFadePercentage: 85%
}
.MC_fullBleedB .MC_fullBleedB_logoContainer:has(img):has([class*=MC_Heading]) {
--backgroundFadePercentage: 65%
}
.MC_fullBleedB .MC_fullBleedB_logoContainer:after {
background: linear-gradient(180deg, rgba(1, 13, 41, 0) var(--backgroundFadePercentage), var(--backgroundFadeColor) 100%);
bottom: 0;
content: "";
display: block;
height: 100%;
position: absolute;
width: 100vw
}
.MC_fullBleedB .MC_fullBleedB_logoContainer>img {
height: auto;
max-width: 100%;
width: auto
}
.MC_fullBleedB .MC_fullBleedB_logoContainer [class*=MC_Heading] {
display: none;
margin-top: 20px;
z-index: 2
}
@media screen and (min-width:1000px) {
.MC_fullBleedB .MC_fullBleedB_logoContainer [class*=MC_Heading] {
display: block
}
}
.MC_fullBleedB .MC_fullbleedB_actionsContainer {
background: var(--backgroundFadeColor)
}
.MC_fullBleedB .MC_fullBleedB_actionBar {
display: flex;
justify-content: center;
position: relative;
width: 100%
}
.MC_fullBleedB .MC_fullBleedB_actionBar:after {
background: linear-gradient(to bottom, var(--backgroundFadeColor), var(--backgroundFadeColor));
content: "";
display: block;
height: calc(100% + var(--hero-bottomPad));
position: absolute;
top: 0;
width: 100vw;
z-index: 0
}
.MC_fullBleedB .MC_fullBleedB_actionBar.MC_fullBleedB_actionBar_overlayMedia {
bottom: 24px;
left: 0;
padding: 0;
position: absolute
}
@media screen and (max-width:1200px) {
.MC_fullBleedB .MC_fullBleedB_actionBar.MC_fullBleedB_actionBar_overlayMedia {
bottom: 24px
}
}
@media screen and (max-width:960px) {
.MC_fullBleedB .MC_fullBleedB_actionBar.MC_fullBleedB_actionBar_overlayMedia {
position: unset
}
}
.MC_fullBleedB .MC_fullBleedB_actions {
display: flex;
flex-wrap: wrap;
gap: 16px;
padding: 0 16px;
z-index: 2
}
.MC_fullBleedB .MC_Button.MC_Glyph_Link_B.MC_fullBleedB_inPageNav:after {
transform: rotate(0)
}
@media screen and (max-width:767.98px) {
[data-mc-ref=mc_fullBleedB] {
padding: 0
}
.MC_fullBleedB {
--hero-bottomPad: 24px
}
}
@media screen and (max-width:576px) {
.MC_fullBleedB {
--hero-bottomPad: 16px
}
.MC_fullBleedB .MC_mediaBlockB .MC_video_toggle {
scale: 75%
}
.MC_fullBleedB .MC_mediaBlockB .MC_video_toggle_wrapper {
--top: 12px;
--left: 12px;
z-index: 2
}
.MC_fullBleedB .MC_fullBleedB_actions .MC_Button {
justify-content: center;
max-width: unset;
width: 100%
}
.MC_fullBleedB .MC_fullBleedB_actions .MC_Button>span {
text-align: center
}
.MC_fullBleedB .MC_fullBleedB_logoContainer>img {
max-width: 75%
}
}
.MC_marketplaceHeroA.MC_marketplaceHeroA_view_category {
padding-top: 16px
}
.MC_marketplaceHeroA .MC_breadcrumbsA {
align-items: center;
padding-bottom: 0;
padding-top: 0
}
.MC_marketplaceHeroA_header {
align-items: flex-end;
align-self: stretch;
background: linear-gradient(0deg, #5b4b23 -.05%, rgba(38, 36, 35, 0) 63.93%, rgba(38, 36, 35, 0)), linear-gradient(180deg, #171615, #000 100.05%);
display: flex;
min-height: 362px
}
.MC_marketplaceHeroA_header_leftBg {
align-items: flex-end;
align-self: stretch;
background: url(/content/dam/minecraftnet/franchise/component-library/marketplaceHeroA/Marketplace_Particles_Catalog_Left.png) no-repeat 100% 0;
display: flex;
flex: 1 0 0;
gap: 8px;
justify-content: center
}
.MC_marketplaceHeroA_header_meta {
align-items: center;
align-self: stretch;
display: flex;
flex-direction: column;
gap: 24px;
padding: 72px 0 48px;
text-align: center;
width: 720px
}
.MC_marketplaceHeroA_header_metaLogo {
max-width: 718px;
width: 100%
}
.MC_marketplaceHeroA_header_rightBg {
align-items: flex-end;
align-self: stretch;
background: url(/content/dam/minecraftnet/franchise/component-library/marketplaceHeroA/Marketplace_Particles_Catalog_Right.png) no-repeat 0 0;
display: flex;
flex: 1 0 0;
gap: 8px;
justify-content: center
}
.MC_marketplaceHeroA_view_category .MC_marketplaceHeroA_header {
min-height: 280px
}
.MC_marketplaceHeroA_view_category .MC_marketplaceHeroA_header_leftBg {
background-image: url(/content/dam/minecraftnet/franchise/component-library/marketplaceHeroA/Marketplace_Particles_Category_Left.png)
}
.MC_marketplaceHeroA_view_category .MC_marketplaceHeroA_header_rightBg {
background-image: url(/content/dam/minecraftnet/franchise/component-library/marketplaceHeroA/Marketplace_Particles_Category_Right.png)
}
@media screen and (max-width:767.98px) {
.MC_marketplaceHeroA_header {
min-height: 298px
}
.MC_marketplaceHeroA_header_leftBg,
.MC_marketplaceHeroA_header_rightBg {
min-width: 24px
}
.MC_marketplaceHeroA_header_meta {
padding: 48px 0;
width: calc(100% - 48px)
}
}
@media screen and (max-width:576px) {
.MC_marketplaceHeroA_header {
min-height: 252px
}
.MC_marketplaceHeroA_header_meta {
padding: 24px 0
}
}
.MC_marketplaceHeroA_search {
background: var(--marketplaceHeroA-search-background, linear-gradient(180deg, #a18037 6.88%, #644a21 30.16%, #433522 53.06%, #222120 100%));
background-color: var(--marketplaceHeroA-search-backgroundColor, #a18037);
border-top: var(--marketplaceHeroA-search-border, 24px solid #f9e17a);
box-shadow: var(--marketplaceHeroA-search-box-shadow, 0 -3px 0 0 #fac02c);
padding: 16px 60px 24px
}
.MC_marketplaceHeroA_search .MC_SearchBoxB {
border: 0;
padding: 0
}
.MC_marketplaceHeroA_search .MC_SearchBoxB_form {
max-width: 888px
}
.MC_marketplaceHeroA_search .MC_SearchBoxB_label {
color: var(--marketplaceHeroA-label-color, var(--mc-core-grey-1));
font-weight: 700;
letter-spacing: .6px;
text-transform: uppercase
}
.MC_marketplaceHeroA_search .MC_SearchBoxB_form-container:focus-within {
border-color: var(--mc-core-white);
outline: 3px solid var(--mc-core-green-6)
}
.MC_marketplaceHeroA_view_category .MC_marketplaceHeroA_search {
background: linear-gradient(180deg, #fadf72 6.88%, #fbdc68 30.16%, #fcd95d 53.06%, #fed44a);
background-color: #fadf72;
border-color: #fac02c;
box-shadow: unset
}
.MC_marketplaceHeroA_view_category .MC_marketplaceHeroA_search .MC_SearchBoxB_label {
color: var(--mc-core-grey-6)
}
@media screen and (max-width:767.98px) {
.MC_marketplaceHeroA_search {
padding-left: 24px;
padding-right: 24px
}
}
@media screen and (max-width:576px) {
.MC_marketplaceHeroA_search {
padding-left: 16px;
padding-right: 16px
}
}
[data-mc-ref=mc_marketplaceHeroB] {
--sticky-offset: 0
}
[data-mc-ref=mc_marketplaceHeroB] .MC_breadcrumbsA {
padding: 0 0 48px
}
[data-mc-ref=mc_marketplaceHeroB] .MC_breadcrumbsA ul {
align-items: center;
min-height: 32px
}
.MC_marketplaceHeroB {
margin: 0 auto;
max-width: 1920px;
padding: 16px 60px 48px
}
.MC_marketplaceHeroB_container {
align-items: end;
align-self: stretch;
display: flex;
gap: 24px;
justify-content: center
}
.MC_marketplaceHeroB_formContainer {
align-self: center;
max-width: 736px;
min-width: 525px;
width: 40.9%
}
.MC_marketplaceHeroB_cardContainer_cardImage {
background: linear-gradient(0deg, rgba(0, 0, 0, .4) 0, rgba(0, 0, 0, .4) 100%), var(--Core-Off-Black, #171615);
box-shadow: inset 4px -4px 0 0 hsla(0, 0%, 100%, .1), inset -4px 4px 0 0 #000;
box-sizing: content-box;
display: flex;
justify-content: space-between;
padding: 1.5rem;
width: calc(100% - 3rem)
}
.MC_marketplaceHeroB_cardContainer_cardImage picture {
flex-basis: 100%
}
.MC_marketplaceHeroB_cardContainer_cardImage picture img {
width: 100%
}
.MC_marketplaceHeroB .MC_CarouselN {
max-width: 1040px
}
@media screen and (max-width:576px) {
.MC_marketplaceHeroB .MC_CarouselN {
padding: 0
}
}
.MC_marketplaceHeroB .MC_mediaBlockB_media-container video,
.MC_marketplaceHeroB .MC_mediaBlockB_media_image img {
background-color: transparent !important
}
.MC_marketplaceHeroB_textOutlineA {
align-items: center;
background-color: var(--mc-core-white);
color: var(--mc-core-grey-6);
display: flex;
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: normal;
padding: 2px 6px;
text-transform: uppercase
}
.MC_marketplaceHeroB_skuContainer {
align-items: flex-start;
display: flex;
flex: 1 0 0;
flex-direction: column;
gap: 16px
}
.MC_marketplaceHeroB_skuContainer [data-mc-ref=mc_statusBannerA] {
width: 100%;
z-index: 2
}
.MC_marketplaceHeroB_skuCardContainer {
align-items: flex-start;
align-self: stretch;
display: flex;
flex-direction: column;
gap: 16px
}
.MC_marketplaceHeroB_cardContainer {
align-self: center;
max-width: 1040px;
width: 100%
}
.MC_marketplaceHeroB_formContainer_placeholder .MC_marketplaceHeroB_skuCardContainer {
align-items: center;
justify-content: center;
min-height: 250px
}
.MC_marketplaceHeroB_skuCardContainer .MC_Animations_loadingIconA {
align-self: center
}
.MC_marketplaceHeroB_skuCardContainer_label {
position: relative;
width: 100%
}
.MC_marketplaceHeroB_skuCardContainer_label+.MC_marketplaceHeroB_skuCard_tag {
margin-top: 16px
}
.MC_marketplaceHeroB_skuCard_tag {
align-items: center;
align-self: stretch;
background: #3af4e3;
border: 1px solid #15afa4;
box-shadow: 2px 2px 0 0 var(--mc-core-white) inset;
color: var(--mc-core-rich-black);
display: flex;
font-family: var(--mc-legends-fontlist);
font-size: .875rem;
font-style: normal;
font-weight: 400;
justify-content: center;
letter-spacing: .56px;
line-height: 18px;
margin-left: 4px;
min-height: 24px;
padding: 2px 8px;
width: calc(100% - 8px);
z-index: 2
}
.MC_marketplaceHeroB_metaContainer {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: flex-start;
padding: 0;
width: 100%
}
.MC_marketplaceHeroB_metaContainer:empty {
display: none
}
.MC_marketplaceHeroB_metaContainer_entitlement p {
color: #bbff9b !important;
font-size: .875rem;
font-style: normal;
font-weight: 400;
line-height: normal;
text-shadow: 0 0 16px rgba(82, 218, 19, .8)
}
.MC_marketplaceHeroB_metaContainer_creator p {
color: var(--mc-core-grey-3) !important
}
.MC_marketplaceHeroB_metaContainer_ratingAndEsrb {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 16px;
padding: 0
}
.MC_marketplaceHeroB_metaContainer_ratingContainer {
align-items: center;
display: flex;
flex-shrink: 0;
font-size: .875rem;
font-style: normal;
font-weight: 400;
gap: 6px;
line-height: normal
}
.MC_marketplaceHeroB_metaContainer .MC_badgeB {
flex-shrink: 0;
margin-left: auto;
max-width: 50%
}
.MC_marketplaceHeroB_skuCard {
align-items: flex-start;
align-self: stretch;
box-shadow: inset 0 -4px 0 0 #000, inset -4px 0 0 0 #3d3938, inset 4px 0 0 0 #000, inset 0 4px 0 0 #3d3938;
display: flex;
flex-direction: column;
gap: 16px;
padding: 24px
}
.MC_marketplaceHeroB_skuCard,
.MC_marketplaceHeroB_skuCard_isOwned {
background: linear-gradient(0deg, hsla(0, 0%, 100%, .05), hsla(0, 0%, 100%, .05)), #262423
}
.MC_marketplaceHeroB_skuCard_isOwned {
box-shadow: 0 0 90px 0 rgba(255, 196, 43, .7), inset -4px 4px 0 0 #db9f21, inset 4px -4px 0 0 #b87918
}
.MC_marketplaceHeroB_skuCard .MC_dividerA {
margin: 0;
padding: 0;
width: 100%
}
.MC_marketplaceHeroB_skuCard .MC_dividerA:after {
background: hsla(0, 0%, 100%, .1);
box-shadow: 0 -2px 0 0 rgba(0, 0, 0, .3)
}
.MC_marketplaceHeroB_skuCard .MC_dividerA:before {
display: none
}
.MC_marketplaceHeroB .MC_RadioGroupA_checked .MC_marketplaceHeroB_skuCard {
background: linear-gradient(0deg, hsla(0, 0%, 100%, .05) 0, hsla(0, 0%, 100%, .05) 100%), var(--mc-core-grey-6);
box-shadow: inset -4px 4px 0 0 #52a535, inset 4px -4px 0 0 #2a641c
}
.MC_marketplaceHeroB_skuCard_header {
display: flex;
justify-content: space-between;
width: 100%
}
.MC_marketplaceHeroB_skuCard_header .MC_Heading {
font-size: 3rem;
font-style: normal;
font-weight: 400;
letter-spacing: -.72px;
line-height: 50px;
word-break: break-word
}
.MC_marketplaceHeroB_skuCard_pills li {
align-items: center;
align-self: center;
display: flex;
gap: 6px;
min-height: 32px;
padding: 6px 8px 6px 6px
}
.MC_marketplaceHeroB_skuCard_pills {
align-items: flex-start;
align-self: stretch;
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 0 !important;
padding: 0 !important
}
.MC_marketplaceHeroB_skuCard_pills p {
font-size: .875rem;
font-style: normal;
font-weight: 400;
line-height: normal;
word-break: break-word
}
.MC_marketplaceHeroB_skuCard_pills_dark {
background: rgba(0, 0, 0, .3);
border-bottom: 1px solid var(--mc-core-grey-5)
}
.MC_marketplaceHeroB_skuCard_pills_light {
background: hsla(0, 0%, 100%, .1);
box-shadow: 0 1px 0 0 rgba(0, 0, 0, .25)
}
.MC_marketplaceHeroB_skuCard_priceContainer {
align-items: center;
display: flex;
gap: 16px;
justify-content: space-between;
position: relative;
width: 100%
}
.MC_marketplaceHeroB_skuCard_price {
align-items: center;
color: var(--mc-core-off-white);
display: flex;
font-size: 1.375rem;
font-style: normal;
font-weight: 600;
gap: 8px;
line-height: 28px;
width: 100%
}
.MC_marketplaceHeroB_mpBadging+.MC_marketplaceHeroB_skuCard_price {
min-height: 36px
}
.MC_marketplaceHeroB_skuCard_pricingContainer {
align-items: end;
display: flex;
gap: 16px;
justify-content: space-between;
width: 100%
}
.MC_marketplaceHeroB_mpBadging {
align-self: flex-start;
margin-left: -19px
}
.MC_marketplaceHeroB_skuCard_saleContainer {
align-items: center;
align-self: normal;
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 4px
}
.MC_marketplaceHeroB_skuCard_salePrice {
color: var(--mc-core-grey-3);
font-size: 1.125rem;
font-style: normal;
font-weight: 400;
letter-spacing: -.27px;
line-height: normal;
text-decoration: line-through
}
.MC_marketplaceHeroB_skuCard_listPrice {
color: var(--mc-marketplace-gold-3);
font-family: var(--mc-vanilla-fontlist);
font-size: 1.875rem;
font-style: normal;
font-weight: 400;
line-height: 24px;
text-align: right;
text-shadow: 1px 1px 0 #000
}
.MC_marketplaceHeroB_skuCard_discountContainer {
align-items: center;
color: var(--mc-core-grey-3);
display: flex;
flex-shrink: 0;
font-size: .875rem;
font-style: normal;
font-weight: 400;
gap: 6px;
line-height: normal
}
.MC_marketplaceHeroB_skuCard_approxPrice {
align-items: center;
display: flex;
gap: 4px
}
.MC_marketplaceHeroB_skuCard_approxPrice_wrapper {
align-items: center;
display: flex;
gap: 8px
}
.MC_marketplaceHeroB_skuCard_approxPrice_label {
font-size: .875rem;
font-style: normal;
font-weight: 400;
line-height: normal
}
.MC_marketplaceHeroB_approxPrice_salePrice {
color: var(--mc-core-grey-3);
font-size: 1.125rem;
font-style: normal;
font-weight: 400;
letter-spacing: -.27px;
line-height: normal;
text-decoration-line: line-through
}
@media screen and (max-width:576px) {
.MC_marketplaceHeroB_mpBadging {
margin-left: -11px
}
.MC_marketplaceHeroB_skuCard_priceContainer {
flex-direction: column
}
}
@media screen and (max-width:400px) {
.MC_marketplaceHeroB_skuCard_price {
align-items: flex-start
}
.MC_marketplaceHeroB_skuCard_price .MC_RadioGroupA_input {
margin-top: 2px
}
.MC_marketplaceHeroB_skuCard_pricingContainer {
flex-wrap: wrap
}
}
.MC_marketplaceHeroB_skuContainer_customMessagingRow {
align-items: center;
align-self: stretch;
background: var(--mc-marketplace-gold-3);
border: 1px solid var(--mc-marketplace-gold-5);
box-shadow: 2px 2px 0 0 var(--mc-marketplace-gold-1) inset;
display: flex;
gap: 8px;
justify-content: center;
padding: 8px
}
.MC_marketplaceHeroB_skuContainer_unavailableMessage {
align-items: center;
display: flex;
gap: 8px
}
.MC_marketplaceHeroB_skuContainer_unavailableMessage>p {
color: var(--mc-core-grey-6) !important;
font-family: var(--mc-legends-fontlist) !important;
font-size: .875rem;
font-style: normal;
font-weight: 400;
letter-spacing: .56px;
line-height: 16px;
margin: 0;
text-align: center
}
.MC_marketplaceHeroB_skuContainer_actionRow {
align-items: center;
align-self: stretch;
display: flex;
gap: 16px 24px;
justify-content: space-between
}
.MC_marketplaceHeroB_skuContainer_actionRow .MC_Button {
justify-content: center;
max-width: unset;
width: 50%
}
.MC_marketplaceHeroB_skuContainer_actionRow_singleOption .MC_Button {
width: 100%
}
.MC_marketplaceHeroB_skuContainer_actionRow .MC_Button>span {
display: inline-flex;
gap: 8px;
margin: unset;
width: unset
}
.MC_marketplaceHeroB_skuContainer_actionRow:has(.MC_marketplaceHeroB_purchaseModalBtn+.MC_marketplaceHeroB_playItem) .MC_marketplaceHeroB_purchaseModalBtn {
flex-basis: 33.33%;
flex-grow: 1;
flex-shrink: 0;
min-width: fit-content;
padding-left: 12px;
padding-right: 12px
}
.MC_marketplaceHeroB_skuContainer_actionRow:has(.MC_marketplaceHeroB_purchaseModalBtn+.MC_marketplaceHeroB_playItem) .MC_marketplaceHeroB_playItem {
flex-basis: 66.66%;
flex-grow: 1;
flex-shrink: 1
}
.MC_marketplaceHeroB_redeemDisclaimer p {
color: var(--mc-core-grey-2) !important;
font-size: .875rem;
font-style: normal;
font-weight: 400;
line-height: normal;
text-align: center
}
.MC_marketplaceHeroB .MC_Button_Hero {
min-height: 50px;
padding-bottom: 13px;
padding-top: 13px
}
.MC_marketplaceHeroB .MC_Button_Hero.MC_Button_Style_FullWidth {
width: 100%
}
.MC_marketplaceHeroB_gift.MC_Button_Hero {
padding-bottom: 11px;
padding-top: 11px
}
.MC_marketplaceHeroB_gift.MC_Button_Hero svg {
fill: var(--mc-core-white)
}
.MC_marketplaceHeroB_gift.MC_Button_Hero:has(svg) {
align-items: center;
gap: 1rem
}
.MC_marketplaceHeroB_stickyBar {
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
background-color: rgba(38, 36, 35, .9);
display: none;
width: 100%;
z-index: 299
}
.MC_marketplaceHeroB_stickyBar.MC_marketplaceHeroB_sticky {
display: flex;
left: 0;
position: fixed;
top: var(--sticky-offset)
}
.MC_marketplaceHeroB_stickyBar_container {
display: none;
width: 100%
}
.MC_marketplaceHeroB_stickyBar.MC_marketplaceHeroB_sticky .MC_marketplaceHeroB_stickyBar_container {
display: block
}
.MC_marketplaceHeroB_stickyBar_productContainer {
align-items: center;
display: flex;
gap: 16px;
justify-content: flex-end;
margin: 0 auto;
max-width: 1920px;
padding: 8px 60px;
width: 100%
}
.MC_marketplaceHeroB_stickyBar_productContainer .MC_Button {
gap: 8px;
justify-content: center;
min-height: unset;
min-width: 125px;
padding: 8px;
text-align: center
}
.MC_marketplaceHeroB_stickyBar_productContainer .MC_Button>span {
font-size: .875rem;
font-style: normal;
letter-spacing: 1.12px;
line-height: 20px;
margin: unset;
width: calc(100% - 20px);
width: unset
}
.MC_marketplaceHeroB_stickyBar_productInfo {
align-items: center;
display: flex;
flex: 1 0 0;
gap: 12px
}
.MC_marketplaceHeroB_stickyBar_productInfo_img {
flex-shrink: 0;
height: 40px;
overflow: hidden;
position: relative;
width: 40px
}
.MC_marketplaceHeroB_stickyBar_productInfo_img>img {
height: 40px;
left: 50%;
position: absolute;
transform: translateX(-50%)
}
.MC_marketplaceHeroB_stickyBar_productInfo p {
display: -webkit-box;
font-size: .875rem;
font-style: normal;
font-weight: 700;
letter-spacing: 1.12px;
-webkit-line-clamp: 2;
line-height: 20px;
overflow: hidden;
overflow-wrap: anywhere;
text-transform: uppercase;
word-break: break-word;
-webkit-box-orient: vertical
}
.MC_marketplaceHeroB_stickyBar_productCta {
flex-shrink: 0
}
.MC_marketplaceHeroB_stickyBar_productCta .MC_Button {
gap: 12px;
justify-content: center;
max-width: unset;
min-height: 40px;
min-width: 225px;
padding-bottom: 8px;
padding-top: 8px;
width: 100%
}
.MC_marketplaceHeroB_stickyBar_productCta .MC_Button>span {
font-size: .875rem;
font-style: normal;
letter-spacing: 1.12px;
line-height: 20px;
margin: unset;
width: unset
}
.MC_marketplaceHeroB_stickyBar .MC_marketplaceHeroB_skuContainer_customMessagingRow {
align-items: center;
justify-content: right;
margin: 8px 0;
padding: 8px
}
.MC_marketplaceHeroB_stickyBar_unavailableMessage {
background: var(--mc-marketplace-gold-3);
border: 1px solid var(--mc-marketplace-gold-5);
box-shadow: 2px 2px 0 0 var(--mc-marketplace-gold-1) inset;
max-width: 50%
}
.MC_marketplaceHeroB_stickyBar_unavailableMessage p {
color: var(--mc-core-grey-6) !important;
font-family: var(--mc-legends-fontlist);
font-size: .875rem;
font-style: normal;
font-weight: 400;
letter-spacing: .56px;
line-height: 16px;
margin: 0;
padding: 8px;
text-align: center
}
@media screen and (max-width:1000px) {
.MC_marketplaceHeroB_stickyBar_productContainer {
padding-left: 24px;
padding-right: 24px
}
}
@media screen and (max-width:767.98px) {
.MC_marketplaceHeroB_stickyBar.MC_marketplaceHeroB_sticky {
display: none
}
.MC_marketplaceHeroB_stickyBar_productContainer {
padding: 8px
}
.MC_marketplaceHeroB_stickyBar_container {
gap: 8px;
padding: 8px
}
.MC_marketplaceHeroB_stickyBar_productCta .MC_Button {
min-width: 149px
}
}
@media screen and (max-width:576px) {
.MC_marketplaceHeroB_stickyBar_productCta .MC_Button {
gap: 8px;
min-width: 125px;
padding: 8px
}
.MC_marketplaceHeroB_stickyBar_productContainer,
.MC_marketplaceHeroB_stickyBar_productInfo {
gap: 8px
}
}
.MC_marketplaceHeroB_mobileSticky {
display: none;
width: 100%
}
[data-mc-ref=mc-marketplaceHeroBSticky]:not(.MC_marketplaceHeroB_mobileSticky_docked) .MC_marketplaceHeroB_mobileSticky {
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
background-color: rgba(38, 36, 35, .9);
bottom: 0;
position: fixed;
z-index: 299
}
.MC_marketplaceHeroB_mobileSticky_placeholder {
display: none;
min-height: 56px
}
[data-mc-ref=mc-marketplaceHeroBSticky].MC_marketplaceHeroB_mobileSticky_docked {
position: relative
}
[data-mc-ref=mc-marketplaceHeroBSticky].MC_marketplaceHeroB_mobileSticky_docked .MC_marketplaceHeroB_mobileSticky {
position: absolute;
top: 0
}
.MC_marketplaceHeroB_mobileSticky .MC_marketplaceHeroB_stickyBar_container {
padding: 0
}
.MC_marketplaceHeroB_mobileSticky .MC_marketplaceHeroB_skuContainer_customMessagingRow {
margin: 0;
padding: 8px
}
.MC_marketplaceHeroB_mobileSticky .MC_marketplaceHeroB_skuContainer_unavailableMessage {
min-height: 40px;
padding: 8px
}
@media screen and (max-width:767.98px) {
.MC_marketplaceHeroB_mobileSticky.MC_marketplaceHeroB_sticky,
.MC_marketplaceHeroB_mobileSticky.MC_marketplaceHeroB_sticky .MC_marketplaceHeroB_stickyBar_container,
.MC_marketplaceHeroB_mobileSticky_placeholder {
display: block
}
}
.MC_marketplaceHeroB_placeholdRender .MC_Carousel_wrapper {
min-height: 300px
}
.MC_marketplaceHeroB_placeholdRender .MC_Animations_loadingIconA {
align-self: center
}
@media screen and (max-width:1000px) {
.MC_marketplaceHeroB {
padding: 24px
}
.MC_marketplaceHeroB_container {
flex-direction: column
}
.MC_marketplaceHeroB_cardContainer [class*=MC_Heading] {
font-size: 1.875rem;
letter-spacing: -.45px;
line-height: 32px
}
.MC_marketplaceHeroB_formContainer {
min-width: unset;
width: 100%
}
}
@media screen and (max-width:576px) {
.MC_marketplaceHeroB {
padding: 16px
}
.MC_marketplaceHeroB_cardContainer {
width: 100%
}
.MC_marketplaceHeroB_skuCard {
padding: 16px
}
.MC_marketplaceHeroB_skuCard_header .MC_badgeB {
left: 12px
}
.MC_marketplaceHeroB_skuContainer_actionRow {
flex-direction: column
}
.MC_marketplaceHeroB_skuContainer_actionRow .MC_Button {
width: 100%
}
}
@media (forced-colors:active) {
.MC_marketplaceHeroB .MC_RadioGroupA_checked .MC_marketplaceHeroB_skuCard {
outline: 4px solid;
outline-offset: -4px
}
.MC_marketplaceHeroB {
border-bottom: 1px solid
}
.MC_marketplaceHeroB_skuCard,
.MC_marketplaceHeroB_skuCard_pills li {
outline: 1px solid
}
.MC_marketplaceHeroB_textOutlineA {
filter: invert(1)
}
.MC_marketplaceHeroB_stickyBar_productContainer {
border-bottom: 1px solid
}
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
.MC_marketplaceHeroB_gift svg,
.MC_marketplaceHeroB_skuCard_pills svg,
.MC_marketplaceHeroB_skuCard_priceContainer>svg {
filter: invert(1)
}
}
.MC_marketplaceHeroC {
display: flex;
flex-direction: column;
gap: 16px;
margin: 0 auto;
max-width: 1920px
}
.MC_marketplaceHeroC .MC_breadcrumbsA {
width: 100%
}
.MC_marketplaceHeroC_outerContainer {
align-items: flex-end;
align-self: stretch;
background: url(/content/dam/minecraftnet/franchise/component-library/marketplaceHeroC/grass_background.png) repeat-x 0 0;
display: flex;
gap: 24px;
min-height: 224px;
padding: 48px 60px;
position: relative
}
.MC_marketplaceHeroC_outerContainer .MC_Animations_loadingIconA {
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%)
}
.MC_marketplaceHeroC_contentContainer {
align-items: flex-start;
align-self: stretch;
background: linear-gradient(0deg, hsla(0, 0%, 100%, .05), hsla(0, 0%, 100%, .05)), #262423;
box-shadow: inset 0 -4px 0 0 #000, inset -4px 0 0 0 #3d3938, inset 4px 0 0 0 #000, inset 0 4px 0 0 #3d3938;
display: flex;
flex-direction: column;
gap: 16px;
justify-content: center;
max-width: 960px;
padding: 24px;
position: relative;
width: 75%
}
.MC_marketplaceHeroC_heading {
align-items: flex-start;
display: flex;
flex-direction: column;
gap: 16px;
max-width: calc(100% - 274px)
}
.MC_marketplaceHeroC_logo {
height: 96px;
position: absolute;
right: 24px;
top: -32px
}
.MC_marketplaceHeroC_logo-mobile {
display: none
}
.MC_marketplaceHeroC_logo img {
height: auto;
max-height: 96px;
max-width: 200px;
width: 100%
}
.MC_marketplaceHeroC .MC_dividerA {
margin: 0
}
@media screen and (max-width:1000px) {
.MC_marketplaceHeroC_contentContainer {
width: 100%
}
}
@media screen and (max-width:767.98px) {
.MC_marketplaceHeroC_outerContainer {
padding-left: 24px;
padding-right: 24px;
padding-top: 60px
}
.MC_marketplaceHeroC_contentContainer {
padding: 32px 24px 24px
}
.MC_marketplaceHeroC_heading {
max-width: 100%
}
.MC_marketplaceHeroC_logo {
align-items: flex-end;
display: inline-flex;
height: 64px;
left: 50%;
right: unset;
top: -48px;
transform: translateX(-50%)
}
.MC_marketplaceHeroC_logo img {
height: 100%
}
.MC_marketplaceHeroC_logo-desktop {
display: none
}
.MC_marketplaceHeroC_logo-mobile {
display: inline-flex
}
}
@media screen and (max-width:576px) {
.MC_marketplaceHeroC_heading {
word-break: break-word
}
.MC_marketplaceHeroC_outerContainer {
padding-left: 16px;
padding-right: 16px
}
}
.MC_marketplaceHeroC_socialShare {
align-items: center;
column-gap: 24px;
display: flex;
flex-wrap: wrap;
justify-content: center;
row-gap: 16px
}
.MC_marketplaceHeroC_socialShare_heading {
font-size: .875rem;
font-style: normal;
font-weight: 700;
letter-spacing: 1.12px;
line-height: 20px;
margin: 0;
text-transform: uppercase
}
.MC_marketplaceHeroC_socialShare ul {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 32px;
justify-content: center;
list-style-type: none;
padding: 0
}
.MC_marketplaceHeroC_socialShare_shareOption {
display: block
}
@media (forced-colors:active) {
.MC_marketplaceHeroC_contentContainer {
border: 1px solid
}
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
.MC_marketplaceHeroC_socialShare svg {
filter: invert(1)
}
}
[data-mc-ref=mc_marketplaceHeroD] {
padding-left: 60px;
padding-right: 60px;
--mc-heroD-background-images: url(/content/dam/minecraftnet/franchise/component-library/marketplaceHeroD/Marketplace_Particles_Catalog_Left.png) bottom left no-repeat, url(/content/dam/minecraftnet/franchise/component-library/marketplaceHeroD/Marketplace_Particles_Catalog_Right.png) bottom right no-repeat;
background: var(--mc-heroD-background-images), linear-gradient(0deg, #5b4b23 -.05%, rgba(38, 36, 35, 0) 63.93%, rgba(38, 36, 35, 0) 100%), linear-gradient(180deg, #171615 0, #000 100.05%)
}
.MC_marketplaceHeroD {
align-items: center;
display: flex;
flex-direction: column;
margin: 0 auto;
max-width: 1920px;
padding-bottom: 48px;
padding-top: 48px;
width: 100%
}
.MC_marketplaceHeroD_cardClickable .MC_marketplaceHeroD_mainCard:hover,
.MC_marketplaceHeroD_cardClickable .MC_marketplaceHeroD_smallCard:hover {
background-color: #31302f !important;
cursor: pointer
}
.MC_marketplaceHeroD_mainCard:hover>.MC_marketplaceHeroD_mainCard_contents>.MC_marketplaceHeroD_links>[class*=MC_Heading],
.MC_marketplaceHeroD_smallCard:hover>.MC_marketplaceHeroD_smallCard_content>.MC_marketplaceHeroD_links>[class*=MC_Heading] {
text-decoration: underline
}
.MC_marketplaceHeroD_header {
display: flex;
flex-direction: column;
gap: 24px;
margin-bottom: 32px;
max-width: 720px;
min-width: 320px;
text-align: center
}
.MC_marketplaceHeroD_cards {
align-items: center;
display: flex;
gap: 24px;
justify-content: center;
width: 100%
}
.MC_marketplaceHeroD_mainCard {
align-items: center;
background: var(--mc-core-grey-6);
box-shadow: inset 0 -2px 0 0 #000, inset 0 2px 0 0 #3d3938;
display: flex;
padding: 24px;
text-decoration: none;
width: 57%
}
.MC_marketplaceHeroD_mainCard:focus {
box-shadow: 0 0 0 .125rem var(--mc-default-focus);
outline: .0625rem solid var(--mc-core-white);
outline-offset: 1px
}
.MC_marketplaceHeroD_mainCard_contents {
align-items: flex-start;
display: flex;
flex-direction: column;
gap: 16px;
width: 100%
}
.MC_marketplaceHeroD_maincardimg {
display: flex;
width: 100%
}
.MC_marketplaceHeroD_maincardimg>img {
aspect-ratio: 16/9;
display: block;
width: 100%
}
.MC_marketplaceHeroD_smallCards {
align-items: flex-start;
display: flex;
flex-direction: column;
gap: 16px;
width: 43%
}
.MC_marketplaceHeroD_smallCard {
background: var(--mc-core-grey-6);
box-shadow: inset 0 -2px 0 0 #000, inset 0 2px 0 0 #3d3938;
display: flex;
gap: 16px;
padding: 16px;
text-decoration: none;
width: 100%
}
.MC_marketplaceHeroD_smallCard:focus {
box-shadow: 0 0 0 .125rem var(--mc-default-focus);
outline: .0625rem solid var(--mc-core-white);
outline-offset: 1px
}
.MC_marketplaceHeroD_smallCard_content {
align-items: flex-start;
display: flex;
flex: 1 0 0;
flex-direction: column;
gap: 8px
}
.MC_marketplaceHeroD_smallcardimg {
display: flex;
min-width: 177px;
width: 35%
}
.MC_marketplaceHeroD_smallcardimg>img {
aspect-ratio: 16/9;
display: block;
width: 100%
}
.MC_marketplaceHeroD_type_author {
align-items: center;
align-self: stretch;
display: flex;
flex-wrap: nowrap;
gap: 8px;
overflow: hidden
}
.MC_marketplaceHeroD_type_author .MC_pillA {
flex: 0 0 auto
}
.MC_marketplaceHeroD_type_author .MC_marketplaceHeroD_author {
flex: 1 1 0;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.MC_marketplaceHeroD_links {
display: -webkit-box;
-webkit-line-clamp: 1;
overflow: hidden;
text-decoration: none;
-webkit-box-orient: vertical;
overflow-wrap: break-word;
white-space: normal;
word-wrap: break-word;
text-overflow: ellipsis;
word-break: break-all
}
.MC_marketplaceHeroD_author {
color: var(--mc-core-grey-2);
font-family: Noto Sans;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px
}
.MC_marketplaceHeroD_line {
background: var(--mc-core-grey-5, #3d3938);
box-shadow: 0 -2px 0 0 rgba(0, 0, 0, .25);
height: 2px;
width: 100%
}
.MC_marketplaceHeroD_rating_price {
align-items: center;
align-self: stretch;
display: flex;
justify-content: space-between
}
.MC_marketplaceHeroD_minecoin {
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 4px
}
.MC_marketplaceHeroD_minecoin_retailprice {
color: var(--mc-core-grey-3);
font-size: 1.125rem;
font-style: normal;
font-weight: 400;
letter-spacing: -.27px;
line-height: normal;
text-decoration: line-through
}
.MC_marketplaceHeroD_minecoin_listprice {
color: var(--mc-marketplace-gold-3);
font-family: var(--mc-vanilla-fontlist);
font-size: 1.875rem;
font-style: normal;
font-weight: 400;
line-height: 24px;
text-align: right;
text-shadow: 1px 1px 0 #000
}
.MC_marketplaceHeroD_minecoin_listprice_free {
color: var(--mc-core-green-2)
}
@media screen and (max-width:1200px) {
.MC_marketplaceHeroD_cards {
align-items: normal;
flex-direction: column
}
.MC_marketplaceHeroD_mainCard {
max-width: none;
width: 100%
}
.MC_marketplaceHeroD_smallCards {
align-self: stretch;
max-width: none;
width: 100%
}
.MC_marketplaceHeroD_smallcardimg {
max-width: 230px
}
}
@media screen and (max-width:767.98px) {
[data-mc-ref=mc_marketplaceHeroD] {
padding-left: 24px;
padding-right: 24px
}
.MC_marketplaceHeroD {
padding-top: 36px
}
}
@media screen and (max-width:576px) {
[data-mc-ref=mc_marketplaceHeroD] {
padding-left: 16px;
padding-right: 16px
}
.MC_marketplaceHeroD_smallCard {
flex-direction: column
}
.MC_marketplaceHeroD_smallCard_content {
width: 100%
}
.MC_marketplaceHeroD_smallcardimg {
max-width: none;
width: 100%
}
}
@media (forced-colors:active) {
.MC_marketplaceHeroD_mainCard,
.MC_marketplaceHeroD_smallCard {
outline: 2px solid
}
}
[data-mc-ref=mc_hero_parallaxA] {
border-bottom: 1px solid transparent
}
.MC_Hero_ParallaxA {
aspect-ratio: 1/1;
box-sizing: border-box;
margin: 0 auto 20px;
overflow: hidden;
position: relative;
width: 100%;
z-index: 2
}
@media screen and (max-width:1199px) {
.MC_Hero_ParallaxA {
aspect-ratio: 3/4
}
}
.MC_Hero_ParallaxA>* {
position: absolute;
transition: transform .1s ease-out;
width: 100%
}
.MC_Hero_ParallaxA_action__animationToggle {
cursor: pointer;
z-index: 201
}
.MC_Hero_ParallaxA_header {
box-sizing: border-box;
padding: 0 10%;
text-align: center;
top: 10.71%;
width: 100%;
z-index: 200
}
.MC_Hero_ParallaxA_header_text {
color: var(--mc-core-white);
font-family: var(--mc-vanilla-fontlist);
line-height: .9;
margin: 0 auto 4rem;
max-width: 750px;
text-shadow: var(--mc-vanilla-coldgrey-3) 0 4px
}
@media screen and (max-width:500px) {
.MC_Hero_ParallaxA_header {
padding: 0 10px
}
}
.MC_Hero_ParallaxA_sky {
top: 0
}
.MC_Hero_ParallaxA_sky_background,
.MC_Hero_ParallaxA_sky_foreground {
position: absolute;
top: 0;
width: 100%
}
.MC_Hero_ParallaxA_sky_foreground {
z-index: 2
}
.MC_Hero_ParallaxA_background {
top: 3.57%
}
.MC_Hero_ParallaxA_main {
top: 20%
}
.MC_Hero_ParallaxA_foreground {
bottom: -16%;
height: 14.29%
}
.MC_Hero_ParallaxA_img {
display: block;
object-fit: cover;
width: 100%
}
.MC_Hero_ParallaxA_DigDeeper {
bottom: 0
}
.MC_Hero_ParallaxA .MC_Animations_WindowFlicker {
animation-iteration-count: var(--animation-iteration-count, infinite);
animation-name: MCHeroParallaxMainWindowFlicker;
background-color: var(--mc-dungeons-orange-4);
display: block;
height: 2.35%;
left: 23.2%;
opacity: 0;
position: absolute;
top: 26.2%;
width: 2.3%
}
@media screen and (max-width:1199px) {
.MC_Hero_ParallaxA .MC_Animations_WindowFlicker {
height: 2.4%;
left: 14.2%;
top: 26%;
width: 3.1%
}
}
.MC_Hero_ParallaxA .MC_Animations_Waterfall {
height: 53.15%;
left: 53.15%;
top: 33.2%
}
@media screen and (max-width:1199px) {
.MC_Hero_ParallaxA .MC_Animations_Waterfall {
height: 53.7%;
left: 54.15%;
top: 32.95%
}
}
.MC_Hero_ParallaxA .MC_Animations_Bat {
height: 3.554%;
left: auto;
right: -100%;
top: 0
}
.MC_Hero_ParallaxA .MC_Animations__play.MC_Animations_Bat {
animation-timing-function: linear
}
.MC_Hero_ParallaxA .MC_Animations__play.MC_Animations_Bat_1 {
animation-name: MCHeroParallaxBat1
}
.MC_Hero_ParallaxA .MC_Animations__play.MC_Animations_Bat_2 {
animation-name: MCHeroParallaxBat2
}
.MC_Hero_ParallaxA .MC_Animations_Bee {
height: 8%;
left: -11%;
top: 25%
}
@media screen and (max-width:1199px) {
.MC_Hero_ParallaxA .MC_Animations_Bee {
display: none
}
}
.MC_Hero_ParallaxA .MC_Animations_Pig {
height: 4.4%
}
@media screen and (max-width:1199px) {
.MC_Hero_ParallaxA .MC_Animations_Pig {
height: 4.1%
}
}
.MC_Hero_ParallaxA .MC_Animations_Pig_1 {
left: 8.8%;
top: 26.9%
}
@media screen and (max-width:1199px) {
.MC_Hero_ParallaxA .MC_Animations_Pig_1 {
left: -4%;
top: 27%
}
}
.MC_Hero_ParallaxA .MC_Animations_Pig_2 {
left: 100%;
top: 30.8%
}
@media screen and (max-width:1199px) {
.MC_Hero_ParallaxA .MC_Animations_Pig_2 {
top: 31%
}
}
.MC_Hero_ParallaxA .MC_Animations__play.MC_Animations_Pig__walking_right {
animation-name: MCHeroParallaxPigWalkingRight;
animation-timing-function: linear
}
@media screen and (max-width:1199px) {
@keyframes MCHeroParallaxPigWalkingRight {
0% {
left: 76%
}
to {
left: 100%
}
}
}
.MC_Hero_ParallaxA .MC_Animations_Chicken {
height: 3.5%
}
.MC_Hero_ParallaxA .MC_Animations_Chicken_1 {
left: 53.9%;
top: 29.5%
}
@media screen and (max-width:1199px) {
.MC_Hero_ParallaxA .MC_Animations_Chicken_1 {
left: 55.2%;
top: 29.35%
}
}
.MC_Hero_ParallaxA .MC_Animations_Chicken_2 {
left: 83.4%;
top: 27.5%
}
@media screen and (max-width:1199px) {
.MC_Hero_ParallaxA .MC_Animations_Chicken_2 {
left: 94.5%;
top: 27.4%
}
}
.MC_Hero_ParallaxA .MC_Animations_CherryBlossomPetals__front {
height: 10%
}
.MC_Hero_ParallaxA .MC_Animations_CherryBlossomPetals__back {
height: 15%
}
.MC_Hero_ParallaxA .MC_Animations_CherryBlossomPetals_1 {
left: 95%;
top: 14%
}
@media screen and (max-width:1199px) {
.MC_Hero_ParallaxA .MC_Animations_CherryBlossomPetals_1 {
display: none
}
}
.MC_Hero_ParallaxA .MC_Animations_CherryBlossomPetals_2 {
left: 60%;
top: 17%
}
@media screen and (max-width:1199px) {
.MC_Hero_ParallaxA .MC_Animations_CherryBlossomPetals_2 {
left: 64%
}
}
.MC_Hero_ParallaxA .MC_Animations_CherryBlossomPetals_3 {
left: 80%;
top: 11%
}
@media screen and (max-width:1199px) {
.MC_Hero_ParallaxA .MC_Animations_CherryBlossomPetals_3 {
left: 90%
}
}
[data-mc-ref=mc_hero_parallaxB] {
border-bottom: 1px solid transparent
}
.MC_Hero_ParallaxB {
aspect-ratio: 16/9;
box-sizing: border-box;
margin: 0 auto 20px;
overflow: hidden;
position: relative;
width: 100%
}
@media screen and (max-width:767.98px) {
.MC_Hero_ParallaxB {
aspect-ratio: 1
}
}
.MC_Hero_ParallaxB>* {
position: absolute;
transition: transform .1s ease-out;
width: 100%
}
.MC_Hero_ParallaxB_header {
--font-color: inherit;
align-items: center;
box-sizing: border-box;
display: flex;
flex-direction: column;
margin-top: 64px;
padding: 0 10%;
text-align: center;
width: 100%;
z-index: 200
}
@media screen and (max-width:1200px) {
.MC_Hero_ParallaxB_header {
margin-top: 32px
}
}
@media screen and (max-width:767.98px) {
.MC_Hero_ParallaxB_header {
margin-top: 24px
}
}
.MC_Hero_ParallaxB_header_img {
margin-bottom: 24px;
max-width: max-content;
object-fit: contain;
width: 100%
}
.MC_Hero_ParallaxB_header_text {
color: var(--font-color) !important;
font-family: var(--mc-vanilla-fontlist);
line-height: .9;
margin-bottom: 64px;
text-shadow: var(--mc-vanilla-coldgrey-3) 0 4px
}
.MC_Hero_ParallaxB_foreground {
bottom: -23%
}
.MC_Hero_ParallaxB_img {
display: block;
object-fit: cover;
width: 100%
}
[data-mc-ref=mc_hero_parallaxC] {
border-bottom: 1px solid transparent;
overflow: hidden
}
.MC_Hero_ParallaxC {
--sceneMaxWidth: 3440;
--sceneMinWidth: 1440;
--sceneWidth: var(--sceneMaxWidth);
--sceneMaxHeight: 2356;
--sceneMinHeight: 2200;
--sceneHeight: var(--sceneMaxHeight);
--sceneScale: calc(var(--sceneMaxWidth)/var(--sceneWidth));
--sceneWidthScaled: calc(var(--sceneWidth)*var(--sceneScale));
--sceneShrinkPoint: 1000;
--sceneShrinkSpeed: calc(100%*(1 + var(--sceneHeight)/var(--sceneMaxWidth))*(var(--sceneShrinkPoint)/var(--sceneMaxWidth)));
box-sizing: border-box;
height: calc(1px*var(--sceneHeight));
margin: 0 auto;
max-width: calc(1px*var(--sceneMaxWidth));
overflow: hidden;
position: relative;
width: 100%
}
@media screen and (width < 1496px) {
.MC_Hero_ParallaxC {
--sceneWidth: var(--sceneMinWidth);
--sceneHeight: var(--sceneMinHeight);
aspect-ratio: calc(var(--sceneWidth)/var(--sceneHeight));
height: auto
}
}
.MC_Hero_ParallaxC>* {
position: absolute
}
.MC_Hero_ParallaxC_Header {
--HeaderWidth: 650;
--HeaderHeight: 198;
box-sizing: border-box;
left: 50%;
text-align: center;
top: 80px;
transform: translateX(-50%);
width: calc(1px*var(--HeaderWidth)*var(--sceneScale));
z-index: 200
}
@media screen and (width < 1496px) {
.MC_Hero_ParallaxC_Header {
width: calc(100%*var(--HeaderWidth)/var(--sceneWidth))
}
}
.MC_Hero_ParallaxC_Header_text {
color: var(--mc-core-white);
font-family: var(--mc-vanilla-fontlist);
line-height: .9;
margin: 0 auto 2rem;
text-shadow: var(--mc-vanilla-coldgrey-3) 0 4px;
word-wrap: normal;
left: 50%;
position: relative;
transform: translateX(-50%);
width: 80vw
}
.MC_Hero_ParallaxC_Header_img {
aspect-ratio: calc(var(--HeaderWidth)/var(--HeaderHeight));
display: block;
margin-bottom: 2rem;
width: 100%
}
.MC_Hero_ParallaxC_Header_link a {
left: 50%;
position: absolute;
transform: translateX(-50%);
white-space: nowrap
}
.MC_Hero_ParallaxC_Layers {
aspect-ratio: 1/1;
left: var(--sceneShrinkSpeed);
position: absolute;
top: 0;
transform: translateX(calc(var(--sceneShrinkSpeed)*-1));
width: calc(1px*var(--sceneWidth))
}
@media screen and (width < 1496px) {
.MC_Hero_ParallaxC_Layers {
width: calc(100%*var(--sceneScale))
}
}
.MC_Hero_ParallaxC_Layers>* {
position: absolute;
transition: transform .1s ease-out;
width: 100%
}
.MC_Hero_ParallaxC_Layers_sky {
z-index: 1
}
.MC_Hero_ParallaxC_Layers_sky>* {
position: absolute;
top: 0;
width: 100%
}
.MC_Hero_ParallaxC_Layers_sky_details {
z-index: 2
}
.MC_Hero_ParallaxC_Layers_background {
top: calc(26800%/var(--sceneHeight));
z-index: 2
}
.MC_Hero_ParallaxC_Layers_focus {
top: calc(31500%/var(--sceneHeight));
z-index: 3
}
.MC_Hero_ParallaxC_Layers_focus_main {
--sceneHeight: 1894
}
.MC_Hero_ParallaxC_Layers_foreground {
bottom: calc(-85000%/var(--sceneHeight));
height: calc(171000%/var(--sceneHeight));
z-index: 4
}
.MC_Hero_ParallaxC_Layers_foreground_main:after {
background-color: var(--mc-core-rich-black);
content: "";
display: block;
height: calc(171000%/var(--sceneHeight));
position: absolute;
top: calc(171000%/var(--sceneHeight));
width: 100%;
z-index: -1
}
.MC_Hero_ParallaxC_img {
display: block;
object-fit: cover;
width: 100%
}
.MC_Hero_ParallaxC .MC_Animations_Layer {
--sceneAnimX: 0;
--sceneAnimX2: 0;
--sceneAnimY: 0;
--sceneAnimY2: 0;
--sceneAnimH: 0;
--sceneAnimH2: 0;
--sceneAnimW: 0;
--sceneAnimW2: 0;
height: calc(100%*var(--sceneAnimH)/var(--sceneHeight));
left: calc(100%*var(--sceneAnimX)/var(--sceneWidthScaled));
top: calc(100%*var(--sceneAnimY)/var(--sceneHeight))
}
.MC_Hero_ParallaxC .MC_Animations_WindowFlicker {
--sceneAnimX: 1202;
--sceneAnimY: 490;
--sceneAnimH: 48;
--sceneAnimW: 48;
animation-iteration-count: var(--animation-iteration-count, infinite);
animation-name: MCHeroParallaxMainWindowFlicker;
background-color: var(--mc-dungeons-orange-4);
opacity: 0;
width: calc(100%*var(--sceneAnimW)/(var(--sceneWidth)*var(--sceneScale)))
}
@keyframes MCHeroParallaxMainWindowFlicker {
0%,
to {
opacity: .1
}
25% {
opacity: .3
}
50% {
opacity: .2
}
75% {
opacity: .25
}
}
.MC_Hero_ParallaxC .MC_Animations_Waterfall {
--sceneAnimX: 1774;
--sceneAnimY: 627;
--sceneAnimH: 1032
}
.MC_Hero_ParallaxC .MC_Animations_Bat {
--sceneAnimH: 68;
left: auto;
right: -100%;
top: 0
}
.MC_Hero_ParallaxC .MC_Animations__play.MC_Animations_Bat_1 {
animation-name: MCHeroParallaxBat1
}
@keyframes MCHeroParallaxBat1 {
0% {
right: 0;
top: 30%
}
25% {
right: 20%;
top: 50%
}
to {
right: 120%;
top: 50%
}
}
.MC_Hero_ParallaxC .MC_Animations__play.MC_Animations_Bat_2 {
animation-name: MCHeroParallaxBat2
}
@keyframes MCHeroParallaxBat2 {
0% {
right: 0;
top: 30%
}
to {
right: 120%;
top: 60%
}
}
.MC_Hero_ParallaxC .MC_Animations_CherryBlossomPetals__front {
--sceneAnimH: 190
}
.MC_Hero_ParallaxC .MC_Animations_CherryBlossomPetals__back {
--sceneAnimH: 290
}
.MC_Hero_ParallaxC .MC_Animations_CherryBlossomPetals_1 {
--sceneAnimX: 2580;
--sceneAnimY: 265
}
.MC_Hero_ParallaxC .MC_Animations_CherryBlossomPetals_2 {
--sceneAnimX: 1910;
--sceneAnimY: 320
}
.MC_Hero_ParallaxC .MC_Animations_CherryBlossomPetals_3 {
--sceneAnimX: 2300;
--sceneAnimY: 208
}
.MC_Hero_ParallaxC .MC_Animations_group_1 .MC_Animations_night {
display: none
}
.MC_Hero_ParallaxC .MC_Animations_Bee {
--sceneAnimX: 550;
--sceneAnimY: 473.5;
--sceneAnimH: 151.5
}
.MC_Hero_ParallaxC .MC_Animations_Pig {
--sceneAnimH: 85
}
.MC_Hero_ParallaxC .MC_Animations_Pig_1 {
--sceneAnimX: 924.5;
--sceneAnimY: 507
}
.MC_Hero_ParallaxC .MC_Animations_Pig_2 {
--sceneAnimY: 579;
left: 100%
}
.MC_Hero_ParallaxC .MC_Animations__play.MC_Animations_Pig__walking_right {
animation-name: MCHeroParallaxPigWalkingRight
}
@keyframes MCHeroParallaxPigWalkingRight {
0% {
left: 60%
}
to {
left: 100%
}
}
.MC_Hero_ParallaxC .MC_Animations_Chicken {
--sceneAnimH: 65
}
.MC_Hero_ParallaxC .MC_Animations_Chicken_1 {
--sceneAnimX: 1795;
--sceneAnimY: 558
}
.MC_Hero_ParallaxC .MC_Animations_Chicken_2 {
--sceneAnimX: 2360;
--sceneAnimY: 520
}
.MC_Hero_ParallaxC .MC_Animations_group_2 :not(.MC_Animations_night) {
display: none
}
.MC_Hero_ParallaxC .MC_Animations_Zombie {
--sceneAnimH: 200;
--sceneAnimX: 870;
--sceneAnimX2: 970;
--sceneAnimY: 412
}
.MC_Hero_ParallaxC .MC_Animations_Zombie__right_side,
.MC_Hero_ParallaxC .MC_Animations_Zombie__walking_right {
--sceneAnimX: 970;
--sceneAnimX2: 870
}
.MC_Hero_ParallaxC .MC_Animations_Zombie__walking_left,
.MC_Hero_ParallaxC .MC_Animations_Zombie__walking_right {
animation-name: MCHeroParallaxZombieWalking
}
@keyframes MCHeroParallaxZombieWalking {
0% {
left: calc(100%*var(--sceneAnimX2)/var(--sceneWidthScaled))
}
to {
left: calc(100%*var(--sceneAnimX)/var(--sceneWidthScaled))
}
}
.MC_Hero_ParallaxC .MC_Animations_Creeper {
--sceneAnimH: 200;
--sceneAnimX: 1795;
--sceneAnimY: 470
}
.MC_Hero_ParallaxC .MC_Animations_Skeleton {
--sceneAnimH: 200;
--sceneAnimX: 2350;
--sceneAnimX2: 1960;
--sceneAnimY: 410;
--sceneAnimY2: 485
}
.MC_Hero_ParallaxC .MC_Animations_Skeleton__left_side,
.MC_Hero_ParallaxC .MC_Animations_Skeleton__walking_left {
--sceneAnimX: 1960;
--sceneAnimX2: 2350;
--sceneAnimY: 485;
--sceneAnimY2: 410
}
.MC_Hero_ParallaxC .MC_Animations_Skeleton__walking_left {
animation-name: MCHeroParallaxSkeletonWalkingLeft
}
@keyframes MCHeroParallaxSkeletonWalkingLeft {
0% {
left: calc(100%*var(--sceneAnimX2)/var(--sceneWidthScaled));
top: calc(100%*var(--sceneAnimY2)/var(--sceneHeight))
}
20% {
left: calc(226500%/var(--sceneWidthScaled));
top: calc(100%*var(--sceneAnimY2)/var(--sceneHeight))
}
21% {
left: calc(226500%/var(--sceneWidthScaled));
top: calc(100%*var(--sceneAnimY)/var(--sceneHeight))
}
to {
left: calc(100%*var(--sceneAnimX)/var(--sceneWidthScaled))
}
}
.MC_Hero_ParallaxC .MC_Animations_Skeleton__walking_right {
animation-name: MCHeroParallaxSkeletonWalkingRight
}
@keyframes MCHeroParallaxSkeletonWalkingRight {
0% {
left: calc(100%*var(--sceneAnimX2)/var(--sceneWidthScaled));
top: calc(100%*var(--sceneAnimY2)/var(--sceneHeight))
}
80% {
left: calc(226500%/var(--sceneWidthScaled));
top: calc(100%*var(--sceneAnimY2)/var(--sceneHeight))
}
81% {
left: calc(226500%/var(--sceneWidthScaled));
top: calc(100%*var(--sceneAnimY)/var(--sceneHeight))
}
to {
left: calc(100%*var(--sceneAnimX)/var(--sceneWidthScaled))
}
}
.MC_Hero_ParallaxC_DigDeeper {
bottom: 0
}
#MC_ID_1740158801161.MC_Hero_ParallaxC {
--sceneMinWidth: 3440;
--sceneMaxHeight: 2000;
--sceneMinHeight: 2000;
--sceneShrinkPoint: 3440
}
#MC_ID_1740158801161 .MC_Hero_ParallaxC_Header {
--HeaderWidth: 1440;
--HeaderHeight: 439;
top: calc(27000%/var(--sceneHeight));
width: calc(.9px*var(--HeaderWidth)*var(--sceneScale))
}
@media screen and (width < 3445px) {
#MC_ID_1740158801161 .MC_Hero_ParallaxC_Header {
width: calc(90%*var(--HeaderWidth)/var(--sceneWidth))
}
}
#MC_ID_1740158801161 .MC_Hero_ParallaxC_Layers {
left: 50%;
transform: translateX(-50%)
}
#MC_ID_1740158801161 .MC_Hero_ParallaxC_Layers_background {
top: calc(29500%/var(--sceneHeight))
}
#MC_ID_1740158801161 .MC_Hero_ParallaxC_Layers_foreground {
bottom: calc(-11000%/var(--sceneHeight))
}
@media screen and (width < 3445px) {
#MC_ID_1740158801161.MC_Hero_ParallaxC {
--sceneWidth: var(--sceneMinWidth);
--sceneHeight: var(--sceneMinHeight);
aspect-ratio: calc(var(--sceneWidth)/var(--sceneHeight));
height: auto
}
#MC_ID_1740158801161 .MC_Hero_ParallaxC_Layers {
width: calc(100%*var(--sceneScale))
}
}
[data-mc-ref=mc_hero_productHeroA] {
background: linear-gradient(180deg, var(--mc-core-off-black) 17.58%, var(--mc-core-rich-black) 73.44%, var(--mc-core-grey-6) 76.68%, var(--mc-core-grey-6) 100%);
border-bottom: 4px solid var(--mc-core-rich-black);
overflow: hidden;
padding-bottom: 24px
}
.MC_productHeroA {
background: url(/content/dam/minecraftnet/franchise/component-library/productHeroA/Hero-Background-Particles_Minecoin-PDP_2560x1420.png) no-repeat bottom;
margin: 0 auto;
max-width: 2560px;
padding-bottom: 320px;
position: relative
}
.MC_productHeroA_header {
align-items: center;
display: flex;
flex-direction: column;
gap: 16px;
margin: 0 auto;
max-width: 720px;
padding: 72px 0 24px;
text-align: center
}
.MC_productHeroA_header .MC_Style_MinecoinText {
color: var(--mc-marketplace-gold-2) !important;
text-shadow: 0 2px 0 #9d6f17;
-webkit-text-fill-color: unset
}
@media screen and (min-width:768px) {
.MC_productHeroA_header [class*=MC_Heading] {
font-size: 3.5rem;
letter-spacing: -.015em;
line-height: 3.5rem
}
}
.MC_productHeroA_skuContainer {
margin: 0 auto;
max-width: 1192px;
position: relative
}
.MC_productHeroA_skuContainer form {
width: 100%
}
.MC_productHeroA_skuContainer fieldset {
gap: 0
}
.MC_productHeroA_skuContainer legend h2 {
color: var(--mc-core-grey-2) !important;
font-size: .875rem;
font-weight: 700;
letter-spacing: 1.12px;
line-height: 12px;
margin: 0;
text-transform: uppercase
}
.MC_productHeroA_skuContainer .MC_badgeA {
height: 24px;
position: absolute;
right: 4px;
top: 16px;
--bgColor: var(--mc-marketplace-gold-2);
--shadowColor: var(--mc-dungeons-orange-3)
}
.MC_productHeroA_skuContainer .MC_badgeA:before {
box-shadow: 0 1px 0 0 var(--mc-dungeons-orange-1) inset, 0 0 0 0 var(--mc-dungeons-orange-2), 0 1px 0 0 var(--mc-dungeons-orange-3), 0 1px 0 0 var(--mc-dungeons-orange-3);
height: 100%
}
.MC_productHeroA_skuContainer .MC_badgeA_content:before {
top: .5px
}
.MC_productHeroA_skuContainer .MC_badgeA_content {
padding: 4px 12px
}
.MC_productHeroA_skuContainer .MC_badgeA_content p {
font-family: var(--mc-legends-fontlist);
font-size: .875rem;
font-weight: 400;
height: calc(100% - 8px);
letter-spacing: .56px
}
.MC_productHeroA_mob_bat {
position: absolute;
right: -250px;
top: -160px
}
.MC_productHeroA_mob_enderman {
left: -429px;
position: absolute;
top: -24px
}
.MC_productHeroA_mob_creeper {
position: absolute;
right: -429px;
top: 280px
}
.MC_productHeroA_skuContainer_headerRow {
align-items: center;
align-self: stretch;
display: flex;
justify-content: space-between
}
.MC_productHeroA_skuContainer_headerRow legend {
width: auto
}
.MC_productHeroA_actionList {
font-size: .875rem
}
.MC_productHeroA_actionList a {
align-items: center;
color: var(--mc-marketplace-gold-2) !important;
display: flex;
font-weight: 700;
gap: 6px;
height: 20px;
letter-spacing: 1.12px;
line-height: 12px;
text-decoration: none !important;
text-transform: uppercase
}
.MC_productHeroA_actionList a:before {
background: url('data:image/svg+xml;utf8,') no-repeat 0;
content: "";
display: block;
flex-shrink: 0;
height: 11px;
margin-top: 1px;
width: 11px
}
.MC_productHeroA_actionList a:hover {
text-decoration: underline !important
}
.MC_productHeroA_skuContainer_skuRow {
align-self: stretch;
display: flex;
gap: 16px
}
.MC_productHeroA_skuContainer_skuRow label {
align-items: center;
display: flex;
flex-basis: 225px;
flex-direction: column;
justify-content: flex-end;
padding-top: 24px
}
.MC_productHeroA_skuContainer_skuRow label:has(.MC_productHeroA_skuContainer_tag) {
padding-top: 0
}
.MC_productHeroA_skuContainer_tag {
align-items: center;
align-self: stretch;
color: var(--mc-core-rich-black);
display: flex;
font-family: var(--mc-legends-fontlist);
font-size: .875rem;
font-style: normal;
font-weight: 400;
justify-content: center;
letter-spacing: .56px;
line-height: 18px;
margin-left: 4px;
min-height: 24px;
padding: 2px 8px;
width: calc(100% - 8px);
z-index: 2
}
.MC_productHeroA_skuContainer_tag1 {
background: var(--mc-marketplace-gold-3);
border: 1px solid var(--mc-marketplace-gold-5);
box-shadow: 2px 2px 0 0 var(--mc-marketplace-gold-1) inset
}
.MC_productHeroA_skuContainer_tag2 {
background: #3af4e3;
border: 1px solid #15afa4;
box-shadow: 2px 2px 0 0 var(--mc-core-white) inset
}
.MC_productHeroA_skuContainer_tile {
align-items: center;
background: var(--mc-core-grey-6);
box-shadow: 0 -4px 0 0 var(--mc-core-rich-black) inset, -4px 0 0 0 var(--mc-marketplace-grey-5) inset, 4px 0 0 0 var(--mc-core-rich-black) inset, 0 4px 0 0 var(--mc-marketplace-grey-5) inset;
display: flex;
flex: 1 0 0;
flex-direction: column;
gap: 16px;
justify-content: flex-start;
padding: 16px;
position: relative;
width: 100%
}
.MC_productHeroA_skuContainer_tile:hover {
cursor: pointer
}
.MC_RadioGroupA_checked .MC_productHeroA_skuContainer_tile,
.MC_productHeroA_skuContainer_tile:hover {
background: linear-gradient(0deg, hsla(0, 0%, 100%, .05) 0, hsla(0, 0%, 100%, .05) 100%), var(--mc-marketplace-grey-6)
}
.MC_RadioGroupA_checked .MC_productHeroA_skuContainer_tile {
box-shadow: -4px 4px 0 0 var(--mc-marketplace-gold-4) inset, 4px -4px 0 0 var(--mc-marketplace-gold-5) inset
}
.MC_productHeroA_skuContainer_tileSummary {
border-bottom: 2px solid rgba(0, 0, 0, .25);
box-shadow: 0 2px 0 0 var(--mc-marketplace-grey-5);
min-height: 80px;
text-align: center;
width: 100%
}
.MC_productHeroA_skuContainer_tileImage img,
.MC_productHeroA_skuContainer_tileImage picture {
height: 93px
}
.MC_productHeroA_skuContainer_tileAmount {
color: var(--mc-core-white);
font-family: var(--mc-vanilla-fontlist);
font-size: 1.875rem;
font-style: normal;
font-weight: 400;
letter-spacing: .3px;
line-height: 28px
}
.MC_productHeroA_skuContainer_tileBonusCoin {
align-items: center;
background: rgba(0, 0, 0, .3);
border-bottom: 1px solid var(--mc-core-grey-5);
color: var(--mc-core-white);
display: inline-flex;
font-size: .875rem;
gap: 4px;
height: 24px;
justify-content: center;
margin-top: 4px;
padding: 3.5px 4px 4.5px
}
.MC_productHeroA_skuContainer_tileBonusCoin img {
height: 11px;
width: 11px
}
.MC_productHeroA_skuContainer_tilePrice {
align-items: center;
color: var(--mc-core-off-white);
display: flex;
font-size: 1.375rem;
font-style: normal;
font-weight: 600;
gap: 12px;
line-height: 28px
}
.MC_productHeroA_skuContainer_pricing,
.MC_productHeroA_skuContainer_saleContainer {
align-items: center;
display: flex;
gap: 8px;
justify-content: flex-end
}
.MC_productHeroA_skuContainer_salePrice {
color: var(--mc-core-grey-3);
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: normal;
text-align: right;
text-decoration: line-through
}
.MC_productHeroA_skuContainer_listPrice {
color: var(--mc-marketplace-gold-3);
font-size: 1.375rem;
font-style: normal;
font-weight: 600;
line-height: 28px;
text-align: right
}
.MC_productHeroA .MC_RadioGroupA_input:before {
border: 2px solid var(--mc-core-grey-2)
}
.MC_productHeroA .MC_RadioGroupA_input:checked:before {
border: 2px solid var(--mc-marketplace-gold-3)
}
.MC_productHeroA_skuContainer_cta {
margin: 24px auto 0;
max-width: 256px
}
.MC_productHeroA[data-mc-mount=ProductHeroA] .MC_productHeroA_checkout,
.MC_productHeroA[data-mc-status=mounted] .MC_productHeroA_checkout {
display: none
}
.MC_productHeroA_skuContainer .MC_Button_Hero {
justify-content: center;
max-width: unset;
width: 100%
}
.MC_productHeroA_skuContainer .MC_Button_Hero>span {
margin: unset;
width: auto
}
.MC_productHeroA+.MC_virtualCurrencyCompatA {
margin-top: -140px
}
@media screen and (min-width:641px) and (max-width:1440px) {
.MC_productHeroA_skuContainer {
max-width: 872px
}
.MC_productHeroA_skuContainer_tilePrice {
height: 100%;
justify-content: center
}
.MC_productHeroA_skuContainer_saleContainer {
flex-wrap: wrap;
row-gap: 0
}
.MC_productHeroA_skuContainer_pricing {
display: flex;
flex-basis: 100%;
flex-wrap: wrap;
justify-content: flex-end;
row-gap: 0
}
}
@media screen and (max-width:992px) {
.MC_productHeroA_skuContainer fieldset {
margin-left: 64px;
max-width: calc(100% - 128px);
position: relative
}
.MC_productHeroA_skuContainer_skuRow {
flex-flow: column;
margin-top: 8px
}
.MC_productHeroA_skuContainer_skuRow label {
align-items: flex-start;
align-self: stretch;
display: flex;
flex-basis: auto;
flex-direction: column;
justify-content: space-between;
padding: 0
}
.MC_productHeroA_skuContainer_tile {
flex-flow: row;
gap: 4px;
position: relative
}
.MC_productHeroA_skuContainer_tilePrice {
margin-left: auto
}
.MC_productHeroA_skuContainer_tileSummary {
border: unset;
box-shadow: unset;
display: flex;
gap: 16px;
min-height: auto;
width: auto
}
.MC_productHeroA_skuContainer_tileImage img,
.MC_productHeroA_skuContainer_tileImage picture {
height: 48px
}
.MC_productHeroA_mob_enderman {
bottom: unset;
left: -250px;
right: unset;
top: calc(100% - 270px)
}
.MC_productHeroA_mob_creeper {
bottom: unset;
left: calc(100% - 200px);
right: unset;
top: 100%
}
}
@media screen and (min-width:641px) and (max-width:992px) {
.MC_productHeroA_skuContainer_tile {
padding-left: 48px
}
.MC_productHeroA_skuContainer .MC_RadioGroupA_input {
left: 16px;
position: absolute
}
.MC_productHeroA_skuContainer_saleContainer {
flex-wrap: wrap;
gap: 0
}
.MC_productHeroA_skuContainer_saleContainer .MC_badgeA {
margin-bottom: 8px;
position: relative;
right: -12px;
top: 0
}
.MC_productHeroA_skuContainer_listPrice,
.MC_productHeroA_skuContainer_salePrice {
flex-basis: 100%
}
}
@media screen and (max-width:768px) {
.MC_productHeroA {
padding-bottom: 250px
}
.MC_productHeroA_header {
max-width: 534px
}
.MC_productHeroA_skuContainer fieldset {
margin: 0 auto;
max-width: 534px
}
}
@media screen and (max-width:640px) {
.MC_productHeroA_header {
max-width: calc(100% - 32px)
}
.MC_productHeroA_skuContainer fieldset {
margin-left: 16px;
max-width: calc(100% - 32px)
}
.MC_productHeroA_skuContainer_tile {
flex-wrap: wrap
}
.MC_productHeroA_skuContainer_tileSummary {
align-items: flex-start;
flex-wrap: wrap;
gap: 0;
justify-content: flex-start
}
.MC_productHeroA_skuContainer_tileAmount {
flex-basis: 100%;
text-align: left
}
.MC_productHeroA_skuContainer_tilePrice {
border-top: 2px solid rgba(0, 0, 0, .25);
box-shadow: 0 -2px 0 0 var(--mc-marketplace-grey-5);
flex-basis: 100%;
margin-top: 8px;
padding-top: 8px
}
.MC_productHeroA_skuContainer_pricing,
.MC_productHeroA_skuContainer_saleContainer {
flex-wrap: wrap;
row-gap: 0
}
.MC_productHeroA_mobs {
display: none
}
}
.MC_productHeroA_loadingState {
align-items: center;
justify-content: center;
min-height: 289px
}
@media screen and (max-width:992px) {
.MC_productHeroA_loadingState {
min-height: 512px
}
}
@media (forced-colors:active) {
.MC_productHeroA_skuContainer_tile {
outline: 1px solid
}
.MC_RadioGroupA_checked .MC_productHeroA_skuContainer_tile {
outline: 4px solid;
outline-offset: -4px
}
}
.MC_productHeroB {
align-items: end;
align-self: stretch;
display: flex;
gap: 24px;
justify-content: center;
margin: 0 auto;
max-width: 1920px;
padding: 48px 60px
}
.MC_productHeroB_formContainer {
align-self: center;
max-width: 736px;
min-width: 468px;
width: 40.9%
}
.MC_productHeroB_cardContainer {
align-items: flex-start;
background: var(--mc-core-grey-6);
box-shadow: inset 0 -4px 0 0 #000, inset -4px 0 0 0 #3d3938, inset 4px 0 0 0 #000, inset 0 4px 0 0 #3d3938;
display: flex;
flex: 1 0 0;
flex-direction: column;
gap: 16px;
padding: 24px
}
.MC_productHeroB_leftColAdjust .MC_productHeroB_cardContainer {
align-self: center
}
.MC_productHeroB_cardContainer_posterImageContainer {
width: 100%
}
.MC_productHeroB_cardContainer_imgContainer {
display: none;
position: relative
}
.MC_productHeroB_cardContainer_imgContainer-active {
display: block
}
.MC_productHeroB_cardContainer_imgContainer>img {
aspect-ratio: 16/9;
display: block;
width: 100%
}
.MC_productHeroB_cardContainer_imgContainer_optionalMessage {
align-items: center;
background-color: var(--mc-core-off-black);
bottom: 0;
column-gap: 16px;
display: flex;
flex-wrap: wrap;
left: 0;
padding: 8px 16px 8px 8px;
position: absolute;
row-gap: 8px
}
.MC_productHeroB_cardContainer_imgContainer_optionalMessage>p {
align-items: center;
color: var(--mc-core-grey-2) !important;
display: flex;
font-size: .875rem;
gap: 6px;
justify-content: center
}
.MC_productHeroB_cardContainer_imgContainer_loginLink {
color: var(--mc-core-white) !important;
font-size: .875rem;
font-weight: 700;
gap: 8px;
letter-spacing: 1.12px;
line-height: 20px;
text-decoration: none !important;
text-transform: uppercase
}
.MC_productHeroB_cardContainer_imgContainer_loginLink:hover {
text-decoration: underline !important
}
.MC_productHeroB_cardContainer_imgContainer_loginLink:after {
background-color: var(--mc-core-green-3)
}
.MC_productHeroB_cardContainer [class*=MC_Heading] {
font-size: 3rem;
font-style: normal;
font-weight: 400;
letter-spacing: -.72px;
line-height: 50px;
word-break: break-word
}
.MC_productHeroB_cardContainer_metaContainer {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 16px 32px
}
.MC_productHeroB_cardContainer_esrbContainer,
.MC_productHeroB_cardContainer_ratingContainer {
align-items: center;
display: flex;
font-size: .875rem;
font-style: normal;
font-weight: 400;
gap: 6px;
line-height: normal
}
.MC_productHeroB_cardContainer_playableOn {
align-content: center;
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 8px;
justify-content: center;
margin: 0 !important;
padding: 0
}
.MC_productHeroB_cardContainer_playableOn li {
align-items: center;
display: flex;
gap: 6px;
padding: 6px
}
.MC_productHeroB_cardContainer_playableOn img,
.MC_productHeroB_cardContainer_playableOn svg {
flex-shrink: 0
}
.MC_productHeroB_cardContainer_playableOn p {
font-size: .875rem
}
.MC_productHeroB_textOutlineA {
align-items: center;
background-color: var(--mc-core-white);
color: var(--mc-core-grey-6);
display: flex;
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: normal;
padding: 2px 6px;
text-transform: uppercase
}
.MC_productHeroB_skuContainer {
align-items: flex-start;
display: flex;
flex: 1 0 0;
flex-direction: column;
gap: 16px
}
.MC_productHeroB_skuContainer_headerRow {
align-items: center;
align-self: stretch;
display: flex;
flex-wrap: wrap;
gap: 16px;
justify-content: space-between
}
.MC_productHeroB_skuContainer_headerRow legend {
width: unset
}
.MC_productHeroB_skuContainer_headerRow_heading {
color: var(--mc-core-grey-2) !important;
font-size: .875rem;
font-style: normal;
font-weight: 700;
letter-spacing: 1.12px;
line-height: 12px;
margin: 0 !important;
text-transform: uppercase
}
.MC_productHeroB_actionList {
font-size: .875rem
}
.MC_productHeroB_actionList a {
align-items: center;
color: var(--mc-core-green-2) !important;
display: flex;
font-weight: 700;
gap: 6px;
height: 20px;
letter-spacing: 1.12px;
line-height: 12px;
text-decoration: none !important;
text-transform: uppercase
}
.MC_productHeroB_actionList a:before {
background: url('data:image/svg+xml;utf8,') no-repeat 0;
content: "";
display: block;
flex-shrink: 0;
height: 11px;
margin-top: 1px;
width: 11px
}
.MC_productHeroB_actionList a:hover {
text-decoration: underline !important
}
.MC_productHeroB_skuCardContainer {
align-items: flex-start;
align-self: stretch;
display: flex;
flex-direction: column
}
.MC_productHeroB_formContainer_placeholder .MC_productHeroB_skuCardContainer {
align-items: center;
justify-content: center;
min-height: 250px
}
.MC_productHeroB_skuCardContainer label {
width: 100%
}
.MC_productHeroB_skuCardContainer label+.MC_productHeroB_skuCard_tag,
.MC_productHeroB_skuCardContainer label+label {
margin-top: 16px
}
.MC_productHeroB_skuCardContainer label:not(.MC_productHeroB_skuCard_singleSku):hover {
cursor: pointer
}
.MC_productHeroB_skuCard_tag {
align-items: center;
align-self: stretch;
background: #3af4e3;
border: 1px solid #15afa4;
border-bottom-color: #0e726b;
box-shadow: 2px 2px 0 0 var(--mc-core-white) inset;
color: var(--mc-core-rich-black);
display: flex;
font-family: var(--mc-legends-fontlist);
font-size: .875rem;
font-style: normal;
font-weight: 400;
justify-content: center;
letter-spacing: .56px;
line-height: 18px;
margin-left: 4px;
min-height: 24px;
padding: 2px 8px;
width: calc(100% - 8px);
z-index: 2
}
.MC_productHeroB_skuCard {
align-items: flex-start;
align-self: stretch;
background-color: var(--mc-core-grey-6);
box-shadow: inset 0 -4px 0 0 #000, inset -4px 0 0 0 #3d3938, inset 4px 0 0 0 #000, inset 0 4px 0 0 #3d3938;
display: flex;
flex-direction: column;
gap: 16px;
padding: 24px
}
.MC_productHeroB_skuCard .MC_dividerA {
margin: 0;
padding: 0;
width: 100%
}
.MC_productHeroB_skuCard .MC_dividerA:after,
.MC_productHeroB_skuCard .MC_dividerA:before {
height: 2px
}
.MC_productHeroB .MC_RadioGroupA_checked .MC_productHeroB_skuCard {
background: linear-gradient(0deg, hsla(0, 0%, 100%, .05) 0, hsla(0, 0%, 100%, .05) 100%), var(--mc-core-grey-6);
box-shadow: inset -4px 4px 0 0 #86d562, inset 4px -4px 0 0 #52a535
}
.MC_productHeroB_skuCard h3 {
font-size: 1.875rem;
letter-spacing: -.45px;
line-height: 32px
}
.MC_productHeroB_skuCard_header {
display: flex;
justify-content: space-between;
width: 100%
}
.MC_productHeroB_skuCard_header .MC_badgeB {
flex-shrink: 0;
left: 20px;
max-width: 50%;
position: relative
}
.MC_productHeroB_entitlement p {
color: var(--mc-core-green-2) !important;
font-size: .875rem;
font-style: normal;
font-weight: 400;
line-height: normal
}
.MC_productHeroB_skuCard_pills li {
align-items: center;
display: flex;
gap: 6px;
min-height: 24px;
padding: 2px 4px
}
.MC_productHeroB_skuCard_pills {
align-content: flex-start;
align-items: flex-start;
align-self: stretch;
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 0 !important;
padding: 0 !important
}
.MC_productHeroB_skuCard_pills p {
font-size: .875rem;
font-style: normal;
font-weight: 400;
line-height: normal;
word-break: break-word
}
.MC_productHeroB_skuCard_pills_dark {
background: rgba(0, 0, 0, .3);
border-bottom: 1px solid var(--Core-Grey-5, #3d3938)
}
.MC_productHeroB_skuCard_pills_light {
background: hsla(0, 0%, 100%, .1);
box-shadow: 0 1px 0 0 rgba(0, 0, 0, .25)
}
.MC_productHeroB_skuCard_priceContainer {
align-items: center;
display: flex;
gap: 16px;
justify-content: space-between;
width: 100%
}
.MC_productHeroB_skuCard_price {
align-items: center;
color: var(--mc-core-off-white);
display: flex;
font-size: 1.375rem;
font-style: normal;
font-weight: 600;
gap: 8px;
line-height: 28px
}
.MC_productHeroB_skuCard_pricingContainer {
align-items: end;
display: flex;
gap: 8px;
justify-content: flex-start
}
.MC_productHeroB_skuCard_saleContainer {
align-items: center;
column-gap: 8px;
display: flex;
flex-wrap: wrap;
justify-content: flex-start
}
.MC_productHeroB_skuCard_salePrice {
color: var(--mc-core-grey-3);
font-size: .875rem;
font-style: normal;
font-weight: 400;
line-height: normal;
text-align: right;
text-decoration: line-through
}
.MC_productHeroB_skuCard_listPrice {
color: var(--mc-core-green-2);
font-size: 1.375rem;
font-style: normal;
font-weight: 600;
line-height: 28px;
text-align: right
}
.MC_productHeroB_skuCard_discountContainer {
align-items: center;
color: var(--mc-core-grey-3);
display: flex;
flex-shrink: 0;
font-size: .875rem;
font-style: normal;
font-weight: 400;
gap: 6px;
line-height: normal
}
@media screen and (max-width:400px) {
.MC_productHeroB_skuCard_price {
align-items: flex-start
}
.MC_productHeroB_skuCard_price .MC_RadioGroupA_input {
margin-top: 2px
}
.MC_productHeroB_skuCard_pricingContainer {
flex-wrap: wrap
}
}
.MC_productHeroB_skuContainer_toggle {
display: none;
width: 100%
}
.MC_productHeroB_skuContainer_customMessagingRow {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 16px;
margin-top: 16px;
width: 100%
}
.MC_productHeroB_skuContainer_preorderMessage {
align-items: center;
align-self: stretch;
background-color: #1e6eea;
border: 1px solid #0040c8;
box-shadow: inset 2px 2px 0 0 #5b9ffb;
display: flex;
flex-basis: 100%;
gap: 8px;
justify-content: center;
min-height: 32px;
padding: 5px 8px;
text-align: center
}
.MC_productHeroB_skuContainer_preorderMessage p {
font-family: var(--mc-legends-fontlist) !important;
font-size: .875rem;
font-weight: 400;
letter-spacing: .56px;
line-height: 16px
}
.MC_productHeroB_skuContainer_unavailableMessage {
align-items: center;
align-self: stretch;
background: var(--mc-core-grey-5);
border: 2px solid var(--mc-core-off-black);
display: flex;
flex-basis: 100%;
gap: 10px;
justify-content: center;
padding: 15px 32px
}
.MC_productHeroB_skuContainer_unavailableMessage p {
color: var(--mc-core-grey-2) !important;
font-style: normal;
font-weight: 800;
letter-spacing: .54px;
line-height: 20px;
text-transform: uppercase
}
.MC_marketplaceHeroB_skuContainer_customMessagingRow .MC_tooltipA_modal_dialog {
right: -2px;
transform: unset
}
.MC_productHeroB_skuContainer_actionRow {
align-items: center;
align-self: stretch;
display: flex;
gap: 16px 24px;
justify-content: space-between;
margin-top: 16px
}
.MC_productHeroB_skuContainer_actionRow .MC_Button {
justify-content: center;
max-width: unset;
width: 50%
}
.MC_productHeroB_skuContainer_actionRow .MC_Button .MC_listingF_minecoin_freeprice {
color: var(--mc-core-off-black)
}
.MC_productHeroB_skuContainer_actionRow_singleOption .MC_Button {
width: 100%
}
.MC_productHeroB_skuContainer_actionRow .MC_Button>span {
margin: unset;
width: unset
}
.MC_productHeroB .MC_Button_Hero {
min-height: 50px;
padding-bottom: 13px;
padding-top: 13px
}
.MC_productHeroB_gift.MC_Button_Hero {
padding-bottom: 11px;
padding-top: 11px
}
.MC_productHeroB_gift.MC_Button_Hero svg {
fill: var(--mc-core-white)
}
.MC_productHeroB_gift.MC_Button_Hero:has(svg) {
align-items: center;
gap: 1rem
}
.MC_productHeroB_stickyBar {
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
background-color: rgba(38, 36, 35, .9);
display: none;
width: 100%;
z-index: 299
}
.MC_productHeroB_stickyBar.MC_productHeroB_sticky {
display: flex;
left: 0;
position: fixed;
top: var(--sticky-offset)
}
.MC_productHeroB_stickyBar_container {
display: none;
width: 100%
}
.MC_productHeroB_stickyBar_productContainer {
align-items: center;
display: flex;
gap: 16px;
justify-content: flex-end;
margin: 0 auto;
max-width: 1920px;
padding: 8px 60px;
width: 100%
}
.MC_productHeroB_stickyBar_productInfo {
align-items: center;
display: flex;
flex: 1 0 0;
gap: 12px
}
.MC_productHeroB_stickyBar_productInfo_img {
flex-shrink: 0;
height: 40px;
overflow: hidden;
position: relative;
width: 40px
}
.MC_productHeroB_stickyBar_productInfo_img>img {
height: 40px;
left: 50%;
position: absolute;
transform: translateX(-50%)
}
.MC_productHeroB_stickyBar_productInfo p {
display: -webkit-box;
font-size: .875rem;
font-style: normal;
font-weight: 700;
letter-spacing: 1.12px;
-webkit-line-clamp: 2;
line-height: 20px;
overflow: hidden;
overflow-wrap: anywhere;
text-transform: uppercase;
word-break: break-word;
-webkit-box-orient: vertical
}
.MC_productHeroB_stickyBar_productCta {
flex-shrink: 0
}
.MC_productHeroB_stickyBar_productCta .MC_Button {
gap: 12px;
justify-content: center;
max-width: unset;
min-height: 40px;
min-width: 225px;
padding-bottom: 8px;
padding-top: 8px;
width: 100%
}
.MC_productHeroB_stickyBar_productCta .MC_Button>span {
font-size: .875rem;
font-style: normal;
letter-spacing: 1.12px;
line-height: 20px;
margin: unset;
width: unset
}
.MC_productHeroB_stickyBar .MC_productHeroB_skuContainer_customMessagingRow {
align-items: center;
justify-content: right;
margin: 8px 0;
padding: 8px
}
.MC_productHeroB_stickyBar .MC_productHeroB_skuContainer_unavailableMessage {
margin: 0 60px;
max-width: 648px;
min-height: 40px;
padding: 8px
}
@media screen and (max-width:1000px) {
.MC_productHeroB_stickyBar_productContainer {
padding-left: 24px;
padding-right: 24px
}
}
@media screen and (max-width:767.98px) {
.MC_productHeroB_stickyBar.MC_productHeroB_sticky {
display: none
}
.MC_productHeroB_stickyBar_productContainer {
padding: 8px
}
.MC_productHeroB_stickyBar_container {
gap: 8px;
padding: 8px
}
.MC_productHeroB_stickyBar_productCta .MC_Button {
min-width: 149px
}
}
@media screen and (max-width:576px) {
.MC_productHeroB_cardContainer_imgContainer_optionalMessage {
position: unset
}
.MC_productHeroB_stickyBar_productCta .MC_Button {
gap: 8px;
min-width: 125px;
padding: 8px
}
.MC_productHeroB_stickyBar_productContainer,
.MC_productHeroB_stickyBar_productInfo {
gap: 8px
}
}
.MC_productHeroB_mobileSticky {
display: none;
width: 100%
}
[data-mc-ref=mc-productHeroBSticky]:not(.MC_productHeroB_mobileSticky_docked) .MC_productHeroB_mobileSticky {
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
background-color: rgba(38, 36, 35, .9);
bottom: 0;
position: fixed;
z-index: 299
}
.MC_productHeroB_mobileSticky_placeholder {
display: none;
min-height: 56px
}
[data-mc-ref=mc-productHeroBSticky].MC_productHeroB_mobileSticky_docked {
position: relative
}
[data-mc-ref=mc-productHeroBSticky].MC_productHeroB_mobileSticky_docked .MC_productHeroB_mobileSticky {
position: absolute;
top: 0
}
.MC_productHeroB_mobileSticky .MC_productHeroB_stickyBar_container {
padding: 0
}
.MC_productHeroB_mobileSticky .MC_productHeroB_skuContainer_customMessagingRow {
margin: 0;
padding: 8px
}
.MC_productHeroB_mobileSticky .MC_productHeroB_skuContainer_unavailableMessage {
min-height: 40px;
padding: 8px
}
@media screen and (max-width:767.98px) {
.MC_productHeroB_mobileSticky.MC_productHeroB_sticky,
.MC_productHeroB_mobileSticky_placeholder {
display: block
}
}
@media screen and (max-width:1000px) {
.MC_productHeroB {
flex-direction: column;
padding: 24px
}
.MC_productHeroB_cardContainer [class*=MC_Heading] {
font-size: 1.875rem;
letter-spacing: -.45px;
line-height: 32px
}
.MC_productHeroB_formContainer {
min-width: unset;
width: 100%
}
}
@media screen and (max-width:576px) {
.MC_productHeroB {
padding: 16px
}
.MC_productHeroB_cardContainer {
padding: 16px;
width: 100%
}
.MC_productHeroB_skuCard {
padding: 16px
}
.MC_productHeroB_skuCard_header .MC_badgeB {
left: 12px
}
.MC_productHeroB_skuContainer_actionRow {
flex-direction: column
}
.MC_productHeroB_skuContainer_actionRow .MC_Button {
width: 100%
}
}
@media (forced-colors:active) {
.MC_productHeroB .MC_RadioGroupA_checked .MC_productHeroB_skuCard {
outline: 4px solid;
outline-offset: -4px
}
.MC_productHeroB {
border-bottom: 1px solid
}
.MC_productHeroB_skuCard,
.MC_productHeroB_skuCard_pills li {
outline: 1px solid
}
.MC_productHeroB_textOutlineA {
filter: invert(1)
}
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
.MC_productHeroB_cardContainer_playableOn svg,
.MC_productHeroB_gift svg,
.MC_productHeroB_skuCard_priceContainer>svg {
filter: invert(1)
}
}
[data-mc-ref=mc_productHeroB] {
--sticky-offset: 0
}
.MC_productHeroC {
align-items: end;
align-self: stretch;
display: flex;
gap: 24px;
justify-content: center;
margin: 0 auto;
max-width: 1920px;
padding: 48px 60px
}
.MC_productHeroC_formContainer {
align-self: center;
max-width: 736px;
min-width: 468px;
width: 40.9%
}
.MC_productHeroC .MC_CarouselN {
max-width: 1040px
}
.MC_productHeroC_cardContainer_cardImage {
height: auto;
width: 100%
}
.MC_productHeroC .MC_mediaBlockB_media-container video,
.MC_productHeroC .MC_mediaBlockB_media_image img {
background-color: transparent !important
}
.MC_productHeroC_textOutlineA {
align-items: center;
background-color: var(--mc-core-white);
color: var(--mc-core-grey-6);
display: flex;
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: normal;
padding: 2px 6px;
text-transform: uppercase
}
.MC_productHeroC_skuContainer {
align-items: flex-start;
display: flex;
flex: 1 0 0;
flex-direction: column;
gap: 16px
}
.MC_productHeroC_skuContainer_headerRow {
align-items: center;
align-self: stretch;
display: flex;
flex-wrap: wrap;
gap: 16px;
justify-content: space-between
}
.MC_productHeroC_skuContainer_headerRow legend {
width: unset
}
.MC_productHeroC_skuContainer_headerRow_heading {
color: var(--mc-core-grey-2) !important;
font-size: .875rem;
font-style: normal;
font-weight: 700;
letter-spacing: 1.12px;
line-height: 12px;
margin: 0 !important;
text-transform: uppercase
}
.MC_productHeroC_actionList {
font-size: .875rem
}
.MC_productHeroC_actionList a {
align-items: center;
color: var(--mc-core-green-2) !important;
display: flex;
font-weight: 700;
gap: 6px;
height: 20px;
letter-spacing: 1.12px;
line-height: 12px;
text-decoration: none !important;
text-transform: uppercase
}
.MC_productHeroC_actionList a:before {
background: url('data:image/svg+xml;utf8,') no-repeat 0;
content: "";
display: block;
flex-shrink: 0;
height: 11px;
margin-top: 1px;
width: 11px
}
.MC_productHeroC_actionList a:hover {
text-decoration: underline !important
}
.MC_productHeroC_skuCardContainer {
align-items: flex-start;
align-self: stretch;
display: flex;
flex-direction: column
}
.MC_productHeroC_cardContainer {
align-self: center;
display: flex;
flex-direction: column;
gap: 16px;
max-width: 1040px;
width: 100%
}
.MC_productHeroC_formContainer_placeholder .MC_productHeroC_skuCardContainer {
align-items: center;
justify-content: center;
min-height: 250px
}
.MC_productHeroC_skuCardContainer label {
width: 100%
}
.MC_productHeroC_skuCardContainer label+.MC_productHeroC_skuCard_tag,
.MC_productHeroC_skuCardContainer label+label {
margin-top: 16px
}
.MC_productHeroC_skuCard_tag {
align-items: center;
align-self: stretch;
background: #3af4e3;
border: 1px solid #15afa4;
box-shadow: 2px 2px 0 0 var(--mc-core-white) inset;
color: var(--mc-core-rich-black);
display: flex;
font-family: var(--mc-legends-fontlist);
font-size: .875rem;
font-style: normal;
font-weight: 400;
justify-content: center;
letter-spacing: .56px;
line-height: 18px;
margin-left: 4px;
min-height: 24px;
padding: 2px 8px;
width: calc(100% - 8px);
z-index: 2
}
.MC_productHeroC_metaContainer {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: space-between;
padding: 0;
width: calc(100% + 20px)
}
.MC_productHeroC_metaContainer_ratingAndEsrb {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 16px;
padding: 0
}
.MC_productHeroC_metaContainer_esrbContainer,
.MC_productHeroC_metaContainer_ratingContainer {
align-items: center;
display: flex;
flex-shrink: 0;
font-size: .875rem;
font-style: normal;
font-weight: 400;
gap: 6px;
line-height: normal
}
.MC_productHeroC_metaContainer_esrbContainer p {
padding-right: 6px
}
.MC_productHeroC_cardContainer_metaContainer {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 16px 32px
}
.MC_productHeroC_cardContainer_playableOn {
align-content: center;
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 8px;
justify-content: center;
margin: 0 !important;
padding: 0
}
.MC_productHeroC_cardContainer_playableOn li {
align-items: center;
display: flex;
gap: 6px;
padding: 6px
}
.MC_productHeroC_cardContainer_playableOn img,
.MC_productHeroC_cardContainer_playableOn svg {
flex-shrink: 0
}
.MC_productHeroC_cardContainer_playableOn p {
font-size: .875rem
}
.MC_productHeroC_metaContainer .MC_badgeB {
flex-shrink: 0;
margin-left: auto;
max-width: 50%
}
.MC_productHeroC_skuCard {
align-items: flex-start;
align-self: stretch;
background-color: var(--mc-core-grey-6);
box-shadow: inset 0 -4px 0 0 #000, inset -4px 0 0 0 #3d3938, inset 4px 0 0 0 #000, inset 0 4px 0 0 #3d3938;
display: flex;
flex-direction: column;
gap: 16px;
padding: 24px
}
.MC_productHeroC_skuCard .MC_dividerA {
margin: 0;
padding: 0;
width: 100%
}
.MC_productHeroC_skuCard .MC_dividerA:after,
.MC_productHeroC_skuCard .MC_dividerA:before {
height: 2px
}
.MC_productHeroC .MC_RadioGroupA_checked .MC_productHeroC_skuCard {
background: linear-gradient(0deg, hsla(0, 0%, 100%, .05) 0, hsla(0, 0%, 100%, .05) 100%), var(--mc-core-grey-6);
box-shadow: inset -4px 4px 0 0 #52a535, inset 4px -4px 0 0 #2a641c
}
.MC_productHeroC_skuCard h3 {
font-size: 3rem;
font-style: normal;
font-weight: 400;
letter-spacing: -.72px;
line-height: 50px
}
.MC_productHeroC_skuCard_header {
display: flex;
justify-content: space-between;
width: 100%
}
.MC_productHeroC_skuCard_header .MC_Heading {
word-break: break-word
}
.MC_productHeroC_entitlement p {
color: var(--mc-core-green-2) !important;
font-size: .875rem;
font-style: normal;
font-weight: 400;
line-height: normal
}
.MC_productHeroC_skuCard_pills li {
align-items: center;
align-self: center;
display: flex;
gap: 6px;
min-height: 24px;
padding: 2px 4px
}
.MC_productHeroC_skuCard_pills {
align-items: flex-start;
align-self: stretch;
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 0 !important;
padding: 0 !important
}
.MC_productHeroC_skuCard_pills p {
font-size: .875rem;
font-style: normal;
font-weight: 400;
line-height: normal;
word-break: break-word
}
.MC_productHeroC_skuCard_pills_dark {
background: rgba(0, 0, 0, .3);
border-bottom: 1px solid var(--Core-Grey-5, #3d3938)
}
.MC_productHeroC_skuCard_pills_light {
background: hsla(0, 0%, 100%, .1);
box-shadow: 0 1px 0 0 rgba(0, 0, 0, .25)
}
.MC_productHeroC_skuCard_priceContainer {
align-items: center;
display: flex;
gap: 16px;
justify-content: space-between;
width: 100%
}
.MC_productHeroC_skuCard_price {
align-items: center;
color: var(--mc-core-off-white);
display: flex;
font-size: 1.375rem;
font-style: normal;
font-weight: 600;
gap: 8px;
line-height: 28px
}
.MC_productHeroC_skuCard_pricingContainer {
align-items: end;
display: flex;
gap: 8px;
justify-content: flex-start
}
.MC_productHeroC_skuCard_saleContainer {
align-items: center;
column-gap: 8px;
display: flex;
flex-wrap: wrap;
justify-content: flex-start
}
.MC_productHeroC_skuCard_salePrice {
color: var(--mc-core-grey-3);
font-size: .875rem;
font-style: normal;
font-weight: 400;
line-height: normal;
text-align: right;
text-decoration: line-through
}
.MC_productHeroC_skuCard_listPrice {
color: var(--mc-core-green-2);
font-size: 1.375rem;
font-style: normal;
font-weight: 600;
line-height: 28px;
text-align: right
}
.MC_productHeroC_skuCard_discountContainer {
align-items: center;
color: var(--mc-core-grey-3);
display: flex;
flex-shrink: 0;
font-size: .875rem;
font-style: normal;
font-weight: 400;
gap: 6px;
line-height: normal
}
@media screen and (max-width:400px) {
.MC_productHeroC_skuCard_price {
align-items: flex-start
}
.MC_productHeroC_skuCard_price .MC_RadioGroupA_input {
margin-top: 2px
}
.MC_productHeroC_skuCard_pricingContainer {
flex-wrap: wrap
}
}
.MC_productHeroC_skuContainer_toggle {
width: 100%
}
.MC_productHeroC_skuContainer_customMessagingRow {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 16px;
margin-top: 16px;
width: 100%
}
.MC_productHeroC_skuContainer_preorderMessage {
align-items: center;
align-self: stretch;
background-color: #1e6eea;
border: 1px solid #0040c8;
box-shadow: inset 2px 2px 0 0 #5b9ffb;
display: flex;
flex-basis: 100%;
gap: 8px;
justify-content: center;
min-height: 32px;
padding: 5px 8px;
text-align: center
}
.MC_productHeroC_skuContainer_preorderMessage p {
font-family: var(--mc-legends-fontlist) !important;
font-size: .875rem;
font-weight: 400;
letter-spacing: .56px;
line-height: 16px
}
.MC_productHeroC_skuContainer_unavailableMessage {
align-items: center;
align-self: stretch;
background: var(--mc-core-grey-5);
border: 2px solid var(--mc-core-off-black);
display: flex;
flex-basis: 100%;
gap: 10px;
justify-content: center;
padding: 15px 32px
}
.MC_productHeroC_skuContainer_unavailableMessage p {
color: var(--mc-core-grey-2) !important;
font-style: normal;
font-weight: 800;
letter-spacing: .54px;
line-height: 20px;
text-transform: uppercase
}
.MC_productHeroC_skuContainer_actionRow {
align-items: center;
align-self: stretch;
display: flex;
gap: 16px 24px;
justify-content: space-between;
margin-top: 16px
}
.MC_productHeroC_skuContainer_actionRow .MC_Button {
justify-content: center;
max-width: unset;
width: 50%
}
.MC_productHeroC_skuContainer_actionRow_singleOption .MC_Button {
width: 100%
}
.MC_productHeroC_skuContainer_actionRow .MC_Button>span {
margin: unset;
width: unset
}
.MC_productHeroC .MC_Button_Hero {
min-height: 50px;
padding-bottom: 13px;
padding-top: 13px
}
.MC_productHeroC_gift.MC_Button_Hero {
padding-bottom: 11px;
padding-top: 11px
}
.MC_productHeroC_gift.MC_Button_Hero svg {
fill: var(--mc-core-white)
}
.MC_productHeroC_gift.MC_Button_Hero:has(svg) {
align-items: center;
gap: 1rem
}
.MC_productHeroC_stickyBar {
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
background-color: rgba(38, 36, 35, .9);
display: none;
width: 100%;
z-index: 299
}
.MC_productHeroC_stickyBar.MC_productHeroC_sticky {
display: flex;
left: 0;
position: fixed;
top: var(--sticky-offset)
}
.MC_productHeroC_stickyBar_container {
display: none;
width: 100%
}
.MC_productHeroC_stickyBar.MC_productHeroC_sticky .MC_productHeroC_stickyBar_container {
display: block
}
.MC_productHeroC_stickyBar_productContainer {
align-items: center;
display: flex;
gap: 16px;
justify-content: flex-end;
margin: 0 auto;
max-width: 1920px;
padding: 8px 60px;
width: 100%
}
.MC_productHeroC_stickyBar_productInfo {
align-items: center;
display: flex;
flex: 1 0 0;
gap: 12px
}
.MC_productHeroC_stickyBar_productInfo_img {
flex-shrink: 0;
height: 40px;
overflow: hidden;
position: relative;
width: 40px
}
.MC_productHeroC_stickyBar_productInfo_img>img {
height: 40px;
left: 50%;
position: absolute;
transform: translateX(-50%)
}
.MC_productHeroC_stickyBar_productInfo p {
display: -webkit-box;
font-size: .875rem;
font-style: normal;
font-weight: 700;
letter-spacing: 1.12px;
-webkit-line-clamp: 2;
line-height: 20px;
overflow: hidden;
overflow-wrap: anywhere;
text-transform: uppercase;
word-break: break-word;
-webkit-box-orient: vertical
}
.MC_productHeroC_stickyBar_productCta {
flex-shrink: 0
}
.MC_productHeroC_stickyBar_productCta .MC_Button {
gap: 12px;
justify-content: center;
max-width: unset;
min-height: 40px;
min-width: 225px;
padding-bottom: 8px;
padding-top: 8px;
width: 100%
}
.MC_productHeroC_stickyBar_productCta .MC_Button>span {
font-size: .875rem;
font-style: normal;
letter-spacing: 1.12px;
line-height: 20px;
margin: unset;
width: unset
}
.MC_productHeroC_stickyBar .MC_productHeroC_skuContainer_customMessagingRow {
align-items: center;
justify-content: right;
margin: 8px 0;
padding: 8px
}
.MC_productHeroC_stickyBar .MC_productHeroC_skuContainer_unavailableMessage {
margin: 0 60px;
max-width: 648px;
min-height: 40px;
padding: 8px
}
@media screen and (max-width:1000px) {
.MC_productHeroC_stickyBar_productContainer {
padding-left: 24px;
padding-right: 24px
}
}
@media screen and (max-width:767.98px) {
.MC_productHeroC_stickyBar.MC_productHeroC_sticky {
display: none
}
.MC_productHeroC_stickyBar_productContainer {
padding: 8px
}
.MC_productHeroC_stickyBar_container {
gap: 8px;
padding: 8px
}
.MC_productHeroC_stickyBar_productCta .MC_Button {
min-width: 149px
}
}
@media screen and (max-width:576px) {
.MC_productHeroC_stickyBar_productCta .MC_Button {
gap: 8px;
min-width: 125px;
padding: 8px
}
.MC_productHeroC_stickyBar_productContainer,
.MC_productHeroC_stickyBar_productInfo {
gap: 8px
}
}
.MC_productHeroC_mobileSticky {
display: none;
width: 100%
}
[data-mc-ref=mc-productHeroCSticky]:not(.MC_productHeroC_mobileSticky_docked) .MC_productHeroC_mobileSticky {
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
background-color: rgba(38, 36, 35, .9);
bottom: 0;
position: fixed;
z-index: 299
}
.MC_productHeroC_mobileSticky_placeholder {
display: none;
min-height: 56px
}
[data-mc-ref=mc-productHeroCSticky].MC_productHeroC_mobileSticky_docked {
position: relative
}
[data-mc-ref=mc-productHeroCSticky].MC_productHeroC_mobileSticky_docked .MC_productHeroC_mobileSticky {
position: absolute;
top: 0
}
.MC_productHeroC_mobileSticky .MC_productHeroC_stickyBar_container {
padding: 0
}
.MC_productHeroC_mobileSticky .MC_productHeroC_skuContainer_customMessagingRow {
margin: 0;
padding: 8px
}
.MC_productHeroC_mobileSticky .MC_productHeroC_skuContainer_unavailableMessage {
min-height: 40px;
padding: 8px
}
@media screen and (max-width:767.98px) {
.MC_productHeroC_mobileSticky.MC_productHeroC_sticky,
.MC_productHeroC_mobileSticky.MC_productHeroC_sticky .MC_productHeroC_stickyBar_container,
.MC_productHeroC_mobileSticky_placeholder {
display: block
}
}
@media screen and (max-width:1000px) {
.MC_productHeroC {
flex-direction: column;
padding: 24px
}
.MC_productHeroC_cardContainer [class*=MC_Heading] {
font-size: 1.875rem;
letter-spacing: -.45px;
line-height: 32px
}
.MC_productHeroC_formContainer {
min-width: unset;
width: 100%
}
}
@media screen and (max-width:576px) {
.MC_productHeroC {
padding: 16px
}
.MC_productHeroC .MC_CarouselN {
padding: 0
}
.MC_productHeroC_cardContainer {
padding: 0;
width: 100%
}
.MC_productHeroC_skuCard {
padding: 16px
}
.MC_productHeroC_skuCard_header .MC_badgeB {
left: 12px
}
.MC_productHeroC_skuContainer_actionRow {
flex-direction: column
}
.MC_productHeroC_skuContainer_actionRow .MC_Button {
width: 100%
}
}
@media (forced-colors:active) {
.MC_productHeroC .MC_RadioGroupA_checked .MC_productHeroC_skuCard {
outline: 4px solid;
outline-offset: -4px
}
.MC_productHeroC {
border-bottom: 1px solid
}
.MC_productHeroC_skuCard,
.MC_productHeroC_skuCard_pills li {
outline: 1px solid
}
.MC_productHeroC_textOutlineA {
filter: invert(1)
}
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
.MC_productHeroC_gift svg,
.MC_productHeroC_skuCard_priceContainer>svg {
filter: invert(1)
}
}
[data-mc-ref=mc_redeemHeroA] {
align-items: center;
background-image: var(--background-image);
background-position: top;
background-repeat: no-repeat;
display: flex;
justify-content: center;
min-height: 656px;
overflow: hidden;
padding: 24px 60px
}
[data-mc-ref=mc_redeemHeroA][style*="/redeemHeroA/default/bg_pixel.jpg"] {
background-color: #1c65cc
}
[data-mc-ref=mc_redeemHeroA][style*="--background-color:"] {
background-color: var(--background-color)
}
.MC_redeemHeroA {
--grid-size: 618px;
align-items: center;
display: flex;
flex-direction: row;
height: 100%;
justify-content: center;
margin: 0 auto;
min-height: 400px;
position: relative
}
.MC_redeemHeroA_container {
display: flex;
flex-direction: column;
flex-shrink: 0;
gap: 32px;
padding: 48px 0;
position: relative;
width: var(--grid-size);
z-index: 2
}
.MC_redeemHeroA_mobileAsset {
display: none;
margin-bottom: 24px;
margin-top: 24px;
text-align: center
}
.MC_redeemHeroA_mobileAsset img {
max-width: 100%
}
.MC_redeemHeroA_header {
text-align: center
}
.MC_redeemHeroA_form {
display: flex;
flex-direction: column;
gap: 12px
}
.MC_redeemHeroA_field {
display: flex;
flex-direction: column;
gap: 8px
}
.MC_redeemHeroA_inputWrapper:focus-within {
box-shadow: 0 0 0 1px var(--mc-core-white);
outline: 2px solid var(--mc-default-focus);
outline-offset: -2px
}
.MC_redeemHeroA_validationError .MC_redeemHeroA_inputWrapper {
box-shadow: 0 0 0 2px var(--mc-core-rich-black);
outline: 2px solid #ca3636;
outline-offset: -1px
}
.MC_redeemHeroA_validationError .MC_redeemHeroA_inputWrapper:focus-within {
box-shadow: 0 0 0 2px var(--mc-core-white)
}
.MC_redeemHeroA_label {
color: var(--mc-core-white);
font-style: normal;
font-weight: 700;
line-height: 24px;
text-transform: uppercase
}
.MC_redeemHeroA_inputWrapper {
align-items: center;
background: #0e0d0d;
border: 1px solid var(--mc-core-grey-6);
box-shadow: inset 0 6px 0 0 rgba(0, 0, 0, .5);
display: flex;
justify-content: center;
padding-left: 16px
}
.MC_redeemHeroA_input {
background: #0e0d0d;
border: 0;
min-height: 68px;
padding: 8px 16px 8px 0;
width: 100%
}
.MC_redeemHeroA_input:focus {
border: 0;
outline: 0
}
.MC_redeemHeroA_input,
.MC_redeemHeroA_input::placeholder {
color: var(--mc-core-grey-3);
font-family: var(--mc-vanilla-fontlist);
font-size: 2.25rem;
font-style: normal;
font-weight: 400;
letter-spacing: -.54px;
line-height: 36px;
text-transform: capitalize
}
.MC_redeemHeroA_errorLabel {
align-items: center;
display: flex;
justify-content: center;
min-height: 22px;
text-align: center;
visibility: hidden
}
.MC_redeemHeroA_errorLabel p {
background-color: #ad1d1d;
font-size: .875rem;
font-style: normal;
font-weight: 400;
letter-spacing: .56px;
line-height: 18px;
padding: 2px 4px
}
.MC_redeemHeroA_submit {
margin: 0 auto
}
.MC_redeemHeroA_formText {
--font-color: var(--mc-theme-primary-color, var(--mc-core-rich-black));
--link-color: inherit;
color: var(--font-color);
font-size: .875rem;
font-style: normal;
font-weight: 400;
line-height: 24px;
text-align: center
}
.MC_redeemHeroA_formText p {
color: var(--font-color) !important
}
.MC_redeemHeroA_formText[style*="--link-color:#"] a {
color: var(--link-color) !important
}
.MC_redeemHeroA_mobAsset {
padding-top: 50px
}
@media screen and (max-width:767.98px) {
[data-mc-ref=mc_redeemHeroA] {
height: unset;
padding-left: 24px;
padding-right: 24px
}
.MC_redeemHeroA {
flex-direction: column;
height: unset
}
.MC_redeemHeroA_container {
flex-shrink: 1;
padding: 0;
width: unset
}
.MC_redeemHeroA_mobileAsset {
display: block
}
.MC_redeemHeroA_input,
.MC_redeemHeroA_input::placeholder {
font-size: 1.75rem
}
.MC_redeemHeroA_mobAsset {
display: none
}
}
@media screen and (max-width:576px) {
[data-mc-ref=mc_redeemHeroA] {
padding-left: 16px;
padding-right: 16px
}
.MC_redeemHeroA_input {
min-height: 44px
}
.MC_redeemHeroA_input,
.MC_redeemHeroA_input::placeholder {
font-size: .875rem
}
}
@media (forced-colors:active) {
.MC_redeemHeroA_inputWrapper:focus-within {
outline: 4px solid
}
}
.MC_tiledHeroA {
--grid-size: 1920px;
--col-count: 4;
display: flex;
flex-wrap: wrap;
gap: 25px;
margin: 0 auto;
max-width: var(--grid-size);
padding: 16px
}
.MC_tiledHeroA_card {
width: 100%
}
.MC_tiledHeroA_content {
background-color: var(--mc-core-grey-6);
border-bottom: 2px solid var(--mc-core-off-black);
border-top: 2px solid var(--mc-core-grey-5);
padding: 15px 20px
}
.MC_tiledHeroA_poster_img {
max-width: 100%;
width: 100%
}
.MC_tiledHeroA_blurb {
margin-top: 10px
}
.MC_tiledHeroA_ctaBox {
padding-top: 15px
}
.MC_tiledHeroA_ctaBox .MC_Button {
margin-right: 16px
}
.MC_tiledHeroA_ctaBox .MC_Button+.MC_Glyph_Link_A {
margin-top: 15px
}
.MC_tiledHeroA_content .MC_Heading_3 {
font-size: 2rem;
line-height: 2rem
}
.MC_tiledHeroA_Layout_1 .MC_tiledHeroA_card:nth-child(3) .MC_tiledHeroA_content .MC_Heading_3,
.MC_tiledHeroA_Layout_1 .MC_tiledHeroA_card:nth-child(4) .MC_tiledHeroA_content .MC_Heading_3 {
font-size: 1.5rem;
line-height: 1.5rem
}
@media screen and (min-width:568px) {
.MC_tiledHeroA {
padding: 24px
}
}
@media screen and (min-width:768px) {
.MC_tiledHeroA {
display: grid;
gap: 20px
}
.MC_tiledHeroA.MC_tiledHeroA_Layout_1 {
grid-template-columns: calc(50% - 20px) calc(25% - 10px) calc(25% - 10px)
}
.MC_tiledHeroA_Layout_1 .MC_tiledHeroA_card:first-child {
display: flex;
flex-direction: column;
grid-column: 1/4;
grid-row: 1/3;
height: 100%
}
.MC_tiledHeroA_Layout_1 .MC_tiledHeroA_card:nth-child(2) {
display: flex;
grid-column: 1/4;
grid-row: 3/4
}
.MC_tiledHeroA_Layout_1 .MC_tiledHeroA_card:nth-child(3),
.MC_tiledHeroA_Layout_1 .MC_tiledHeroA_card:nth-child(4) {
display: flex;
flex-direction: column;
grid-row: 4/6;
height: 100%;
width: auto
}
.MC_tiledHeroA_Layout_1 .MC_tiledHeroA_card:nth-child(3) {
grid-column: 1/2
}
.MC_tiledHeroA_Layout_1 .MC_tiledHeroA_card:nth-child(4) {
grid-column: 2/4
}
.MC_tiledHeroA_Layout_1 .MC_tiledHeroA_content {
display: flex;
flex-direction: column;
flex-grow: 1;
justify-content: center
}
.MC_tiledHeroA_Layout_1 .MC_tiledHeroA_card:nth-child(3) .MC_tiledHeroA_content,
.MC_tiledHeroA_Layout_1 .MC_tiledHeroA_card:nth-child(4) .MC_tiledHeroA_content {
justify-content: center
}
.MC_tiledHeroA_Layout_1 .MC_tiledHeroA_media {
height: 100%
}
.MC_tiledHeroA_Layout_1 .MC_tiledHeroA_card:nth-child(2) .MC_tiledHeroA_media,
.MC_tiledHeroA_Layout_1 .MC_tiledHeroA_card:nth-child(3) .MC_tiledHeroA_media,
.MC_tiledHeroA_Layout_1 .MC_tiledHeroA_card:nth-child(4) .MC_tiledHeroA_media {
overflow: hidden;
width: 100%
}
.MC_tiledHeroA_Layout_1 .MC_tiledHeroA_card:nth-child(2) .MC_tiledHeroA_media img,
.MC_tiledHeroA_Layout_1 .MC_tiledHeroA_card:nth-child(3) .MC_tiledHeroA_media img,
.MC_tiledHeroA_Layout_1 .MC_tiledHeroA_card:nth-child(4) .MC_tiledHeroA_media img {
height: 100%;
object-fit: cover;
object-position: center
}
.MC_tiledHeroA_Layout_1 .MC_tiledHeroA_card:nth-child(2) .MC_tiledHeroA_media {
flex: 1.5
}
.MC_tiledHeroA_Layout_1 .MC_tiledHeroA_card:nth-child(2) .MC_tiledHeroA_content {
border: 0;
flex: 1
}
}
@media screen and (min-width:1100px) {
.MC_tiledHeroA_Layout_1 .MC_tiledHeroA_card:first-child {
grid-column: 1/2
}
.MC_tiledHeroA_Layout_1 .MC_tiledHeroA_card:first-child .MC_tiledHeroA_media {
overflow-x: auto
}
.MC_tiledHeroA_Layout_1 .MC_tiledHeroA_card:first-child .MC_tiledHeroA_media img {
height: 100%;
object-fit: cover
}
.MC_tiledHeroA_Layout_1 .MC_tiledHeroA_card:nth-child(2) {
grid-column: 2/4;
grid-row: 1/2
}
.MC_tiledHeroA_Layout_1 .MC_tiledHeroA_card:nth-child(2) .MC_tiledHeroA_media {
flex: 0 0.7 auto
}
.MC_tiledHeroA_Layout_1 .MC_tiledHeroA_card:nth-child(2) .MC_tiledHeroA_content {
flex: 1 1 auto
}
.MC_tiledHeroA_Layout_1 .MC_tiledHeroA_card:nth-child(3),
.MC_tiledHeroA_Layout_1 .MC_tiledHeroA_card:nth-child(4) {
grid-column: 2/3;
grid-row: 2/3
}
.MC_tiledHeroA_Layout_1 .MC_tiledHeroA_card:nth-child(3) .MC_tiledHeroA_media,
.MC_tiledHeroA_Layout_1 .MC_tiledHeroA_card:nth-child(4) .MC_tiledHeroA_media {
overflow-x: auto
}
.MC_tiledHeroA_Layout_1 .MC_tiledHeroA_card:nth-child(3) .MC_tiledHeroA_media img,
.MC_tiledHeroA_Layout_1 .MC_tiledHeroA_card:nth-child(4) .MC_tiledHeroA_media img {
height: 100%;
object-fit: cover
}
.MC_tiledHeroA_Layout_1 .MC_tiledHeroA_card:nth-child(3):last-of-type,
.MC_tiledHeroA_Layout_1 .MC_tiledHeroA_card:nth-child(4):last-of-type {
grid-column: 3/4
}
}
@media screen and (min-width:1199px) {
.MC_tiledHeroA {
padding: 60px
}
}
.MC_mediaBlockA {
--font-color: #313131;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0 auto;
max-width: 1200px;
padding: 5rem 4.5rem
}
.MC_Fade__offset_top .MC_mediaBlockA {
padding-top: 2.5rem
}
.MC_mediaBlockA_header {
margin-bottom: 24px;
text-align: center
}
.MC_mediaBlockA_header_heading {
text-transform: uppercase !important
}
.MC_mediaBlockA_header_blurb {
margin: 6px 0 0
}
.MC_mediaBlockA_banner {
align-items: center;
display: flex;
gap: 2rem
}
.MC_mediaBlockA_banner:nth-child(odd) .MC_mediaBlockA_image-container {
order: 2
}
.MC_mediaBlockA_banner+.MC_mediaBlockA_banner {
margin-top: 64px
}
.MC_mediaBlockA_body [class*=MC_Heading]:not([class*=MC_Heading_Font_]) {
font-family: var(--mc-default-fontlist)
}
.MC_Theme_Vanilla .MC_mediaBlockA_body .MC_Heading_3:not([class*=MC_Heading_Font_]),
.MC_Theme_Vanilla .MC_mediaBlockA_body .MC_Heading_4:not([class*=MC_Heading_Font_]) {
line-height: 1.5rem
}
.MC_mediaBlockA_body {
word-wrap: break-word
}
.MC_mediaBlockA_banner aside {
flex-grow: 1;
flex-shrink: 0;
max-width: 50%;
padding: 30px
}
.MC_mediaBlockA_image-container {
flex-basis: 50%;
position: relative
}
.MC_mediaBlockA_image-container picture {
display: block
}
.MC_mediaBlockA_image-poster {
max-width: 575px;
width: 100%
}
.MC_mediaBlockA_ctas {
margin-top: 8px
}
.MC_mediaBlockA_text_creator {
background-color: rgba(0, 0, 0, .75);
bottom: 0;
font-family: var(--mc-default--fontlist);
font-size: 1rem;
left: 0;
line-height: 1.2;
padding: 8px 9pt;
position: absolute;
word-break: break-all
}
.MC_mediaBlockA_text_creator p {
color: var(--mc-core-white) !important;
margin: 0
}
@media screen and (max-width:990px) {
.MC_mediaBlockA {
display: block
}
.MC_mediaBlockA_image-container {
width: 100%
}
.MC_mediaBlockA_banner {
display: block
}
.MC_mediaBlockA_image-poster {
max-width: none
}
.MC_mediaBlockA_body {
margin-top: 24px;
max-width: none
}
.MC_mediaBlockA_banner aside {
max-width: none;
padding: 0
}
}
@media screen and (max-width:767.98px) {
.MC_mediaBlockA {
padding: 32px 2.5rem
}
}
.MC_mediaBlockB {
--grid-size: 1200px;
display: flex;
flex-direction: column;
gap: 32px;
margin: auto;
max-width: var(--grid-size);
padding: var(--padding-top, 48px) 16px var(--padding-bottom, 48px) 16px
}
.MC_mediaBlockB_media_image {
display: none
}
.MC_mediaBlockB_mobileImage .MC_mediaBlockB_media_image {
display: block
}
.MC_mediaBlockB_mobileImage .MC_video,
.MC_mediaBlockB_nonMobileImage .MC_mediaBlockB_media_image {
display: none
}
.MC_mediaBlockB_mobileImage.MC_mediaBlockB_nonMobileImage .MC_video {
display: none !important
}
.MC_mediaBlockB_mobileImage.MC_mediaBlockB_nonMobileImage .MC_mediaBlockB_media_image {
display: block
}
.MC_mediaBlockB_mobileImage.MC_mediaBlockB_nonMobileImage .MC_mediaBlockB_Image_nonMobile {
display: none
}
.MC_mediaBlockB_mobileImage.MC_mediaBlockB_nonMobileImage .MC_mediaBlockB_Image_mobile {
display: block
}
.MC_mediaBlockB_media-container {
height: auto;
width: 100%
}
.MC_mediaBlockB_media-container video,
.MC_mediaBlockB_media_image img {
width: 100%
}
.MC_mediaBlockB_media-container video {
background-color: #aba09c
}
.MC_mediaBlockB_center--alignment .MC_mediaBlockB_link-wrapper {
margin: 0;
width: fit-content
}
.MC_mediaBlockB_center--alignment .MC_mediaBlockB_media_image img,
.MC_mediaBlockB_center--alignment video {
aspect-ratio: 5/2
}
.MC_mediaBlockB_left--alignment .MC_mediaBlockB_media-container,
.MC_mediaBlockB_right--alignment .MC_mediaBlockB_media-container {
max-width: 640px
}
.MC_mediaBlockB_right--alignment .MC_mediaBlockB_media-container {
order: 1
}
.MC_mediaBlockB_left--alignment .MC_mediaBlockB_body-container,
.MC_mediaBlockB_right--alignment .MC_mediaBlockB_body-container {
order: 2
}
.MC_mediaBlockB_center--alignment .MC_mediaBlockB_media-container,
.MC_mediaBlockB_center--alignment .MC_mediaBlockB_media_image img,
.MC_mediaBlockB_center--alignment video {
aspect-ratio: 3/2
}
.MC_mediaBlockB_left--alignment .MC_mediaBlockB_link-wrapper,
.MC_mediaBlockB_right--alignment .MC_mediaBlockB_link-wrapper {
margin: 0;
width: fit-content
}
.MC_mediaBlockB_body-container {
display: flex;
flex-direction: column;
gap: 16px
}
.MC_mediaBlockB_body-container.MC_mediaBlockB_textAlign-center {
text-align: center
}
.MC_mediaBlockB_textAlign-center .MC_mediaBlockB_link-wrapper {
justify-content: center;
width: 100%
}
.MC_mediaBlockB_ctaAlign-stacked .MC_mediaBlockB_link-wrapper {
gap: 16px
}
.MC_mediaBlockB_ctaAlign-stacked .MC_mediaBlockB_link-wrapper li {
flex-basis: 100%
}
.MC_mediaBlockB_center--alignment .MC_mediaBlockB_link-wrapper li,
.MC_mediaBlockB_ctaAlign-stacked.MC_mediaBlockB_textAlign-center .MC_mediaBlockB_link-wrapper li {
justify-content: center
}
.MC_mediaBlockB_body-image img {
max-width: 100%
}
.MC_mediaBlockB_heading-container {
word-wrap: break-word
}
.MC_mediaBlockB_heading-container>:first-child {
margin-bottom: 4px
}
.MC_mediaBlockB_description {
font-size: 1rem;
line-height: normal;
margin-bottom: 0
}
.MC_mediaBlockB_mobileImage .MC_mediaBlockB_media-container {
max-width: 100%
}
.MC_Theme_Realms .MC_mediaBlockB_description a {
color: var(--mc-realms-pink-3)
}
.MC_mediaBlockB_link-wrapper {
display: grid;
gap: 8px;
column-gap: 16px;
grid-template-columns: repeat(2, 1fr);
list-style: none;
margin: 0;
padding: 0
}
.MC_mediaBlockB_link-wrapper li {
align-items: center;
display: inline-flex
}
.MC_mediaBlockB_link-wrapper>:only-child {
grid-column: 1/-1
}
.MC_mediaBlockB_link-wrapper:has(.MC_Button) {
display: flex;
flex-wrap: wrap
}
.MC_mediaBlockB_subtext,
.MC_mediaBlockB_subtext p {
color: var(--mc-core-grey-2) !important;
font-size: .875rem
}
@media screen and (max-width:991.78px) {
.MC_mediaBlockB {
gap: 0
}
.MC_mediaBlockB_body-container {
padding: 16px 0
}
.MC_mediaBlockB_mobile_center--alignment .MC_mediaBlockB_link-wrapper,
.MC_mediaBlockB_mobile_center--alignment .MC_mediaBlockB_media-container {
margin: 0 auto
}
.MC_mediaBlockB_mobile_center--alignment .MC_mediaBlockB_body-image,
.MC_mediaBlockB_mobile_center--alignment .MC_mediaBlockB_description,
.MC_mediaBlockB_mobile_center--alignment .MC_mediaBlockB_heading-container {
text-align: center
}
}
@media screen and (max-width:767.98px) {
.MC_mediaBlockB_body-container {
padding: 16px
}
}
@media screen and (min-width:768px) {
.MC_mediaBlockB {
padding-left: 64px;
padding-right: 64px
}
}
@media screen and (min-width:992px) {
.MC_mediaBlockB {
justify-content: center
}
.MC_mediaBlockB_mobileImage .MC_mediaBlockB_media_image,
.MC_mediaBlockB_nonMobileImage .MC_video {
display: none
}
.MC_mediaBlockB_mobileImage .MC_video,
.MC_mediaBlockB_nonMobileImage .MC_mediaBlockB_media_image {
display: block
}
.MC_mediaBlockB_mobileImage.MC_mediaBlockB_nonMobileImage .MC_mediaBlockB_Image_mobile {
display: none
}
.MC_mediaBlockB_nonMobileImage .MC_mediaBlockB_Image_nonMobile {
display: block !important
}
.MC_mediaBlockB_body-container {
max-width: 464px
}
.MC_mediaBlockB[style*="--grid-size: 1440px"] .MC_mediaBlockB_body-container,
.MC_mediaBlockB[style*="--grid-size: 1920px"] .MC_mediaBlockB_body-container,
.MC_mediaBlockB[style*="--grid-size:1440px"] .MC_mediaBlockB_body-container,
.MC_mediaBlockB[style*="--grid-size:1920px"] .MC_mediaBlockB_body-container {
max-width: 580px
}
.MC_mediaBlockB:not([class*="--alignment"]),
.MC_mediaBlockB_center--alignment {
flex-direction: column;
justify-content: center
}
.MC_mediaBlockB_left--alignment,
.MC_mediaBlockB_right--alignment {
flex-direction: row
}
.MC_mediaBlockB:not([class*="--alignment"]),
.MC_mediaBlockB:not([class*="--alignment"]) .MC_Link_h5,
.MC_mediaBlockB_center--alignment .MC_Link_h5,
.MC_mediaBlockB_center--alignment .MC_mediaBlockB_body-container {
justify-content: center;
text-align: center
}
.MC_mediaBlockB:not([class*="--alignment"]) .MC_mediaBlockB_body-container,
.MC_mediaBlockB_center--alignment .MC_mediaBlockB_body-container {
margin: auto;
max-width: 640px
}
.MC_mediaBlockB:not([class*="--alignment"]) .MC_mediaBlockB_body-image,
.MC_mediaBlockB_center--alignment .MC_mediaBlockB_body-image {
margin: auto
}
.MC_mediaBlockB_center--alignment .MC_mediaBlockB_link-wrapper {
margin: 0 auto;
width: auto
}
.MC_mediaBlockB_left--alignment .MC_mediaBlockB_link-wrapper,
.MC_mediaBlockB_right--alignment .MC_mediaBlockB_link-wrapper {
margin: unset
}
.MC_mediaBlockB_left--alignment .MC_mediaBlockB_body-container,
.MC_mediaBlockB_right--alignment .MC_mediaBlockB_media-container {
order: 1
}
.MC_mediaBlockB_left--alignment .MC_mediaBlockB_media-container,
.MC_mediaBlockB_right--alignment .MC_mediaBlockB_body-container {
order: 2
}
.MC_mediaBlockB_left--alignment .MC_mediaBlockB_body-container,
.MC_mediaBlockB_right--alignment .MC_mediaBlockB_body-container {
justify-content: center
}
.MC_mediaBlockB_left--alignment .MC_mediaBlockB_media-container,
.MC_mediaBlockB_right--alignment .MC_mediaBlockB_media-container {
align-items: center;
display: flex
}
.MC_mediaBlockB_center--alignment .MC_mediaBlockB_media-container,
.MC_mediaBlockB_center--alignment .MC_mediaBlockB_media_image img,
.MC_mediaBlockB_center--alignment video {
aspect-ratio: 5/2
}
.MC_mediaBlockB_media-container {
aspect-ratio: 3/2
}
.MC_mediaBlockB_left--alignment.MC_mediaBlockB_media-1x1 .MC_mediaBlockB_media-container,
.MC_mediaBlockB_left--alignment.MC_mediaBlockB_media-1x1 .MC_mediaBlockB_media-container video,
.MC_mediaBlockB_left--alignment.MC_mediaBlockB_media-1x1 .MC_mediaBlockB_media_image img,
.MC_mediaBlockB_right--alignment.MC_mediaBlockB_media-1x1 .MC_mediaBlockB_media-container,
.MC_mediaBlockB_right--alignment.MC_mediaBlockB_media-1x1 .MC_mediaBlockB_media-container video,
.MC_mediaBlockB_right--alignment.MC_mediaBlockB_media-1x1 .MC_mediaBlockB_media_image img {
aspect-ratio: 1/1
}
.MC_mediaBlockB_center--alignment.MC_mediaBlockB_media-2x1 .MC_mediaBlockB_media-container,
.MC_mediaBlockB_center--alignment.MC_mediaBlockB_media-2x1 .MC_mediaBlockB_media-container video,
.MC_mediaBlockB_center--alignment.MC_mediaBlockB_media-2x1 .MC_mediaBlockB_media_image img {
aspect-ratio: 2/1
}
.MC_mediaBlockB_left--alignment.MC_mediaBlockB_media-4x3 .MC_mediaBlockB_media-container,
.MC_mediaBlockB_left--alignment.MC_mediaBlockB_media-4x3 .MC_mediaBlockB_media-container video,
.MC_mediaBlockB_left--alignment.MC_mediaBlockB_media-4x3 .MC_mediaBlockB_media_image img,
.MC_mediaBlockB_right--alignment.MC_mediaBlockB_media-4x3 .MC_mediaBlockB_media-container,
.MC_mediaBlockB_right--alignment.MC_mediaBlockB_media-4x3 .MC_mediaBlockB_media-container video {
aspect-ratio: 4/3
}
.MC_mediaBlockB_left--alignment.MC_mediaBlockB_media-9x16 .MC_mediaBlockB_media-container,
.MC_mediaBlockB_left--alignment.MC_mediaBlockB_media-9x16 .MC_mediaBlockB_media-container video,
.MC_mediaBlockB_left--alignment.MC_mediaBlockB_media-9x16 .MC_mediaBlockB_media_image img,
.MC_mediaBlockB_right--alignment.MC_mediaBlockB_media-9x16 .MC_mediaBlockB_media-container,
.MC_mediaBlockB_right--alignment.MC_mediaBlockB_media-9x16 .MC_mediaBlockB_media-container video {
aspect-ratio: 9/16
}
.MC_mediaBlockB_center--alignment.MC_mediaBlockB_media-16x9 .MC_mediaBlockB_media-container,
.MC_mediaBlockB_center--alignment.MC_mediaBlockB_media-16x9 .MC_mediaBlockB_media-container video,
.MC_mediaBlockB_center--alignment.MC_mediaBlockB_media-16x9 .MC_mediaBlockB_media_image img {
aspect-ratio: 16/9
}
}
@media screen and (min-width:992px) and (max-width:1080px) {
.MC_mediaBlockB_left--alignment .MC_mediaBlockB_media-container,
.MC_mediaBlockB_right--alignment .MC_mediaBlockB_media-container {
min-width: 456px
}
}
@media screen and (min-width:992px) {
.MC_mediaBlockB.MC_mediaBlockB_left--alignment .MC_mediaBlockB_body-container {
padding-bottom: 32px;
padding-top: 32px
}
}
@media screen and (min-width:1200px) {
.MC_mediaBlockB {
padding-left: 0;
padding-right: 0
}
.MC_mediaBlockB:not([class*="--alignment"]) .MC_mediaBlockB_media-container,
.MC_mediaBlockB_center--alignment .MC_mediaBlockB_media-container {
aspect-ratio: 5/2
}
.MC_mediaBlockB.MC_mediaBlockB_left--alignment .MC_mediaBlockB_body-container {
padding-left: 16px
}
.MC_mediaBlockB.MC_mediaBlockB_right--alignment .MC_mediaBlockB_body-container {
padding: 32px 16px 32px 32px
}
.MC_mediaBlockB.MC_mediaBlockB_center--alignment .MC_mediaBlockB_body-container {
padding: 0
}
.MC_mediaBlockB_left--alignment,
.MC_mediaBlockB_right--alignment {
gap: 32px
}
.MC_mediaBlockB_left--alignment .MC_mediaBlockB_body-container,
.MC_mediaBlockB_right--alignment .MC_mediaBlockB_body-container {
gap: 16px
}
.MC_mediaBlockB_left--alignment .MC_mediaBlockB_media-container,
.MC_mediaBlockB_right--alignment .MC_mediaBlockB_media-container {
max-width: 704px
}
.MC_mediaBlockB[style*="--grid-size: 1440px"].MC_mediaBlockB_media-3x2 .MC_mediaBlockB_media-container,
.MC_mediaBlockB[style*="--grid-size: 1920px"].MC_mediaBlockB_media-3x2 .MC_mediaBlockB_media-container,
.MC_mediaBlockB[style*="--grid-size:1440px"].MC_mediaBlockB_media-3x2 .MC_mediaBlockB_media-container,
.MC_mediaBlockB[style*="--grid-size:1920px"].MC_mediaBlockB_media-3x2 .MC_mediaBlockB_media-container {
max-width: 888px
}
}
@media screen and (min-width:1920px) {
.MC_mediaBlockB.MC_mediaBlockB_left--alignment,
.MC_mediaBlockB.MC_mediaBlockB_right--alignment {
margin: auto
}
}
@media screen and (min-width:768px) {
.MC_Theme_Realms .MC_mediaBlockB .MC_Heading_2 {
font-size: 3.5rem;
letter-spacing: -.015em;
line-height: 3.5rem
}
.MC_Theme_Realms .MC_mediaBlockB .MC_Heading_3 {
font-size: 2rem;
line-height: 2rem
}
.MC_Theme_Legends .MC_mediaBlockB .MC_Heading_2 {
font-size: 3.5rem;
letter-spacing: -.015em;
line-height: 3.5rem
}
.MC_Theme_Legends .MC_mediaBlockB .MC_Heading_3 {
font-size: 2rem;
line-height: 2rem
}
.MC_Theme_Marketplace .MC_mediaBlockB .MC_Heading_2 {
font-size: 3.5rem;
letter-spacing: -.015em;
line-height: 3.5rem
}
.MC_Theme_Marketplace .MC_mediaBlockB .MC_Heading_3 {
font-size: 2rem;
line-height: 2rem
}
.MC_Theme_Dungeons .MC_mediaBlockB .MC_Heading_2 {
font-size: 2.5rem;
letter-spacing: -.015em;
line-height: 2.5rem
}
.MC_Theme_Dungeons .MC_mediaBlockB .MC_Heading_3 {
font-size: 2rem;
line-height: 2rem
}
.MC_Theme_Vanilla .MC_mediaBlockB .MC_Heading_2 {
font-size: 3.5rem;
letter-spacing: -.015em;
line-height: 3.5rem
}
.MC_Theme_Vanilla .MC_mediaBlockB .MC_Heading_3 {
font-size: 2rem;
line-height: 2rem
}
}
.MC_mediaBlockD {
--grid-size: 1920px;
margin: 0 auto;
max-width: var(--grid-size);
padding: 0 24px 60px
}
.MC_mediaBlockD_header {
padding: 64px 0 48px;
text-align: center
}
.MC_mediaBlockD_header p {
margin-top: 8px
}
.MC_mediaBlockD .MC_Tabs {
display: none;
flex-wrap: wrap;
max-width: 1800px
}
@media screen and (min-width:1200px) {
.MC_mediaBlockD {
padding: 0 60px 60px
}
.MC_mediaBlockD .MC_Tabs {
display: flex
}
}
.MC_mediaBlockD .MC_Accordion .MC_Accordion_header,
.MC_mediaBlockD .MC_Tabs .MC_Tabs_header {
flex: none;
padding: 64px 0 48px;
text-align: center;
width: 100%
}
.MC_mediaBlockD .MC_Accordion .MC_Accordion_header .MC_Accordion_header_heading,
.MC_mediaBlockD .MC_Tabs .MC_Tabs_header .MC_Tabs_header_heading {
font-size: 3.5rem
}
.MC_mediaBlockD .MC_Tabs .MC_Tabs_tablist {
display: inline-block;
flex: 423px 0;
margin: 0
}
.MC_mediaBlockD .MC_Tabs .MC_Tabs_tablist:before {
background-color: #2a2626;
content: "";
display: block;
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 4px
}
@media screen and (min-width:1440px) {
.MC_mediaBlockD .MC_Tabs .MC_Tabs_tablist {
flex: 456px 0
}
}
.MC_mediaBlockD .MC_Tabs .MC_Tabs_tablist_container {
background-color: var(--mc-core-rich-black);
box-shadow: inset 4px 0 0 0 var(--mc-core-rich-black), inset 0 4px 0 0 var(--mc-core-grey-4);
flex-direction: column;
padding-top: 0;
position: relative;
z-index: 2
}
.MC_mediaBlockD .MC_Accordion .MC_Accordion_group .MC_Accordion_toggle {
position: relative
}
.MC_mediaBlockD .MC_Tabs .MC_Tabs_tablist_container .MC_Tabs_tablist_tab {
margin-top: 0
}
.MC_mediaBlockD .MC_Accordion .MC_Accordion_group .MC_Accordion_toggle,
.MC_mediaBlockD .MC_Tabs .MC_Tabs_tablist_container .MC_Tabs_tablist_tab {
box-shadow: none;
padding: 24px;
text-align: left;
width: 100%
}
.MC_mediaBlockD .MC_Tabs .MC_Tabs_tablist_container .MC_Tabs_tablist_tab:first-of-type {
margin-top: 0 !important
}
.MC_mediaBlockD .MC_Tabs .MC_Tabs_tablist_container .MC_Tabs_tablist_tab>span:before {
background-color: #403e3d;
content: "";
display: block;
height: 4px;
left: 0;
position: absolute;
top: 0;
width: 4px;
z-index: 1
}
.MC_mediaBlockD .MC_Tabs .MC_Tabs_tablist_container .MC_Tabs_tablist_tab[aria-selected=true] {
background-color: var(--mc-core-grey-5);
box-shadow: inset 0 4px 0 0 hsla(0, 0%, 100%, .2), inset 0 -2px 0 0 #000, inset 4px 0 0 0 rgba(0, 0, 0, .3), inset 0 0 0 0 hsla(0, 0%, 100%, .15);
text-decoration: none
}
.MC_mediaBlockD .MC_Tabs .MC_Tabs_tablist_container .MC_Tabs_tablist_tab[aria-selected=true] img {
box-shadow: 0 0 0 2px var(--mc-core-white);
outline: 2px solid var(--mc-core-grey-5);
outline-offset: -2px
}
.MC_mediaBlockD .MC_Tabs .MC_Tabs_tablist_container .MC_Tabs_tablist_tab[aria-selected=true]>span {
margin-top: -1px
}
.MC_mediaBlockD .MC_Tabs .MC_Tabs_tablist_container .MC_Tabs_tablist_tab[aria-selected=false]>span:before {
height: 2px
}
.MC_mediaBlockD .MC_Tabs .MC_Tabs_tablist_container .MC_Tabs_tablist_tab[aria-selected=false] {
background-color: var(--mc-core-grey-6);
box-shadow: inset 0 2px 0 0 hsla(0, 0%, 100%, .2), inset 0 0 0 0 #000, inset 4px 0 0 0 rgba(0, 0, 0, .3), inset 0 0 0 0 hsla(0, 0%, 100%, .15)
}
.MC_mediaBlockD .MC_Tabs .MC_Tabs_tablist_container .MC_Tabs_tablist_tab:after {
background-color: transparent;
box-shadow: none
}
.MC_mediaBlockD .MC_Accordion .MC_Accordion_group .MC_Accordion_toggle.MC_Icon_Logo,
.MC_mediaBlockD .MC_Tabs .MC_Tabs_tablist_container .MC_Tabs_tablist_tab.MC_Icon_Logo {
background-position: 24px 50%;
background-repeat: no-repeat;
background-size: 48px 48px
}
.MC_mediaBlockD .MC_Accordion .MC_Accordion_group .MC_Accordion_toggle img,
.MC_mediaBlockD .MC_Tabs .MC_Tabs_tablist_container .MC_Tabs_tablist_tab img {
height: 48px;
width: 48px
}
.MC_mediaBlockD .MC_Tabs .MC_Tabs_tablist_container .MC_Tabs_tablist_tab span {
align-items: center;
color: var(--mc-core-grey-2);
display: flex;
gap: 24px
}
.MC_mediaBlockD .MC_Tabs_tabpanels {
background-color: var(--mc-core-grey-5);
box-shadow: inset 0 4px 0 0 hsla(0, 0%, 100%, .2), inset 0 -4px 0 0 rgba(0, 0, 0, .32), inset -4px 0 0 0 hsla(0, 0%, 100%, .16);
flex: 1 0;
max-width: 1348px;
position: relative
}
.MC_mediaBlockD .MC_Tabs .MC_Tabs_tabpanels_panel:before {
background-color: transparent;
border-top: none
}
.MC_mediaBlockD .MC_Accordion .MC_Accordion_content[aria-hidden=false],
.MC_mediaBlockD .MC_Tabs .MC_Tabs_tabpanels_panel:not([tabindex="-1"]) {
align-items: center;
display: flex;
flex-wrap: wrap;
padding: 16px
}
.MC_mediaBlockD .MC_Tabs .MC_Tabs_tabpanels_panel:not([tabindex="-1"]) {
padding: 32px 32px 32px 36px
}
.MC_mediaBlockD .MC_Accordion .MC_Accordion_content[aria-hidden=false] {
padding-top: 0
}
.MC_mediaBlockD .MC_nestedTheme {
align-items: center;
display: flex;
flex-wrap: wrap;
width: 100%
}
.MC_mediaBlockD .MC_nestedTheme>:not(section) {
flex: 1 0;
flex-basis: 100%
}
.MC_mediaBlockD .MC_nestedTheme>p {
color: var(--mc-core-white) !important;
margin-right: 8px
}
.MC_mediaBlockD .MC_Accordion .MC_Accordion_content .MC_Button {
margin-left: 0;
margin-top: 8px
}
@media screen and (min-width:540px) {
.MC_mediaBlockD .MC_nestedTheme>:not(section) {
flex-basis: min-content
}
}
.MC_mediaBlockD .MC_Tabs .MC_Tabs_tabpanels_panel .MC_video,
.MC_mediaBlockD .MC_nestedTheme>section {
width: 100%
}
.MC_mediaBlockD .MC_Button {
margin-left: 24px
}
.MC_mediaBlockD .MC_mediaBlockB {
max-width: none;
padding: 0 0 16px;
position: relative
}
.MC_mediaBlockD .MC_mediaBlockB .MC_mediaBlockB_media-container {
max-width: none
}
.MC_mediaBlockD .MC_Accordion {
display: inline-block;
margin: 0;
padding: 0;
width: 100%
}
@media screen and (min-width:1200px) {
.MC_mediaBlockD .MC_Accordion {
display: none
}
}
.MC_mediaBlockD .MC_Accordion .MC_Accordion_group {
background-color: var(--mc-core-grey-6);
border-top: 0;
padding: 0
}
.MC_mediaBlockD .MC_Accordion .MC_Accordion_group .MC_Accordion_content>section {
width: 100%
}
.MC_mediaBlockD .MC_Accordion .MC_Accordion_group .MC_Accordion_toggle[aria-expanded=true] {
background-color: var(--mc-core-grey-6);
box-shadow: inset -4px 0 0 0 var(--mc-core-grey-4), inset 0 4px 0 0 var(--mc-core-grey-4)
}
.MC_mediaBlockD .MC_Accordion .MC_Accordion_group .MC_Accordion_toggle[aria-expanded=true] img {
box-shadow: 0 0 0 2px var(--mc-core-white);
outline: 2px solid var(--mc-core-grey-5);
outline-offset: -2px
}
.MC_mediaBlockD .MC_Accordion .MC_Accordion_group .MC_Accordion_toggle[aria-expanded=true]+.MC_Accordion_content {
box-shadow: inset 0 -4px 0 0 var(--mc-core-rich-black), inset -4px 0 0 0 var(--mc-core-grey-4)
}
.MC_mediaBlockD .MC_Accordion .MC_Accordion_group .MC_Accordion_toggle[aria-expanded=false] {
background-color: var(--mc-core-off-black);
box-shadow: inset 0 -4px 0 0 var(--mc-core-rich-black), inset -4px 0 0 0 var(--mc-core-grey-6), inset 0 4px 0 0 var(--mc-core-grey-6)
}
.MC_mediaBlockD .MC_Accordion .MC_Accordion_group .MC_Accordion_toggle .MC_Accordion_toggle_text {
color: var(--mc-core-grey-2);
display: flex;
font-family: var(--mc-legends-fontlist);
font-size: 1.25rem;
font-weight: 400;
gap: 12px;
padding: 0;
text-transform: unset
}
.MC_mediaBlockD .MC_Accordion .MC_Accordion_group .MC_Accordion_toggle .MC_Accordion_toggle_text:after {
background-color: var(--mc-core-grey-2)
}
.MC_mediaBlockD .MC_Accordion_toggle .MC_Accordion_toggle_label {
align-items: center;
display: inline-flex;
max-width: calc(100% - 34px)
}
.MC_mediaBlockD .MC_Accordion_toggle .MC_Accordion_toggle_text:has(.MC_Accordion_toggle_icon) .MC_Accordion_toggle_label {
max-width: calc(100% - 106px)
}
.MC_mediaBlockD .MC_mediaBlockB {
gap: 0
}
.MC_mediaBlockD .MC_mediaBlockD_cta {
background-color: var(--mc-core-off-black);
color: var(--mc-core-white);
font-size: 1rem;
opacity: .9;
padding: 8px 24px
}
.MC_mediaBlockD .MC_mediaBlockD_cta:focus {
background-color: var(--mc-core-off-black) !important
}
.MC_mediaBlockD .MC_mediaBlockD_cta:after {
background-color: var(--mc-core-white)
}
@media screen and (min-width:540px) {
.MC_mediaBlockD .MC_mediaBlockD_cta {
bottom: 0;
position: absolute;
right: 0;
transform: translateY(calc(-50% - 2px));
z-index: 1
}
}
.MC_mediaBlockD .MC_mediaBlockB_media_image {
width: 100%
}
.MC_mediaBlockD .MC_TabsA .MC_Tabs_tablist_tab[aria-selected=true]:focus,
.MC_mediaBlockD .MC_TabsA .MC_Tabs_tablist_tab[aria-selected=true]:focus-visible {
outline-offset: -1px
}
.MC_mediaBlockD .MC_TabsA .MC_Tabs_tablist_tab:focus-visible:before,
.MC_mediaBlockD .MC_TabsA .MC_Tabs_tablist_tab:focus:before {
box-shadow: inset 0 0 0 2px var(--mc-core-white);
outline-offset: -3px
}
.MC_mediaBlockD .MC_Accordion_toggle:focus-visible:after,
.MC_mediaBlockD .MC_Accordion_toggle:focus:after {
border: 1px solid var(--mc-default-focus);
content: "";
display: block;
height: 100%;
left: 0;
outline: .0625rem solid var(--mc-core-white);
outline-offset: -2px;
position: absolute;
top: 0;
width: 100%
}
[data-mc-ref=mc_mediaBlockF] {
display: none;
padding-left: 60px;
padding-right: 60px
}
[data-mc-ref=mc_mediaBlockF]:has(.MC_mediaBlockF_vw1) {
border-top: 4px solid var(--mc-core-rich-black);
box-shadow: 0 4px 0 0 hsla(0, 0%, 100%, .1);
width: 100%
}
.MC_mediaBlockF {
--grid-size: 1080px;
column-gap: 112px;
display: flex;
justify-content: space-between;
margin: 0 auto;
max-width: var(--grid-size);
padding: 48px 0
}
.MC_mediaBlockF .MC_minecoinSummaryA[data-status=error] .MC_minecoinSummaryA_errorText {
color: #e2b923
}
.MC_mediaBlockF .MC_minecoinSummaryA[data-status=error] .MC_minecoinSummaryA_balanceContainer:after {
background-image: var(--mc-environment-warning_svg-18x20)
}
.MC_mediaBlockF_vw1 {
--grid-size: 1080px;
column-gap: 112px;
display: flex;
justify-content: space-between;
margin: 0 auto;
max-width: var(--grid-size);
padding: 48px 0
}
.MC_mediaBlockF_vw1_details {
display: flex;
flex-direction: column;
max-width: 420px;
min-width: 345px;
width: 38.58%
}
.MC_mediaBlockF_vw1_gamerIcon {
margin-bottom: 12px;
max-height: 100px;
max-width: 100px
}
.MC_mediaBlockF_vw1_description {
margin-bottom: 16px;
margin-top: 8px
}
.MC_mediaBlockF_vw1_description p {
color: var(--mc-core-grey-1)
}
.MC_mediaBlockF_vw1_ctas {
display: flex;
flex-direction: column;
gap: 16px;
margin-top: auto;
padding-bottom: 8px
}
.MC_mediaBlockF_vw1_ctas .MC_Link_StyleA {
display: inline-flex;
letter-spacing: 1.12px;
width: max-content
}
.MC_mediaBlockF_vw1_media {
display: flex;
flex-direction: column;
gap: 24px;
width: 100%
}
.MC_mediaBlockF_vw1_media .MC_mediaBlockF_vw1_ctas {
display: none
}
.mediaBlockF_vw1_cardImage,
.mediaBlockF_vw1_cardImage img {
width: 100%
}
.MC_mediaBlockF_vw1 .MC_mediaBlockF_vw1_carouselWrapper {
background: var(--mc-core-grey-6);
box-shadow: inset 0 -2px 0 0 #000, inset 0 2px 0 0 #3d3938;
display: flex;
flex-direction: column;
gap: 16px;
padding: 8px
}
.MC_mediaBlockF_vw1 .MC_CarouselN,
.MC_mediaBlockF_vw1 .MC_mediaBlockF_vw1_carouselWrapper .MC_cardJ_productInfo {
padding: 8px
}
.MC_mediaBlockF_vw1 .MC_CarouselN .MC_Carousel_wrapper {
background: unset;
box-shadow: unset;
padding: 0;
width: 100%
}
@media screen and (min-width:768.98px) {
.MC_mediaBlockF_vw1 .MC_CarouselN .MC_Carousel_thumbs_slide+.MC_Carousel_thumbs_slide {
margin-top: 15.4%
}
}
.MC_mediaBlockF_carouselNPlaceholder {
align-items: center;
display: flex;
justify-content: center;
min-height: 250px
}
@media screen and (max-width:992px) {
.MC_mediaBlockF_vw1 {
flex-direction: column;
gap: 24px
}
.MC_mediaBlockF_vw1_details {
max-width: unset;
width: 100%
}
.MC_mediaBlockF_vw1_details .MC_mediaBlockF_vw1_ctas {
display: none
}
.MC_mediaBlockF_vw1_details .MC_minecoinSummaryA_container {
--min-width: 150px !important
}
.MC_mediaBlockF_vw1_media .MC_mediaBlockF_vw1_ctas {
display: flex
}
}
@media screen and (max-width:576px) {
[data-mc-ref=mc_mediaBlockF] .MC_CarouselN {
padding: 0
}
.MC_mediaBlockF_vw1_details {
min-width: unset
}
}
.MC_mediaBlockF_vw2 {
--grid-size: 1080px;
--background-image: url(/content/dam/minecraftnet/franchise/component-library/mediaBlockF/background_particles.png);
--background-position: 266px center;
background: var(--background-image) no-repeat var(--background-position);
column-gap: 171px;
display: flex;
margin: 0 auto;
max-width: var(--grid-size);
padding: 96px 0
}
.MC_mediaBlockF_vw2 .MC_mediaBlockF_cardJPlaceholder {
align-items: center;
display: flex;
height: 100%;
justify-content: center;
width: 320px
}
.MC_mediaBlockF_vw2_details {
display: flex;
flex-direction: column;
min-width: 436px;
width: 40.37%
}
@media screen and (min-width:1440px) {
.MC_mediaBlockF_vw2_details [class*=MC_Heading] {
font-size: 5.3125rem;
letter-spacing: -1.275px;
line-height: 72px
}
}
.MC_mediaBlockF_vw2_description {
margin-top: 8px
}
.MC_mediaBlockF_vw2_description p {
color: var(--mc-core-grey-1)
}
.MC_mediaBlockF_vw2_ctas {
display: flex;
flex-direction: column;
gap: 16px;
margin-top: 16px
}
.MC_mediaBlockF_vw2_ctas .MC_Link_StyleA {
letter-spacing: 1.12px;
width: fit-content
}
.MC_mediaBlockF_vw2_media {
flex-grow: 1
}
.MC_mediaBlockF_vw2_media .MC_cardJ_tile {
box-shadow: 0 0 31.4px 0 var(--mc-marketplace-gold-4), 0 0 84.2px 0 #fff27a
}
.MC_mediaBlockF_vw2_media .MC_mediaBlockF_vw2_ctas {
display: none
}
@media screen and (max-width:1200px) {
.MC_mediaBlockF_vw2 {
--background-position: 155px center
}
.MC_mediaBlockF_vw2_details {
min-width: 320px;
width: 29.62%
}
}
@media screen and (max-width:992px) {
.MC_mediaBlockF_vw2 {
--background-position: calc(50% - 45px) bottom;
flex-direction: column;
gap: 36px;
padding: 32px 0
}
.MC_mediaBlockF_vw2 .MC_mediaBlockF_cardJPlaceholder {
min-height: 250px;
width: 100%
}
.MC_mediaBlockF_vw2_details {
align-items: center;
min-width: unset;
width: 100%
}
.MC_mediaBlockF_vw2_details [class*=MC_Heading] {
text-align: center
}
.MC_mediaBlockF_vw2_details .MC_mediaBlockF_vw2_ctas {
display: none
}
.MC_mediaBlockF_vw2_description {
text-align: center
}
.MC_mediaBlockF_vw2_media .MC_cardJ {
display: flex;
justify-content: center
}
.MC_mediaBlockF_vw2_media .MC_mediaBlockF_vw2_ctas {
align-items: center;
display: flex;
margin: 24px auto 0;
max-width: 436px
}
}
[data-mc-ref=mc_mediaBlockF] .MC_CarouselN .MC_Carousel_track_slide {
aspect-ratio: 16/9
}
[data-mc-ref=mc_mediaBlockF] .MC_carouselN_videoContainer {
max-height: calc(100% - 6px)
}
@media screen and (max-width:767.98px) {
[data-mc-ref=mc_mediaBlockF] {
padding-left: 24px;
padding-right: 24px
}
}
@media screen and (max-width:576px) {
[data-mc-ref=mc_mediaBlockF] {
padding-left: 16px;
padding-right: 16px
}
}
@media (forced-colors:active) {
.MC_mediaBlockF .MC_minecoinSummaryA_wrapper,
.MC_mediaBlockF_vw1_carouselWrapper {
outline: 1px solid
}
}
.MC_mediaBlockF:has(.MC_youTubePlayer_cookieAcceptError) .MC_youTubePlayer_cookieAcceptError_verticalAlign-bottom .MC_youTubePlayer_cookieAcceptBlurbContainer {
padding-top: 24px
}
.MC_mediaBlockF:has(.MC_youTubePlayer_cookieAcceptError) .MC_youTubePlayer_cookieAcceptError_verticalAlign-bottom .MC_youTubePlayer_cookieAcceptImageInnerContainer {
text-align: center
}
.MC_mediaBlockF:has(.MC_youTubePlayer_cookieAcceptError) .MC_youTubePlayer_cookieAcceptError_verticalAlign-bottom .MC_youTubePlayer_cookieAcceptImage {
max-width: 75%
}
[data-mc-ref=mc_optionsMenuA] {
overflow: hidden;
padding-left: 60px;
padding-right: 60px;
position: relative
}
[data-mc-ref=mc_optionsMenuA]:after {
background-color: #262423;
bottom: 0;
content: "";
display: block;
height: 2px;
left: 0;
position: absolute;
width: 100%
}
.MC_optionsMenuA {
--grid-size: 1920px;
--col-count: 3;
margin: 0 auto;
max-width: var(--grid-size);
max-width: 1800px;
padding-top: 48px
}
.MC_optionsMenuA_header {
display: flex;
flex-direction: column;
gap: 8px;
padding-bottom: 24px
}
.MC_optionsMenuA_header_description {
font-size: .875rem
}
.MC_optionsMenuA_options {
column-gap: 24px;
display: grid;
grid-template-columns: repeat(3, minmax(auto, 1fr));
list-style-type: none;
margin: 0 !important;
padding: 0;
row-gap: 0
}
ul.MC_optionsMenuA_options:before {
background: linear-gradient(0deg, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, .6) 100%), var(--mc-core-off-black);
content: "";
height: 100%;
left: 0;
position: absolute;
width: 100%
}
.MC_optionsMenuA_linkContainer {
align-items: center;
border-bottom: 2px solid var(--mc-core-grey-6);
display: flex;
gap: 12px;
padding: 16px 0;
word-break: break-word;
z-index: 2
}
.MC_optionsMenuA_iconContainer {
display: flex;
justify-content: center;
width: 24px
}
.MC_optionsMenuA_linkContainer svg {
flex-shrink: 0
}
.MC_optionsMenuA_linkContainer_text {
align-items: center;
color: var(--mc-theme-primary-color, var(--mc-core-rich-black)) !important;
display: flex;
font-size: .875rem;
font-style: normal;
font-weight: 700;
gap: 12px;
letter-spacing: 1.12px;
line-height: 20px;
text-decoration: none !important;
text-transform: uppercase
}
a.MC_optionsMenuA_linkContainer_text:hover {
text-decoration: underline !important
}
@media screen and (max-width:767.98px) {
[data-mc-ref=mc_optionsMenuA] {
padding-left: 24px;
padding-right: 24px
}
}
.MC_optionsMenuA[style*="--col-count: 4"] .MC_optionsMenuA_options,
.MC_optionsMenuA[style*="--col-count:4"] .MC_optionsMenuA_options {
grid-template-columns: repeat(4, minmax(auto, 1fr))
}
.MC_optionsMenuA[style*="--col-count: 5"] .MC_optionsMenuA_options,
.MC_optionsMenuA[style*="--col-count:5"] .MC_optionsMenuA_options {
grid-template-columns: repeat(5, minmax(auto, 1fr))
}
@media screen and (max-width:1200px) {
.MC_optionsMenuA[style*="--col-count: 5"] .MC_optionsMenuA_options,
.MC_optionsMenuA[style*="--col-count:5"] .MC_optionsMenuA_options {
grid-template-columns: repeat(4, minmax(auto, 1fr))
}
}
@media screen and (max-width:1000px) {
.MC_optionsMenuA[style*="--col-count: 4"] .MC_optionsMenuA_options,
.MC_optionsMenuA[style*="--col-count: 5"] .MC_optionsMenuA_options,
.MC_optionsMenuA[style*="--col-count:4"] .MC_optionsMenuA_options,
.MC_optionsMenuA[style*="--col-count:5"] .MC_optionsMenuA_options {
grid-template-columns: repeat(3, minmax(auto, 1fr))
}
}
@media screen and (max-width:768px) {
.MC_optionsMenuA[style*="--col-count: 4"] .MC_optionsMenuA_options,
.MC_optionsMenuA[style*="--col-count: 5"] .MC_optionsMenuA_options,
.MC_optionsMenuA[style*="--col-count:4"] .MC_optionsMenuA_options,
.MC_optionsMenuA[style*="--col-count:5"] .MC_optionsMenuA_options,
.MC_optionsMenuA_options {
grid-template-columns: repeat(2, minmax(auto, 1fr))
}
}
@media screen and (max-width:576px) {
.MC_optionsMenuA[style*="--col-count: 4"] .MC_optionsMenuA_options,
.MC_optionsMenuA[style*="--col-count: 5"] .MC_optionsMenuA_options,
.MC_optionsMenuA[style*="--col-count:4"] .MC_optionsMenuA_options,
.MC_optionsMenuA[style*="--col-count:5"] .MC_optionsMenuA_options,
.MC_optionsMenuA_options {
grid-template-columns: repeat(1, minmax(auto, 1fr))
}
}
.MC_optionsMenuA_downloadIcon:after {
background-image: var(--mc-environment-download_icon_svg_10x14);
content: "";
display: block;
flex-shrink: 0;
height: 14px;
width: 10px
}
.MC_optionsMenuA_externalIcon:after {
background-image: var(--mc-environment-external-link-small_icon_svg_16x16);
content: "";
display: block;
flex-shrink: 0;
height: 16px;
width: 16px
}
.MC_optionsMenuA_internalIcon:after {
background: var(--mc-environment-internal-link-icon_svg_6x10) no-repeat;
content: "";
display: block;
flex-grow: 0;
flex-shrink: 0;
height: 10px;
width: 6px
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
.MC_optionsMenuA_linkContainer img,
.MC_optionsMenuA_linkContainer svg {
filter: invert(1)
}
}
.MC_PurchaseMenu {
margin: 0 auto;
max-width: 1440px;
padding: 48px 16px
}
.MC_Tabs_tabpanels_panel .MC_PurchaseMenu {
padding-top: 32px
}
@media screen and (min-width:768px) {
.MC_PurchaseMenu {
padding: 64px 90px
}
}
@media screen and (min-width:1200px) {
.MC_PurchaseMenu {
padding: 64px 27px
}
}
.MC_PurchaseMenu_platforms {
margin: 0 !important;
padding: 0 !important
}
.MC_PurchaseMenu_header {
margin: 0 auto;
max-width: 744px;
padding-bottom: 48px;
text-align: center
}
.MC_PurchaseMenu_header_description {
margin-top: 1.5rem
}
.MC_PurchaseMenu_header_heading {
margin-bottom: 16px
}
@media screen and (min-width:1200px) {
.MC_PurchaseMenu_header_heading {
margin-bottom: 24px
}
.MC_PurchaseMenu_platforms {
column-gap: 24px;
display: grid;
grid-template-columns: repeat(3, 1fr)
}
}
.MC_PurchaseMenu_platforms_linkContainer {
align-items: center;
border: 1px solid var(--mc-core-grey-4);
border-left: none;
border-right: none;
display: flex;
font-weight: 700;
min-height: 80px;
text-transform: uppercase
}
.MC_PurchaseMenu_platforms_linkContainer:nth-child(3)~.MC_PurchaseMenu_platforms_linkContainer {
border-top: 0
}
.MC_PurchaseMenu_platforms_linkContainer .MC_Button {
margin-left: 0
}
@media screen and (max-width:1199.98px) {
.MC_PurchaseMenu_platforms_linkContainer:first-child~.MC_PurchaseMenu_platforms_linkContainer {
border-top: 0
}
}
@media screen and (max-width:767.98px) {
.MC_PurchaseMenu_platforms_linkContainer {
flex-wrap: wrap
}
.MC_PurchaseMenu_platforms_linkContainer>* {
margin-bottom: 14px;
margin-top: 14px
}
.MC_PurchaseMenu_platforms_linkContainer .MC_PurchaseMenu_platforms_link {
max-width: calc(100% - 50px)
}
}
@media screen and (min-width:768px) {
.MC_PurchaseMenu_platforms_linkContainer {
padding: 12px 12px 12px 15px
}
}
.MC_PurchaseMenu_platforms_icon {
margin-right: 17px
}
.MC_PurchaseMenu_platforms_link.MC_Glyph_Link_A {
text-decoration: none
}
.MC_PurchaseMenu_platforms_link.MC_Glyph_Link_A:after {
background-color: var(--mc-vanilla-grey-3)
}
.MC_PurchaseMenu .MC_PurchaseMenu_platforms .MC_PurchaseMenu_platforms_link {
color: var(--mc-theme-primary-color);
text-decoration: none
}
.MC_PurchaseMenu .MC_PurchaseMenu_platforms .MC_PurchaseMenu_platforms_link:hover {
text-decoration: underline
}
.MC_PurchaseMenu_platforms_linkContainer_text {
display: inline-block;
flex: 1 1 auto;
line-height: 1.25rem;
margin: 0;
max-width: calc(100% - 60px);
padding-right: 10px
}
@media (forced-colors:active) and (prefers-color-scheme:dark) {
.MC_PurchaseMenu_platforms_icon {
background-color: currentColor;
filter: invert(1)
}
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
.MC_PurchaseMenu_platforms_icon {
filter: invert(1)
}
}
[data-mc-ref=mc_menu_purchaseMenuB] {
padding-left: var(--scrollbarWidth, 60px) !important;
padding-right: var(--scrollbarWidth, 60px) !important
}
@media screen and (max-width:767.98px) {
[data-mc-ref=mc_menu_purchaseMenuB] {
padding-left: var(--scrollbarWidth, 24px) !important;
padding-right: var(--scrollbarWidth, 24px) !important
}
}
@media screen and (max-width:576px) {
[data-mc-ref=mc_menu_purchaseMenuB] {
padding-left: var(--scrollbarWidth, 16px) !important;
padding-right: var(--scrollbarWidth, 16px) !important
}
}
.MC_purchaseMenuB {
margin: 0 auto;
max-width: 1920px;
padding: 10px 0
}
@media screen and (min-width:1030px) {
.MC_purchaseMenuB {
padding-bottom: 24px
}
}
.MC_purchaseMenuB_logo {
align-items: center;
display: flex;
justify-content: center;
padding-bottom: 24px;
padding-top: 30px
}
@media screen and (min-width:1100px) {
.MC_purchaseMenuB_logo {
padding-top: 0
}
}
.MC_purchaseMenuB_logo img {
max-width: 481px;
width: -webkit-fill-available
}
.MC_purchaseMenuB_heading {
color: #d0c5c0;
font-size: 14px;
letter-spacing: .08em;
line-height: 12px;
margin: 0 auto 16px;
max-width: 1440px;
text-align: center;
text-transform: uppercase
}
@media screen and (min-width:500px) {
.MC_purchaseMenuB_heading {
text-align: left
}
}
.MC_purchaseMenuB li,
.MC_purchaseMenuB ul {
list-style: none;
margin: 0;
padding: 0
}
.MC_purchaseMenuB ul.MC_purchaseMenuB_platformOptions {
align-items: start;
display: grid;
gap: 10px;
grid-auto-rows: auto;
grid-template-columns: repeat(2, 1fr);
padding: 0
}
@media only screen and (min-width:1030px) {
.MC_purchaseMenuB ul.MC_purchaseMenuB_platformOptions {
grid-auto-flow: row;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(3, 56px);
margin: 0 auto;
max-width: 1440px
}
.MC_purchaseMenuB ul.MC_purchaseMenuB_platformOptions.MC_purchaseMenuB_platformOptions__small {
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 56px)
}
}
.MC_purchaseMenuB ul.MC_purchaseMenuB_platformOptions li {
grid-column: span 2;
order: 0
}
.MC_purchaseMenuB ul.MC_purchaseMenuB_platformOptions li.MC_purchaseMenuB_primaryButton {
grid-row: 1;
height: 100%;
width: 100%
}
@media screen and (min-width:1030px) {
.MC_purchaseMenuB ul.MC_purchaseMenuB_platformOptions li.MC_purchaseMenuB_primaryButton {
grid-column: 1;
grid-row: 1/-1
}
}
.MC_purchaseMenuB ul.MC_purchaseMenuB_platformOptions li.MC_purchaseMenuB_primaryButton a {
align-items: center;
background: var(--mc-vanilla-green-5);
box-shadow: inset 0 -6px 0 var(--mc-vanilla-green-6), inset 0 6px 0 var(--mc-vanilla-green-4);
color: var(--mc-core-white);
display: flex;
flex-direction: column;
font-family: var(--mc-default--fontlist);
font-size: 14px;
gap: 10px;
height: 100%;
justify-content: center;
min-height: 90px;
position: relative;
text-align: left;
text-decoration: none
}
.MC_purchaseMenuB ul.MC_purchaseMenuB_platformOptions li.MC_purchaseMenuB_primaryButton a:hover {
background: linear-gradient(0deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), var(--mc-vanilla-green-5)
}
.MC_purchaseMenuB ul.MC_purchaseMenuB_platformOptions li.MC_purchaseMenuB_primaryButton a:focus {
background: linear-gradient(0deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), var(--mc-vanilla-green-5);
border-radius: 0;
box-shadow: 0 0 0 0 var(--mc-core-white), 0 0 0 2px var(--mc-default-focus), inset 0 -2px 0 var(--mc-vanilla-green-6), inset 0 2px 0 #52a535;
outline: 2px solid var(--mc-core-white);
outline-offset: -2px
}
.MC_purchaseMenuB ul.MC_purchaseMenuB_platformOptions li.MC_purchaseMenuB_primaryButton a:active {
background: var(--mc-vanilla-green-6);
box-shadow: none
}
@media (forced-colors:active) {
.MC_purchaseMenuB ul.MC_purchaseMenuB_platformOptions li.MC_purchaseMenuB_primaryButton a:not([aria-disabled=true]):focus,
.MC_purchaseMenuB ul.MC_purchaseMenuB_platformOptions li.MC_purchaseMenuB_primaryButton a:not([aria-disabled=true]):hover {
filter: invert(1)
}
}
@media screen and (min-width:1030px) {
.MC_purchaseMenuB ul.MC_purchaseMenuB_platformOptions li.MC_purchaseMenuB_primaryButton a {
gap: 16px;
height: 100%
}
}
@media (forced-colors:active) {
.MC_purchaseMenuB ul.MC_purchaseMenuB_platformOptions li.MC_purchaseMenuB_primaryButton a {
outline: 1px solid transparent
}
}
.MC_purchaseMenuB ul.MC_purchaseMenuB_platformOptions li.MC_purchaseMenuB_primaryButton a .MC_Platforms_Icon {
height: 32px;
object-fit: cover;
position: relative;
width: 32px
}
@media screen and (min-width:1030px) {
.MC_purchaseMenuB ul.MC_purchaseMenuB_platformOptions li.MC_purchaseMenuB_primaryButton a .MC_Platforms_Icon {
height: 48px;
width: 48px
}
}
.MC_purchaseMenuB ul.MC_purchaseMenuB_platformOptions li.MC_purchaseMenuB_primaryButton a span {
color: var(--mc-core-white);
font-weight: 800;
letter-spacing: .08em;
line-height: 12px;
position: relative;
text-transform: uppercase
}
.MC_purchaseMenuB ul.MC_purchaseMenuB_platformOptions li.MC_purchaseMenuB_primaryButton a span:after {
background-color: var(--mc-core-white);
clip-path: var(--mc-environment-arrow__down_clip-path);
color: var(--mc-core-white);
content: "";
display: inline-block;
flex-basis: 14px;
flex-grow: 0;
flex-shrink: 0;
font-weight: 800;
height: 8px;
letter-spacing: .03em;
margin-bottom: 1px;
margin-left: 6px;
text-transform: uppercase;
transform: rotate(-90deg);
width: 12px
}
@media (forced-colors:active) and (prefers-color-scheme:dark) {
.MC_purchaseMenuB ul.MC_purchaseMenuB_platformOptions li.MC_purchaseMenuB_primaryButton a span:after {
background-color: currentColor !important;
filter: invert(1)
}
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
.MC_purchaseMenuB ul.MC_purchaseMenuB_platformOptions li.MC_purchaseMenuB_primaryButton a span:after {
filter: invert(1)
}
}
.MC_purchaseMenuB ul.MC_purchaseMenuB_platformOptions li.MC_purchaseMenuB_primaryButton a[target=_blank] span:after {
clip-path: var(--mc-environment-link_A);
transform: none;
width: 8px
}
.MC_purchaseMenuB ul.MC_purchaseMenuB_platformOptions li.MC_purchaseMenuB_primaryButton a.MC_purchaseMenuB_download span:after {
clip-path: var(--mc-environment-arrow__download_clip-path);
height: 20px;
margin-bottom: -5px;
transform: none;
width: 20px
}
@media screen and (min-width:500px) {
.MC_purchaseMenuB ul.MC_purchaseMenuB_platformOptions li:not(.MC_purchaseMenuB_primaryButton) {
grid-column: auto
}
}
@media screen and (min-width:1030px) {
.MC_purchaseMenuB ul.MC_purchaseMenuB_platformOptions li:not(.MC_purchaseMenuB_primaryButton) {
grid-column: auto
}
}
.MC_purchaseMenuB ul.MC_purchaseMenuB_platformOptions li:not(.MC_purchaseMenuB_primaryButton) a {
align-items: center;
background-color: #3d3938;
box-shadow: inset 0 -2px 0 #171615, inset 0 2px 0 #6b6562;
box-sizing: border-box;
color: transparent;
display: flex;
flex-direction: row;
font-family: var(--mc-default--fontlist);
font-size: 14px;
gap: 8px;
justify-content: center;
padding: 10px;
text-decoration: none !important;
width: 100%
}
.MC_purchaseMenuB ul.MC_purchaseMenuB_platformOptions li:not(.MC_purchaseMenuB_primaryButton) a:focus {
background-color: #3d3938 !important
}
.MC_purchaseMenuB ul.MC_purchaseMenuB_platformOptions li:not(.MC_purchaseMenuB_primaryButton) a:hover {
background: #373333 !important
}
.MC_purchaseMenuB ul.MC_purchaseMenuB_platformOptions li:not(.MC_purchaseMenuB_primaryButton) a:active {
background-color: #262423;
box-shadow: inset -2px -2px -2px -2px #171615
}
.MC_purchaseMenuB ul.MC_purchaseMenuB_platformOptions li:not(.MC_purchaseMenuB_primaryButton) a .MC_Platforms_Icon {
align-items: center;
display: flex;
height: 1.5rem;
justify-content: center;
width: 1.5rem
}
.MC_purchaseMenuB ul.MC_purchaseMenuB_platformOptions li:not(.MC_purchaseMenuB_primaryButton) a span {
align-items: center;
color: var(--mc-core-white);
display: flex;
font-size: 1rem;
font-weight: 700;
justify-content: flex-start;
text-transform: uppercase
}
.MC_purchaseMenuB ul.MC_purchaseMenuB_platformOptions li:not(.MC_purchaseMenuB_primaryButton) a span:after {
aspect-ratio: 3/2;
background-color: #6cc349;
clip-path: var(--mc-environment-arrow__down_clip-path);
content: "";
display: inline-block;
flex-basis: 7px;
flex-grow: 0;
flex-shrink: 0;
height: 8px;
margin-bottom: 0;
margin-left: 12px;
transform: rotate(-90deg);
width: 12px
}
@media (forced-colors:active) {
.MC_purchaseMenuB ul.MC_purchaseMenuB_platformOptions li:not(.MC_purchaseMenuB_primaryButton) a span:after {
filter: invert(1)
}
}
.MC_purchaseMenuB ul.MC_purchaseMenuB_platformOptions li:not(.MC_purchaseMenuB_primaryButton) a[target=_blank] span:after {
aspect-ratio: 1/1;
clip-path: var(--mc-environment-link_A);
height: 8px;
margin-bottom: 2px;
transform: none;
width: 8px
}
.MC_purchaseMenuB ul.MC_purchaseMenuB_platformOptions li:not(.MC_purchaseMenuB_primaryButton) a.MC_purchaseMenuB_download span:after {
aspect-ratio: 1/1;
clip-path: var(--mc-environment-arrow__download_clip-path);
height: 20px;
margin-bottom: -5px;
transform: none;
width: 20px
}
@media screen and (min-width:1030px) {
.MC_purchaseMenuB ul.MC_purchaseMenuB_platformOptions li:not(.MC_purchaseMenuB_primaryButton) a {
padding: 16px
}
}
@media (forced-colors:active) {
.MC_purchaseMenuB ul.MC_purchaseMenuB_platformOptions li a {
outline: 1px solid transparent
}
.MC_purchaseMenuB ul.MC_purchaseMenuB_platformOptions li a:not([aria-disabled=true]):focus,
.MC_purchaseMenuB ul.MC_purchaseMenuB_platformOptions li a:not([aria-disabled=true]):hover {
filter: invert(1)
}
}
.MC_purchaseMenuB ul.MC_purchaseMenuB_platformOptions li a .MC_Platforms_Icon img {
max-height: 100%;
max-width: 100%
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
.MC_purchaseMenuB ul.MC_purchaseMenuB_platformOptions li a .MC_Platforms_Icon img {
-webkit-filter: brightness(1) invert(1);
filter: brightness(1) invert(1)
}
}
.MC_purchaseMenuB_footerText {
color: #aba09c;
font-size: 14px;
font-weight: 400;
margin: 0 auto;
max-width: 1440px;
padding-bottom: 0;
padding-top: 10px
}
.MC_modalA .MC_scrollbar_scrollbar {
height: calc(100% - 72px) !important;
right: 4px;
top: 50px !important
}
.MC_modalA .MC_modal_content {
display: flex;
flex-wrap: wrap
}
.MC_modalA_imagePanel {
order: 1;
padding: 40px 8px 32px;
text-align: center;
width: 100%
}
.MC_modalA_imagePanel_img {
height: auto;
padding: 0 22px;
width: 100%
}
.MC_modalA_contentPanel {
order: 2
}
.MC_modalA_contentPanel_text {
background: linear-gradient(0deg, rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .2) 100%), var(--mc-core-grey-6);
border-right: 2px solid hsla(0, 0%, 100%, .1);
border-top: 2px solid hsla(0, 0%, 100%, .1);
box-shadow: inset 2px -2px 0 0 rgba(0, 0, 0, .3);
padding: 24px
}
.MC_modalA_contentPanel_text [class*=MC_Heading] {
margin-bottom: 8px
}
.MC_modalA_contentPanel_text,
.MC_modalA_contentPanel_text p {
color: var(--mc-core-white)
}
.MC_modalA_contentPanel_text p+p {
margin-top: 24px
}
.MC_modalA_contentPanel_actions {
background: var(--mc-core-grey-6);
border-right: 2px solid hsla(0, 0%, 100%, .1);
border-top: 2px solid hsla(0, 0%, 100%, .1);
box-shadow: inset 2px -2px 0 0 rgba(0, 0, 0, .3);
padding: 16px
}
.MC_modalA .MC_scrollbar_content_wrapper {
margin-right: 0
}
.MC_modalA .MC_scrollbar_content>* {
padding-right: 0
}
@media screen and (min-width:768px) {
[data-mc-ref*=mc_modals_modal]:has(.MC_modalA) {
max-width: 800px
}
.MC_modalA .MC_modal_content {
display: flex
}
.MC_modalA_contentPanel_text {
align-content: center;
display: inline-flex;
flex-wrap: wrap;
height: calc(100% - var(--actionContainerHeight, 0));
justify-content: center;
text-align: center
}
.MC_modalA_contentPanel,
.MC_modalA_imagePanel {
align-items: center;
flex: 1 0 50%;
justify-content: center
}
.MC_modalA_contentPanel {
align-items: normal;
display: inline-flex;
flex-wrap: wrap;
order: 1
}
.MC_modalA_imagePanel {
align-items: center;
display: inline-flex;
justify-content: center;
order: 2
}
.MC_modalA_contentPanel_actions {
margin-top: auto;
width: 100%
}
}
.MC_modalA_fullWidthImage .MC_modalA_imagePanel,
.MC_modalA_fullWidthImage .MC_modalA_imagePanel_img {
padding: 0
}
@media(forced-colors:active) {
.MC_modalA_contentPanel_text {
border-top: 0
}
}
.MC_modalB .MC_scrollbar_scrollbar {
height: calc(100% - 72px) !important;
right: 4px;
top: 50px !important
}
.MC_modalB .MC_modal_close {
z-index: 3
}
.MC_modalB .MC_modal_content {
flex-direction: column;
min-height: 200px;
width: 100%
}
[data-mc-ref=mc_modals_modalB] {
max-height: calc(100% - 16px)
}
.MC_modalB {
background-color: var(--mc-core-grey-6);
border: 2px solid var(--mc-core-off-black);
box-shadow: 0 4px 0 0 rgba(0, 0, 0, .25), inset 4px -4px 0 0 rgba(0, 0, 0, .3), inset -4px 4px 0 0 hsla(0, 0%, 100%, .2);
margin-left: 16px;
margin-right: 16px;
min-width: 320px;
padding: 16px 24px 24px;
position: relative
}
.MC_modalB_introHeading {
color: var(--mc-core-grey-2) !important;
font-size: .875rem;
font-style: normal;
font-weight: 700;
letter-spacing: 1.12px;
line-height: 12px;
margin: 2px 0 0;
text-transform: uppercase
}
.MC_modalB_contentPanel {
display: flex;
flex-direction: column;
gap: 16px
}
.MC_modalB_contentPanel_imageContainer {
aspect-ratio: 20/9;
overflow: hidden;
position: relative
}
.MC_modalB_contentPanel_imageOverlay {
height: auto;
left: 0;
position: absolute;
top: 0;
width: calc(100% + 1px);
z-index: 2
}
.MC_modalB_contentPanel_image {
height: auto;
width: 100%
}
.MC_modalB_contentPanel_contentContainer {
color: var(--mc-core-white);
display: flex;
flex-direction: column;
gap: 8px;
text-align: center
}
.MC_modalB_contentPanel_contentContainer p {
color: var(--mc-core-grey-2) !important;
font-family: var(--mc-legends-fontlist) !important;
font-size: 1.25rem;
font-style: normal;
font-weight: 400;
letter-spacing: .8px;
line-height: 24px
}
.MC_modalB_v2 .MC_modalB_contentPanel_imageContainer {
aspect-ratio: unset;
margin-top: 16px;
overflow: unset
}
@media screen and (max-width:767.98px) {
[data-mc-ref=mc_modals_modalB] {
max-width: 90%
}
.MC_modalB {
margin-left: 0;
margin-right: 0
}
}
@media screen and (max-width:576px) {
.MC_modalB .MC_textBannerB_container {
padding: 32px 16px
}
}
@media screen and (max-width:380px) {
[data-mc-ref=mc_modals_modalB] {
max-width: unset
}
}
.MC_modalB [data-mc-ref=mc_banner_textBannerB] {
padding: 0
}
.MC_modalB .MC_textBannerB {
max-width: unset
}
.MC_modalB .MC_textBannerB_icon-container {
flex-basis: 48px;
height: 48px;
width: 48px
}
.MC_modalB .MC_textBannerB_container {
gap: 24px
}
.MC_modalB .MC_textBannerB .MC_textBannerB_content-description p {
font-size: .875rem
}
.MC_marketplacePdpApp .MC_modalB [data-mc-ref=mc_banner_textBannerB] {
padding-top: 0
}
@media screen and (max-width:1200px) {
.MC_marketplacePdpApp .MC_modalB .MC_textBannerB {
padding-left: 0;
padding-right: 0
}
}
@media screen and (max-width:767.98px) {
.MC_marketplacePdpApp .MC_modalB .MC_textBannerB {
padding-left: 0;
padding-right: 0
}
}
@media screen and (max-width:499.98px) {
.MC_modalB .MC_textBannerB_text-container {
text-align: center
}
}
.MC_modalC .MC_scrollbar_scrollbar {
height: calc(100% - 72px) !important;
right: 4px;
top: 50px !important
}
.MC_modalC .MC_scrollbar_content_wrapper:has(.MC_modal_content>.MC_Animations_loadingIconA) {
height: 100% !important
}
.MC_modalC .MC_modal_close {
z-index: 3
}
.MC_modalC .MC_modal_content {
display: flex;
flex-direction: column;
height: 100%;
justify-content: center;
min-height: 200px;
width: 100%
}
.MC_modalC .MC_Animations_loadingIconA {
align-self: center
}
.MC_modalC:has(.MC_modalC_view-buyNow[aria-hidden=false]) {
height: 100%
}
[data-mc-ref=mc_modals_modalC] {
max-height: calc(100% - 16px);
max-width: unset
}
.MC_modalC {
background-color: var(--mc-core-grey-6);
border: 2px solid var(--mc-core-off-black);
box-shadow: 0 4px 0 0 rgba(0, 0, 0, .25), inset 4px -4px 0 0 rgba(0, 0, 0, .3), inset -4px 4px 0 0 hsla(0, 0%, 100%, .2);
min-width: 320px;
padding: 16px 24px 0;
position: relative
}
.MC_modalC_introHeading {
color: var(--mc-core-grey-2) !important;
font-size: .875rem;
font-style: normal;
font-weight: 700;
letter-spacing: 1.12px;
line-height: 12px;
margin: 2px 0 0;
text-transform: uppercase
}
.MC_modalC_introHeadingOffset {
position: absolute;
top: 18px
}
[class*=MC_modalC_view-][aria-hidden=true] {
display: none
}
.MC_modalC_contentPanel {
display: flex;
flex-direction: column;
gap: 16px
}
.MC_modalC [data-mc-ref=mc_hero_productHeroA] {
background: unset;
border-bottom: 0;
padding-bottom: 0
}
.MC_modalC .MC_productHeroA {
background: unset;
padding-bottom: 0
}
.MC_modalC .MC_productHeroA_skuContainer {
padding-bottom: 4px
}
.MC_modalC .MC_productHeroA_skuContainer_headerRow {
margin-top: 4px
}
.MC_modalC .MC_productHeroA_skuContainer_skuRow {
justify-content: center;
margin-top: 24px
}
.MC_modalC .MC_productHeroA_skuContainer_skuRow label {
flex: 1 0 0;
max-width: 400px
}
.MC_modalC .MC_productHeroA_skuContainer_tileSummary {
align-items: center;
min-height: 70px
}
.MC_modalC .MC_productHeroA_skuContainer_cta {
padding-bottom: 24px
}
@media screen and (min-width:992.98px) {
.MC_modalC {
min-width: 880px
}
}
@media screen and (min-width:641px) and (max-width:1440px) {
.MC_modalC .MC_productHeroA_skuContainer {
max-width: unset
}
}
@media screen and (max-width:992px) {
[data-mc-ref=mc_modals_modalC] {
width: 96%
}
.MC_modalC .MC_productHeroA_skuContainer fieldset {
margin: 0;
max-width: unset
}
.MC_modalC .MC_productHeroA_skuContainer_skuRow {
margin-top: 24px
}
.MC_modalC .MC_productHeroA_skuContainer_skuRow label {
max-width: unset
}
}
@media screen and (max-width:540px) {
[data-mc-ref=mc_modals_modalC] {
width: 100%
}
.MC_modalC_contentPanel {
padding-bottom: 40px
}
.MC_modalC:has(.MC_modalC_view-buyNow[aria-hidden=false]) {
padding-left: 0;
padding-right: 0
}
.MC_modalC:has(.MC_modalC_view-buyNow[aria-hidden=false]) .MC_modalC_view-buyNow .MC_modalC_introHeading {
padding-left: 24px
}
.MC_modalC_view-buyNow {
padding-top: 12px
}
}
.MC_modalC_view-loadingState {
display: flex;
flex: 1;
justify-content: center
}
.MC_modalC .MC_modal_content:has(.MC_modalC_view-buyNow[aria-hidden=true]) {
justify-content: flex-start
}
.MC_modalC_view-buyNow {
display: flex;
flex-direction: column;
justify-content: center
}
.MC_modalC_checkoutIframeLoadingAnimation {
position: absolute;
top: 50%
}
.MC_modalC_view-buyNow iframe {
border: 0;
height: calc(96vh - 84px);
outline: 0;
padding-top: 36px;
width: 100%
}
.MC_modalC:has(.MC_modalC_view-buyNow[aria-hidden=false]) {
padding-right: 8px
}
.MC_modalC_checkoutIframeFocusBox {
height: 1px;
opacity: 0;
width: 1px
}
#mktRedemptionModalSkipContent {
bottom: 7px;
left: 26px;
padding: 4px 10px;
position: absolute;
top: unset;
width: calc(100% - 44px)
}
@media screen and (max-width:540px) {
.MC_modalC:has(.MC_modalC_view-buyNow:not([aria-hidden=true])) {
padding-left: 0
}
.MC_modalC:has(.MC_modalC_view-buyNow:not([aria-hidden=true])) .MC_modalC_introHeading {
padding-left: 24px
}
.MC_modalC:has(.MC_modalC_view-buyNow:not([aria-hidden=true])) .MC_scrollbar_content_wrapper {
margin-right: 0
}
}
@media screen and (max-width:540px) and (max-height:320px) {
.MC_modalC_view-buyNow iframe {
padding-top: 4px
}
}
.MC_modalC .MC_scrollbar_content.MC_scrollbar_scrollable .MC_modalC_view-confirmAndRedeem {
padding-bottom: 24px
}
.MC_modalC_view-confirmAndRedeem {
display: flex;
flex: 1;
flex-direction: column;
gap: 16px
}
.MC_modalC_confirmAndRedeem_redeemCard {
flex: 1;
justify-content: center
}
.MC_modalC_view-confirmAndRedeem .MC_marketplaceHeroB_formContainer {
max-width: unset;
width: 100%
}
.MC_modalC_view-confirmAndRedeem .MC_marketplaceHeroB_skuContainer {
padding-bottom: 24px
}
.MC_modalC_view-confirmAndRedeem .MC_marketplaceHeroB_skuContainer_actionRow {
justify-content: center
}
.MC_modalC_view-confirmAndRedeem .MC_marketplaceHeroB_skuContainer_actionRow .MC_Button {
min-width: 50%;
width: unset
}
.MC_modalC_view-confirmAndRedeem .MC_marketplaceHeroB_redeemDisclaimer {
width: 100%
}
.MC_modalC_confirmAndRedeem_confirmCard {
align-items: center;
align-self: stretch;
background: linear-gradient(0deg, hsla(0, 0%, 100%, .05), hsla(0, 0%, 100%, .05)), #262423;
box-shadow: inset 0 -4px 0 0 #000, inset -4px 0 0 0 #3d3938, inset 4px 0 0 0 #000, inset 0 4px 0 0 #3d3938;
display: flex;
flex-direction: column;
gap: 16px;
padding: 24px
}
.MC_modalC_confirmAndRedeem_confirmCard [data-mc-ref=mc_minecoin_minecoinSummaryA] {
min-width: 272px;
width: 40%
}
.MC_modalC_confirmAndRedeem_confirmCard .MC_minecoinSummaryA {
width: 100%
}
.MC_modalC_confirmAndRedeem_confirmCard .MC_minecoinSummaryA_container {
gap: 1px
}
.MC_modalC_confirmAndRedeem_confirmCard .MC_minecoinSummaryA_wrapper {
column-gap: 8px;
flex-direction: column
}
.MC_modalC_confirmAndRedeem_confirmCard .MC_minecoinSummaryA_label p {
color: var(--mc-core-white);
display: block;
font-family: var(--mc-default--fontlist);
font-size: .8125rem;
font-weight: 700;
letter-spacing: 1.04px;
line-height: 12px;
padding: 12px 0;
text-decoration: none;
text-transform: uppercase
}
.MC_modalC_confirmAndRedeem_confirmCard .MC_minecoinSummaryA_balanceContainer {
background-color: var(--mc-core-rich-black)
}
.MC_modalC_confirmAndRedeem_confirmCard .MC_minecoinSummaryA_action {
outline: 2px solid var(--mc-core-rich-black)
}
@media screen and (max-width:576px) {
.MC_modalC_confirmAndRedeem_confirmCard .MC_minecoinSummaryA_wrapper {
flex-wrap: wrap;
max-width: unset;
padding: 0 16px
}
.MC_modalC:has(.MC_scrollbar_scrollable .MC_modalC_view-buyNow[aria-hidden=false]) .MC_modalC_view-buyNow {
padding-right: 4px
}
}
.MC_modalC_errorPanel_headingContainer {
padding-top: 24px
}
.MC_modalC_errorPanel_headingContainer p {
padding-top: 8px
}
.MC_modalC_errorPanel_ctaContainer {
padding-bottom: 24px
}
.MC_modalC_view-authError .MC_modalC_contentPanel {
text-align: center
}
@media (forced-colors:active) {
.MC_modalC .MC_marketplaceHeroB_skuCardContainer_label {
width: calc(100% - 1px)
}
}
[data-mc-ref=LightboxAGallery] {
background-image: var(--desktopBackground, unset);
background-position: var(--backgroundPosition, center center);
background-repeat: var(--backgroundRepeat, no-repeat);
background-size: fill;
padding-left: 60px;
padding-right: 60px
}
@media screen and (max-height:460px) {
.MC_modalLightboxA {
max-height: 100vh
}
.MC_modalLightboxA .MC_scrollbar_content_wrapper {
padding-bottom: 22%
}
.MC_modalLightboxA .MC_scrollbar_scrollbar {
height: 78% !important
}
}
@media screen and (max-height:350px) {
.MC_modalLightboxA .MC_scrollbar_content_wrapper {
padding-bottom: 27%
}
.MC_modalLightboxA .MC_scrollbar_scrollbar {
height: 70% !important
}
}
.MC_modalLightboxA.MC_Carousel_track_slide_media__loading .MC_Carousel_track_wrapper,
.MC_modalLightboxA.MC_Carousel_track_slide_media__loading .MC_modal_close {
opacity: 0
}
.MC_modalLightboxA_gallery {
--grid-size: 1800px;
display: flex;
flex-direction: column;
gap: 48px;
margin: 0 auto;
max-width: var(--grid-size);
padding: 48px 24px
}
.MC_modalLightboxA_gallery [class*=MC_Heading] {
text-align: center;
text-transform: uppercase !important
}
.MC_modalLightboxA_gallery_list {
display: grid;
justify-content: center;
list-style: none;
margin: 0;
--grid-gap: 24px;
background: linear-gradient(0deg, rgba(0, 0, 0, .4) 0, rgba(0, 0, 0, .4) 100%), var(--Core-Off-Black, #171615);
box-shadow: inset 4px -4px 0 0 hsla(0, 0%, 100%, .1), inset -4px 4px 0 0 #000;
box-sizing: content-box;
gap: var(--grid-gap);
grid-template-columns: repeat(auto-fit, minmax(min(250px, calc(16.66667% - var(--grid-gap)*5/6)), 1fr));
padding: 1.5rem
}
.MC_modalLightboxA_gallery .MC_Glyph_UnionArrows:after {
background: var(--mc-environment-unionArrows_svg-48x48);
content: "";
display: block;
height: clamp(24px, 3.5vw, 48px);
width: clamp(24px, 3.5vw, 48px)
}
@supports (width:1cqw) {
.MC_modalLightboxA_gallery .MC_Glyph_UnionArrows:after {
height: clamp(24px, 22cqw, 48px);
width: clamp(24px, 22cqw, 48px)
}
}
@media screen and (max-width:1199.98px) {
.MC_modalLightboxA_gallery_list {
--grid-gap: 16px
}
}
@media screen and (max-width:767.98px) {
.MC_modalLightboxA_gallery_list {
--grid-gap: 8px;
grid-template-columns: repeat(auto-fit, minmax(min(200px, calc(25% - var(--grid-gap)*3/4)), 1fr));
padding: 1rem
}
}
.MC_modalLightboxA_gallery_item {
aspect-ratio: 16/9;
border-radius: 0;
container-type: inline-size;
min-width: 0;
overflow: hidden;
position: relative
}
@media screen and (max-width:767.98px) {
.MC_modalLightboxA_gallery_item {
aspect-ratio: 1/1
}
}
.MC_modalLightboxA_gallery_btn {
background: transparent;
border: 0;
border-radius: 0;
cursor: pointer;
display: block;
height: 100%;
padding: 0;
position: relative;
width: 100%
}
.MC_modalLightboxA_gallery_btn>img {
border-radius: 0;
display: block;
height: 100%;
object-fit: cover;
width: 100%
}
.MC_modalLightboxA_gallery_btn:focus-visible {
outline: none
}
.MC_modalLightboxA_gallery_item:focus-within {
border: 1px solid var(--mc-default-focus);
border-radius: 0;
outline: 1px solid var(--mc-core-white);
outline-offset: 1px
}
.MC_modalLightboxA_gallery_overlay {
align-items: center;
background: rgba(0, 0, 0, .45);
display: flex;
flex-direction: column;
gap: 8px;
inset: 0;
justify-content: center;
opacity: 0;
pointer-events: none;
position: absolute;
transform: translateY(4px);
transition: opacity .16s ease, transform .16s ease
}
.MC_modalLightboxA_gallery_icon svg {
display: block;
height: 100%;
width: 100%
}
.MC_modalLightboxA_gallery_label {
color: var(--mc-core-white);
font-family: var(--mc-legends-fontlist);
font-size: 1.25rem;
line-height: 1.25rem;
margin: 0 5px;
word-break: break-word
}
.MC_modalLightboxA_gallery_btn:focus-visible .MC_modalLightboxA_gallery_overlay,
.MC_modalLightboxA_gallery_btn:hover .MC_modalLightboxA_gallery_overlay {
opacity: 1;
transform: translateY(0)
}
@media (prefers-reduced-motion:reduce) {
.MC_modalLightboxA_gallery_overlay {
transform: none;
transition: none
}
}
@media screen and (min-width:768px) and (max-width:1100px) {
.MC_modalLightboxA_gallery_label {
font-size: 1rem
}
.MC_modalLightboxA_gallery_overlay {
gap: 2px
}
}
@media screen and (max-width:500px) {
.MC_modalLightboxA_gallery_label {
font-size: .875rem
}
}
[data-mc-ref=MC_modalLightboxA] [data-mc-ref*=mc_modals_modal] {
max-width: 94%
}
[data-mc-ref=MC_modalLightboxA] .MC_modal_cover {
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px)
}
[data-mc-ref=MC_modalLightboxA] .MC_modal_close {
right: 6px;
top: 10px;
z-index: 1
}
[data-mc-ref=MC_modalLightboxA]:has(.MC_scrollbar_scrollable) .MC_modal_close {
right: 12px
}
[data-mc-ref=MC_modalLightboxA] .MC_scrollbar_content_wrapper {
margin: 0;
max-height: fit-content
}
[data-mc-ref=MC_modalLightboxA] .MC_scrollbar_content {
max-height: fit-content;
scrollbar-width: none
}
[data-mc-ref=MC_modalLightboxA] .MC_scrollbar_content:not(.MC_scrollbar_scrollable)>* {
padding-right: unset;
width: 100%
}
[data-mc-ref=MC_modalLightboxA] .MC_scrollbar_scrollbar {
right: 0;
top: 3px !important
}
[data-mc-ref=mc_panoramaA] {
padding: 0 60px
}
.MC_panoramaA {
--scrollable-height: 338px;
--grid-size: 1800px;
display: flex;
flex-direction: column;
gap: 24px;
margin: 0 auto;
max-width: var(--grid-size);
padding-top: 48px
}
.MC_panoramaA_panoramaContainer {
align-items: center;
align-self: stretch;
display: flex;
height: var(--scrollable-height)
}
.MC_panoramaA_control {
align-items: center;
align-self: stretch;
background: var(--mc-core-grey-5);
border: 0;
box-shadow: inset 4px -4px 0 0 rgba(0, 0, 0, .3), inset -4px 4px 0 0 hsla(0, 0%, 100%, .2);
display: flex;
flex-direction: column;
gap: 8px;
justify-content: center;
padding: 16px;
width: 50px;
z-index: 2
}
.MC_panoramaA_control[aria-disabled=true] {
background: var(--mc-core-grey-6);
box-shadow: inset 4px -4px 0 0 rgba(0, 0, 0, .3), inset -4px 4px 0 0 hsla(0, 0%, 100%, .1)
}
.MC_panoramaA_control:focus,
.MC_panoramaA_control[aria-disabled=true]:focus {
box-shadow: 0 0 0 2px var(--mc-core-white) inset;
outline: 2px solid var(--mc-default-focus);
outline-offset: -4px
}
.MC_panoramaA_control[aria-disabled=true] svg {
opacity: .2
}
.MC_panoramaA .MC_Draggable {
box-shadow: 0 4px 0 0 #2b2827, 0 -4px 0 0 #000;
cursor: move;
height: calc(var(--scrollable-height) - 8px);
overflow: hidden;
position: relative;
width: calc(100% - 100px)
}
.MC_panoramaA .MC_Draggable:focus {
outline: 0
}
.MC_panoramaA .MC_Draggable:focus:before {
box-shadow: 0 0 0 2px var(--mc-core-white) inset;
content: "";
height: 100%;
outline: 2px solid var(--mc-default-focus);
outline-offset: -4px;
position: absolute;
width: 100%;
z-index: 3
}
.MC_panoramaA_panoramaDraggableContainer:not(.MC_panoramaA_dragging) {
transition: left .5s ease-in-out
}
.MC_panoramaA_animateIntro .MC_panoramaA_panoramaDraggableContainer:not(.MC_panoramaA_dragging) {
transition: left 1s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.MC_panoramaA_panoramaDraggableContainer {
transition: unset !important
}
}
.MC_panoramaA .MC_Draggable .MC_panoramaA_panoramaDraggableContainer,
.MC_panoramaA .MC_Draggable.MC_panoramaA_loadedState .MC_Animations_loadingIconA,
.MC_panoramaA .MC_Draggable.MC_panoramaA_loadingState .MC_panoramaA_modal,
.MC_panoramaA .MC_Draggable.MC_panoramaA_loadingState .MC_panoramaA_panoramaDraggableContainer {
display: none
}
.MC_panoramaA .MC_Animations_loadingIconA {
height: auto;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: auto
}
.MC_panoramaA .MC_Draggable.MC_panoramaA_loadedState .MC_panoramaA_modal,
.MC_panoramaA .MC_Draggable.MC_panoramaA_loadedState .MC_panoramaA_panoramaDraggableContainer {
display: block
}
.MC_panoramaA figure {
margin: 0
}
.MC_panoramaA figure img {
height: var(--scrollable-height);
width: auto
}
.MC_panoramaA_modal {
height: 100%;
position: absolute;
width: 100%;
z-index: 2
}
.MC_panoramaA_modalOverlay {
background: rgba(0, 0, 0, .6);
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1
}
.MC_panoramaA_modalContent {
bottom: 50%;
left: 50%;
max-width: 90%;
position: absolute;
transform: translate(-50%, 50%);
width: fit-content;
z-index: 2
}
.MC_panoramaA_modalContent_button {
align-items: center;
background-color: transparent;
border: 0;
color: var(--mc-core-white) !important;
display: flex;
flex-direction: column;
font-family: var(--mc-legends-fontlist);
font-size: .875rem;
gap: 16px;
padding: 16px;
text-align: center;
width: 180px
}
.MC_panoramaA_modalContent_button:focus {
box-shadow: 0 0 0 2px var(--mc-core-white) inset;
outline: 2px solid var(--mc-default-focus)
}
.MC_panoramaA_modalContent_button span {
display: inline-block;
word-break: break-all
}
@media screen and (max-width:767.98px) {
[data-mc-ref=mc_panoramaA] {
padding: 0 24px
}
}
@media screen and (max-width:576px) {
[data-mc-ref=mc_panoramaA] {
padding: 0 16px
}
}
@media (forced-colors:active) {
.MC_panoramaA_modalContent_button {
background-color: #000
}
.MC_panoramaA_control {
border: 1px solid
}
.MC_panoramaA .MC_Draggable:focus:before {
outline-width: 4px !important
}
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
.MC_panoramaA_control svg {
filter: invert(1)
}
.MC_panoramaA:not(:has(.MC_panoramaA_modal)) .MC_Draggable:focus:before {
filter: invert(.5)
}
}
[data-mc-ref=mc_actionRowB] {
padding: 0 0 48px
}
.MC_actionRowB {
display: flex;
flex-direction: column;
gap: 16px
}
.MC_actionRowB_row {
align-items: center;
display: flex;
gap: 16px
}
.MC_actionRowB_row:last-child {
flex-wrap: wrap
}
.MC_actionRowB_tags {
display: flex
}
.MC_actionRowB_actions {
align-self: center;
gap: 24px;
margin-left: auto
}
.MC_actionRowB_actions,
.MC_actionRowB_actions_sortContainer {
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: wrap
}
.MC_actionRowB_actions_sortbyText {
font-size: .875rem;
font-style: normal;
font-weight: 700;
letter-spacing: .0225rem;
line-height: normal;
margin: 0;
padding-right: 10px;
text-transform: uppercase
}
.MC_actionRowB_actions_sortContainer .MC_Dropdown_toggle-button {
min-width: 175px
}
.MC_actionRowB_actions_filterButton {
align-items: center;
background-color: transparent;
border: 1px solid transparent;
color: var(--mc-core-white);
display: flex;
flex-direction: row;
font-family: var(--mc-default--fontlist);
font-size: .875rem;
font-weight: 700;
gap: 12px;
letter-spacing: .02625rem;
line-height: normal;
padding: 7px 16px;
text-transform: uppercase
}
.MC_actionRowB_actions_filterButton:has(:not(.MC_actionRowB_actions_filterCount:empty)) {
color: var(--mc-core-green-2)
}
.MC_actionRowB_actions_filterButton:after {
background: var(--mc-environment-filter_icon_svg-24x24);
content: "";
display: block;
height: 24px;
width: 24px
}
.MC_actionRowB_actions_filterButton:hover {
background-color: var(--mc-core-grey-6)
}
.MC_actionRowB_actions_filterButton:focus {
border: 1px solid var(--mc-core-white);
outline: 2px solid var(--mc-default-focus);
outline-offset: -3px
}
.MC_actionRowB_actions_filterCount {
color: var(--mc-core-grey-3);
font-family: var(--mc-legends-fontlist);
font-size: 1.25rem;
font-style: normal;
font-weight: 400;
line-height: 24px;
quotes: "(" ")";
text-transform: capitalize
}
.MC_actionRowB_actions_filterCount:empty {
display: none
}
.MC_actionRowB_actions_filterCount:before {
content: open-quote
}
.MC_actionRowB_actions_filterCount:after {
content: close-quote
}
@media screen and (max-width:576px) {
.MC_actionRowB .MC_filterTagA {
justify-content: center
}
.MC_actionRowB_actions {
flex-direction: column;
gap: 16px;
justify-content: center;
width: 100%
}
.MC_actionRowB_actions_sortContainer {
flex-direction: column;
gap: 4px
}
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
.MC_actionRowB_actions_filterButton:after {
filter: invert(1)
}
}
.MC_codeDefinition.MC_richTextA {
--grid-size: 1200px;
padding: 0 4.5rem
}
.MC_codeDefinition.MC_richTextA p {
color: var(--mc-core-white, var(--mc-core-rich-black)) !important;
font-size: 1rem
}
.MC_codeDefinition.MC_richTextA p+p {
margin-top: 1rem
}
@media screen and (max-width:767.98px) {
.MC_codeDefinition.MC_richTextA {
padding: 0 2.5rem
}
}
[data-mc-ref=mc_richTextA] {
padding-left: 60px;
padding-right: 60px
}
[data-mc-ref=mc_richTextA]:not(.MC_Fade__offset_top) {
padding-top: 48px
}
[data-mc-ref=mc_richTextA]:not(.MC_Fade__offset_bottom) {
padding-bottom: 24px
}
.MC_richTextA {
--grid-size: 1920px;
margin: 0 auto;
max-width: var(--grid-size);
text-align: center
}
.MC_richTextA,
.MC_richTextA p {
color: var(--mc-theme-secondary-color, var(--mc-core-rich-black)) !important;
font-size: .875rem
}
.MC_richTextA a {
font-weight: 400 !important
}
@media screen and (max-width:767.98px) {
[data-mc-ref=mc_richTextA] {
padding-left: 24px;
padding-right: 24px
}
}
.MC_scrollTopA_nav {
background-color: var(--mc-core-green-5);
border: 2px solid var(--mc-core-grey-6);
bottom: 0;
box-shadow: inset 0 6px 0 0 #52a535, inset 0 -6px 0 0 #2a641c;
display: block;
height: 50px;
position: fixed;
right: 0;
visibility: hidden;
width: 50px
}
.MC_scrollTopA_nav[aria-hidden=true] {
animation-name: none;
transform: translate3d(0, 100%, 0);
visibility: hidden
}
.MC_scrollTopA_nav[aria-hidden=false] {
animation-duration: 1s;
animation-fill-mode: forwards;
animation-name: mcAnimateFadeInUp;
visibility: visible
}
.MC_scrollTopA_nav.MC_scrollTopA_fadeOut {
animation-duration: 1s;
animation-fill-mode: forwards;
animation-name: mcAnimateFadeOutDown
}
.MC_scrollTopA_nav:before {
background-color: var(--mc-core-white);
clip-path: var(--mc-environment-right_arrow_with_tail_icon_clip-path);
content: "";
display: block;
height: 18px;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%) rotate(-90deg);
width: 18px
}
.MC_scrollTopA_nav:focus {
border-color: var(--mc-default-focus);
outline: 1px solid var(--mc-core-white);
outline-offset: -3px
}
.MC_scrollTopA_dock {
position: absolute
}
.MC_AEM_Wrapper:has(.MC_scrollTopA) {
z-index: 101 !important
}
@media (forced-colors:active) and (prefers-color-scheme:dark) {
.MC_scrollTopA_nav:before {
background-color: currentColor;
filter: invert(1)
}
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
.MC_scrollTopA_nav:before {
filter: invert(1)
}
}
@media (prefers-reduced-motion:reduce) {
.MC_scrollTopA_nav {
animation-name: none !important;
animation: none !important
}
.MC_scrollTopA_nav[aria-hidden=false] {
opacity: 1
}
.MC_scrollTopA_nav[aria-hidden=true] {
opacity: 0
}
}
.MC_shareA {
align-content: center;
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 24px;
justify-content: left;
margin: 0 auto;
max-width: 1920px;
padding: 16px 60px;
position: relative;
row-gap: 16px;
width: 100%
}
.MC_shareA_label .MC_shareA_heading {
font-size: .875rem;
font-weight: 700;
letter-spacing: 1.12px;
line-height: 20px;
margin: 0;
text-transform: uppercase
}
@media screen and (max-width:992px) {
.MC_shareA {
justify-content: center
}
}
@media screen and (max-width:540px) {
.MC_shareA {
padding: 16px 32px
}
}
.MC_shareA_hasTooltip,
.MC_shareA_tooltip_openDown,
.MC_shareA_tooltip_openUp {
position: relative
}
.MC_shareA_tooltip_openUp .MC_shareA_tooltip {
bottom: calc(100% + 6px)
}
.MC_shareA_tooltip_openDown .MC_shareA_tooltip {
top: calc(100% + 6px)
}
.MC_shareA_tooltip {
left: -50%;
max-width: 320px;
position: absolute;
width: max-content
}
.MC_shareA_tooltip:not([aria-hidden]),
.MC_shareA_tooltip[aria-hidden=true] {
display: none
}
.MC_shareA_tooltip_container {
align-items: center;
background-color: var(--mc-core-grey-6);
box-shadow: inset -2px -2px 0 0 hsla(0, 0%, 100%, .05), inset 2px 2px 0 0 hsla(0, 0%, 100%, .1);
display: flex;
gap: 6px;
justify-content: center;
min-height: 36px;
padding: 7px 8px
}
.MC_shareA_tooltip_checkmark {
background-color: var(--mc-core-green-1);
display: block;
height: 12px;
margin: 0 2px;
mask-image: var(--mc-environment-checkmark_icon_svg-16x12);
width: 16px
}
.MC_shareA_tooltip_copy p {
font-family: var(--mc-legends-fontlist) !important;
font-size: .875rem;
font-weight: 400;
letter-spacing: .56px;
line-height: 18px
}
@media (forced-colors:active) {
.MC_shareA_tooltip_checkmark {
filter: invert(1)
}
.MC_shareA_tooltip {
outline: 1px solid
}
}
.MC_slideUpA {
background-color: #262423;
bottom: -100%;
box-shadow: inset 0 -2px 0 #171615, inset 0 2px 0 #6b6562;
color: #fff;
left: 0;
padding: 16px 16px 0;
position: fixed;
transition: bottom .5s ease;
width: 100%;
z-index: 300
}
@media (forced-colors:active) {
.MC_slideUpA {
border-top: 2px solid
}
}
@media screen and (min-width:1030px) {
.MC_slideUpA {
padding: 24px 60px 0
}
}
.MC_slideUpA.MC_slideUpA__active {
bottom: 0;
position: fixed
}
.MC_slideUpA.MC_slideUpA__active .MC_slideUpA_panelContent {
display: none;
margin: 0 auto;
max-width: 1920px;
padding-bottom: 10px
}
.MC_slideUpA.MC_slideUpA__active .MC_slideUpA_panelContent.MC_slideUpA_panelContent__active {
display: block
}
.MC_slideUpA .MC_slideUpA_close {
background-color: transparent;
background-color: #262423;
border: 0;
padding: 3px;
position: absolute;
right: 23px;
top: 22px;
width: auto;
z-index: 1
}
.MC_slideUpA .MC_slideUpA_close:focus,
.MC_slideUpA .MC_slideUpA_close:focus-visible {
box-shadow: 0 0 0 3px var(--mc-core-white);
outline: 2px solid var(--mc-default-focus)
}
.MC_slideUpA .MC_slideUpA_close:after {
background-color: var(--mc-core-white);
clip-path: var(--mc-environment-close_icon_clip-path);
content: "";
display: block;
height: 14px;
width: 14px
}
@media screen and (min-width:767.98px) {
.MC_slideUpA .MC_slideUpA_close:after {
height: 18px;
width: 18px
}
}
@media (forced-colors:active) and (prefers-color-scheme:dark) {
.MC_slideUpA .MC_slideUpA_close:after {
background-color: currentColor;
filter: invert(1)
}
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
.MC_slideUpA .MC_slideUpA_close:after {
filter: invert(1)
}
}
.MC_slideUpA .MC_scrollbar_content_wrapper {
margin-right: 0
}
.MC_slideUpA .MC_scrollbar_content_wrapper .MC_scrollbar_scrollbar {
top: 24px !important
}
.MC_slideUpA_cover {
background: rgba(0, 0, 0, .251);
display: none;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 300
}
.MC_slideUpA_cover.MC_slideUpA__active {
display: block
}
[data-mc-ref=mc_imageCompareA] {
padding: 48px 60px
}
.MC_imageCompareA {
display: flex;
flex-direction: column;
gap: 24px;
--grid-size: 1280px;
margin: 0 auto;
max-width: var(--grid-size)
}
.MC_imageCompareA_slideContainer {
height: 100%;
position: relative
}
.MC_imageCompareA>* {
flex: 0 0 auto;
width: 100%
}
.MC_imageCompareA_compare {
aspect-ratio: 16/9;
position: relative;
width: 100%
}
.MC_imageCompareA_compareLayer {
height: 100%;
left: 0;
overflow: hidden;
position: absolute;
top: 0
}
.MC_imageCompareA_compareLayer:first-child {
border-right: 4px solid rgba(0, 0, 0, .6);
width: calc(50% + 5px);
z-index: 2
}
.MC_imageCompareA_compareLayer:first-child:after {
background: hsla(0, 0%, 100%, .05);
content: "";
display: block;
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 4px
}
.MC_imageCompareA_compareLayer img {
height: 100%
}
.MC_imageCompareA_slideControl {
align-items: center;
background: rgba(0, 0, 0, .45);
border: 2px solid #fff;
box-shadow: 0 4px 0 0 rgba(0, 0, 0, .4);
display: flex;
gap: 16px;
height: 8.88%;
justify-content: center;
padding: 8px 1.2%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 10.93%;
z-index: 3
}
.MC_imageCompareA_slideControl:not([style*="--position"]) {
left: 50%;
transform: translate(-50%, -50%)
}
.MC_imageCompareA_slideControl[style*="--position"] {
left: calc(var(--position) - 5.62%);
transform: translateY(-50%)
}
.MC_imageCompareA_slideControl:after {
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
content: "";
height: 100%;
position: absolute;
width: 100%;
z-index: 1
}
.MC_imageCompareA_slideControl_divider {
height: 100%;
position: relative;
width: 4px;
z-index: 2
}
.MC_imageCompareA_slideControl_divider:after,
.MC_imageCompareA_slideControl_divider:before {
content: "";
height: 100%;
position: absolute;
top: 0;
width: 2px
}
.MC_imageCompareA_slideControl_divider:before {
background: hsla(0, 0%, 100%, .15);
left: 0
}
.MC_imageCompareA_slideControl_divider:after {
background: rgba(0, 0, 0, .5);
left: 2px
}
.MC_imageCompareA_slideControl_button {
background-color: transparent;
border: 0;
display: flex;
padding: 0;
width: 100%;
z-index: 2
}
.MC_imageCompareA_slideControl_previous {
justify-content: left
}
.MC_imageCompareA_slideControl_next {
justify-content: right
}
.MC_imageCompareA_slideControl_button svg {
height: auto;
min-width: 15px;
width: 57%
}
.MC_imageCompareA_slideControl_button[aria-disabled=true] svg {
opacity: .5
}
.MC_imageCompareA_rangeControl {
z-index: 3
}
.MC_imageCompareA_rangeControl,
.MC_imageCompareA_rangeControl_label {
align-items: stretch;
display: flex;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.MC_imageCompareA_rangeControl_input:focus {
border: 0;
box-shadow: 0 0 0 3px var(--mc-core-white);
outline: 2px solid var(--mc-default-focus)
}
.MC_imageCompareA_rangeControl_input {
appearance: none;
-webkit-appearance: none;
background: none;
border: none;
cursor: col-resize;
height: 100%;
width: 100%
}
.MC_imageCompareA_rangeControl_input::-webkit-slider-thumb {
visibility: hidden
}
.MC_imageCompareA_rangeControl_input::-moz-range-thumb {
visibility: hidden
}
.MC_imageCompareA_rangeControl_input::-ms-thumb {
visibility: hidden
}
@media screen and (max-width:900px) {
.MC_imageCompareA_slideControl_button svg {
min-width: 10px
}
}
@media screen and (max-width:767.98px) {
[data-mc-ref=mc_imageCompareA] {
padding: 48px 24px
}
.MC_imageCompareA {
gap: 48px
}
.MC_imageCompareA_slideControl {
box-shadow: unset;
height: 11.85%;
padding-bottom: 0;
padding-top: 0;
top: 84%;
width: 14.84%
}
.MC_imageCompareA_slideControl:not([style*="--position"]) {
left: calc(50% + 2px);
transform: translateX(-50%)
}
.MC_imageCompareA_slideControl[style*="--position"] {
left: calc(var(--position) - 7.94%);
transform: none
}
}
@media screen and (max-width:576px) {
.MC_imageCompareA_slideControl {
gap: 4px
}
.MC_imageCompareA_slideControl_button svg {
width: 10px
}
}
@media screen and (max-width:480px) {
.MC_imageCompareA_slideControl_button svg {
min-width: unset;
width: 7px
}
}
.MC_socialShareA {
padding: 24px 0
}
.MC_socialShareA .MC_dividerA {
margin: 0 auto
}
.MC_socialShareA_share-container {
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 16px;
justify-content: center;
margin-top: 16px
}
.MC_socialShareA_share-container [class*=MC_Heading] {
margin-bottom: 0
}
.MC_socialShareA_share-container [class*=MC_Heading]:not([class*=MC_Heading_Font_]) {
color: var(--font-color, var(--mc-theme-primary-color, var(--mc-core-off-black)));
font-family: var(--mc-default--fontlist);
font-size: .875rem;
font-weight: 400;
line-height: 1.5rem
}
.MC_socialShareA_share-container ul {
align-items: center;
display: flex;
flex-direction: row;
gap: 24px;
justify-content: center;
list-style-type: none;
margin: 0;
padding: 0
}
.MC_socialShareA_social-icon {
display: block;
--fill-color: var(--mc-theme-primary-color, var(--mc-core-off-black))
}
.MC_socialShareA_social-icon rect {
fill: var(--fill-color)
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
.MC_socialShareA_social-icon svg {
filter: brightness(1) invert(1)
}
}
[data-mc-ref=mc_socialShareB] {
box-shadow: inset 0 -2px 0 0 #2b2827;
padding: 0 60px
}
[data-mc-ref=mc_socialShareB].MC_Bg_Core__off-black {
background: linear-gradient(0deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), #171615
}
.MC_socialShareB {
align-self: stretch;
flex-direction: column;
gap: 24px;
margin: 0 auto;
max-width: 1800px;
min-height: 64px;
padding: 16px 0
}
.MC_socialShareB,
.MC_socialShareB_container {
align-items: center;
display: flex;
justify-content: center
}
.MC_socialShareB_container {
column-gap: 32px;
flex-wrap: wrap;
row-gap: 16px
}
.MC_socialShareB_heading {
font-size: .875rem;
font-style: normal;
font-weight: 700;
letter-spacing: 1.12px;
line-height: 20px;
margin: 0;
text-transform: uppercase
}
.MC_socialShareB ul {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 32px;
justify-content: center;
list-style-type: none;
padding: 0
}
.MC_socialShareB_shareOption {
display: block
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
.MC_socialShareB svg {
filter: invert(1)
}
}
.MC_stickyBarA {
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
background-color: rgba(38, 36, 35, .9);
width: 100%;
z-index: 299
}
.MC_stickyBarA_placeholder {
display: none;
min-height: var(--placeholder-height)
}
.MC_stickyBarA_sticky .MC_stickyBarA {
display: flex;
left: 0;
position: fixed;
top: var(--sticky-offset)
}
.MC_stickyBarA_sticky .MC_stickyBarA_placeholder {
display: block
}
.MC_stickyBarA_container {
width: 100%
}
.MC_stickyBarA_productContainer {
align-items: center;
display: flex;
gap: 16px;
justify-content: flex-end;
margin: 0 auto;
max-width: 1920px;
padding: 8px 60px;
width: 100%
}
.MC_stickyBarA_productInfo {
align-items: center;
display: flex;
flex: 1 0 0;
gap: 12px
}
.MC_stickyBarA_productInfo p {
display: -webkit-box;
font-size: .875rem;
font-style: normal;
font-weight: 700;
letter-spacing: 1.12px;
-webkit-line-clamp: 2;
line-height: 20px;
overflow: hidden;
overflow-wrap: anywhere;
text-transform: uppercase;
word-break: break-word;
-webkit-box-orient: vertical
}
.MC_stickyBarA_productCta {
flex-shrink: 0
}
.MC_stickyBarA_productCta .MC_Button {
gap: 12px;
justify-content: center;
max-width: unset;
min-height: 40px;
min-width: 225px;
padding-bottom: 8px;
padding-top: 8px;
width: 100%
}
.MC_stickyBarA_productCta .MC_Button>span {
font-size: .875rem;
font-style: normal;
letter-spacing: 1.12px;
line-height: 20px;
margin: unset;
width: unset
}
@media screen and (max-width:1000px) {
.MC_stickyBarA_productContainer {
padding-left: 24px;
padding-right: 24px
}
}
@media screen and (max-width:767.98px) {
[data-mc-ref=mc_stickyBarA] {
display: none
}
.MC_stickyBarA_productContainer {
padding: 8px
}
.MC_stickyBarA_container {
gap: 8px;
padding: 8px
}
.MC_stickyBarA_productCta .MC_Button {
min-width: 149px
}
}
@media screen and (max-width:576px) {
.MC_stickyBarA_cardContainer_imgContainer_optionalMessage {
position: unset
}
.MC_stickyBarA_productCta .MC_Button {
gap: 8px;
min-width: 125px
}
.MC_stickyBarA_productContainer,
.MC_stickyBarA_productInfo {
gap: 8px
}
}
.MC_stickyBarA_mobileSticky {
display: none;
justify-content: right;
padding: 8px 24px;
width: 100%
}
[data-mc-ref=mc_stickyBarAMobile]:not(.MC_stickyBarA_mobileSticky_docked) .MC_stickyBarA_mobileSticky {
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
background-color: rgba(38, 36, 35, .9);
bottom: 0;
position: fixed;
z-index: 298
}
.MC_stickyBarA_mobileSticky_placeholder {
display: none;
min-height: 56px
}
[data-mc-ref=mc_stickyBarAMobile].MC_stickyBarA_mobileSticky_docked {
position: relative
}
[data-mc-ref=mc_stickyBarAMobile].MC_stickyBarA_mobileSticky_docked .MC_stickyBarA_mobileSticky {
position: absolute;
top: 0
}
.MC_stickyBarA_mobileSticky .MC_stickyBarA_container {
padding: 0
}
@media screen and (max-width:767.98px) {
.MC_stickyBarA_mobileSticky_placeholder {
display: block
}
.MC_stickyBarA_mobileSticky {
display: flex
}
}
@media screen and (max-width:576px) {
.MC_stickyBarA_mobileSticky {
padding: 8px
}
.MC_stickyBarA_mobileSticky:not(:has(.MC_stickyBarA_productInfo)) .MC_stickyBarA_productCta {
width: 100%
}
}
.MC_FeaturesTable {
background-color: inherit;
border-collapse: collapse;
margin: 0 auto;
max-width: 1392px;
table-layout: fixed;
width: calc(100% - 48px)
}
.MC_FeaturesTable_heading {
padding: 32px 16px 0;
text-align: center
}
.MC_FeaturesTable_heading:not(:empty) {
margin-bottom: 24px
}
.MC_FeaturesTable p {
margin: 0
}
.MC_FeaturesTable_caption {
caption-side: top;
margin: 48px 0 24px;
text-align: center
}
.MC_FeaturesTable_heading+.MC_FeaturesTable .MC_FeaturesTable_caption {
margin-top: 16px
}
.MC_FeaturesTable_row:first-of-type,
.MC_FeaturesTable_row:last-of-type {
border-bottom: none
}
.MC_FeaturesTable_header {
padding: 16px;
vertical-align: middle
}
.MC_FeaturesTable_header[scope=col] {
padding: 0;
text-align: center;
width: 25%
}
.MC_FeaturesTable_header[scope=col] p {
align-items: center;
background-color: var(--headerBgColor, #3d3938);
border: 2px solid var(--headerBorderColor, unset);
box-shadow: inset 2px -2px 0 0 rgba(0, 0, 0, .3), inset -2px 2px 0 0 hsla(0, 0%, 100%, .1);
color: var(--headerTextColor, var(--mc-core-grey-1));
display: flex;
font-family: var(--mc-default--fonstlist);
font-size: 1.125rem;
font-weight: 700;
justify-content: center;
letter-spacing: -.27px;
line-height: normal;
min-height: 64px;
padding: 16px 8px;
width: 100%
}
.MC_FeaturesTable[style*="--headerBorderColor: transparent"] .MC_FeaturesTable_header[scope=col],
.MC_FeaturesTable[style*="--headerBorderColor:transparent"] .MC_FeaturesTable_header[scope=col] {
border-bottom: 2px solid var(--mc-core-grey-4)
}
.MC_FeaturesTable_row:first-of-type .MC_FeaturesTable_data {
padding: 0
}
.MC_FeaturesTable_row:nth-child(2) .MC_FeaturesTable_data {
padding: 16px;
vertical-align: middle
}
.MC_FeaturesTable_row:not(:first-child):nth-child(odd) .MC_FeaturesTable_header {
background: linear-gradient(0deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), #262423;
border-left: 2px solid rgba(0, 0, 0, .3);
box-shadow: inset -2px 0 0 0 #3c3a39
}
.MC_FeaturesTable_row:nth-child(2n) .MC_FeaturesTable_header {
background: var(--mc-core-grey-6);
border-bottom: 2px solid rgba(0, 0, 0, .3);
border-left: 2px solid rgba(0, 0, 0, .3);
box-shadow: inset -2px 2px 0 0 hsla(0, 0%, 100%, .1)
}
.MC_FeaturesTable_header_wrapper {
align-items: center;
display: flex;
justify-content: right;
position: relative
}
.MC_FeaturesTable_header[scope=row] p {
display: inline
}
.MC_FeaturesTable_header_wrapper>p {
color: var(--mc-core-grey-1) !important;
font-size: 1.125rem;
font-style: normal;
font-weight: 700;
letter-spacing: -.27px;
line-height: normal;
text-align: right
}
.MC_FeaturesTable_data {
padding: 16px;
position: relative;
text-align: center
}
.MC_FeaturesTable_row:not(:first-child):nth-child(odd) .MC_FeaturesTable_data {
background: var(--Global-Colors-Rich-Black, #000);
box-shadow: inset -2px 0 0 0 hsla(0, 0%, 100%, .1)
}
.MC_FeaturesTable_row:nth-child(2n) .MC_FeaturesTable_data {
background: var(--mc-core-off-black);
border-bottom: 2px solid rgba(0, 0, 0, .3);
box-shadow: inset -2px 0 0 0 hsla(0, 0%, 100%, .1)
}
.MC_FeaturesTable_data p {
font-size: .875rem;
font-weight: 400;
line-height: normal
}
.MC_FeaturesTable_data__included:before,
.MC_FeaturesTable_data__notIncluded:before {
aspect-ratio: 1/1;
content: "";
display: inline-block;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 28px
}
.MC_FeaturesTable_data__included:before {
background-color: var(--includedColor, var(--mc-core-green-4));
clip-path: var(--mc-environment-check_icon_clip-path)
}
.MC_FeaturesTable_data__notIncluded:before {
background-color: var(--notIncludedColor, #c4c4c4);
clip-path: var(--mc-environment-x_icon_clip-path)
}
.MC_FeaturesTable_modal {
display: inline;
position: relative
}
.MC_FeaturesTable_modal_open {
aspect-ratio: 1/1;
background-color: transparent;
border: 2px solid var(--mc-core-grey-4);
margin-left: 1rem;
position: relative;
width: 32px
}
.MC_FeaturesTable_modal_open:focus,
.MC_FeaturesTable_modal_open:focus-visible {
border: 0 !important;
border-radius: 0 !important;
box-shadow: 0 0 0 1px var(--mc-core-white) !important;
outline: 2px solid var(--mc-default-focus) !important;
outline-offset: -2px !important
}
.MC_FeaturesTable_modal_open:after {
aspect-ratio: 1/1;
background-color: var(--mc-core-grey-2);
clip-path: var(--mc-environment-questionMark_icon_clip-path);
content: "";
display: inline-block;
left: 50%;
position: absolute;
transform: translate(-50%, -50%);
width: 12px
}
.MC_FeaturesTable_modal_dialog {
background-color: var(--mc-core-grey-2);
border: 2px solid var(--mc-core-grey-6);
display: none;
left: 15px;
position: absolute;
top: 0;
width: 281px;
z-index: 20
}
.MC_FeaturesTable_modal_dialog.MC_FeaturesTable_modal_dialog__active {
display: block
}
.MC_FeaturesTable_modal_dialog_label {
background-color: inherit;
box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .2);
content: "";
display: block;
height: 32px;
width: 100%
}
.MC_FeaturesTable_modal_dialog_label:before {
aspect-ratio: 1/1;
background-color: var(--mc-core-grey-5);
clip-path: var(--mc-environment-questionMark_icon_clip-path);
content: "";
display: inline-block;
left: 9px;
position: absolute;
top: 9px;
width: 12px
}
.MC_FeaturesTable_modal_close {
background-color: transparent;
border: none;
padding: 0;
position: absolute;
right: 9px;
top: 9px
}
.MC_FeaturesTable_modal_close:focus,
.MC_FeaturesTable_modal_close:focus-visible {
border: 0 !important;
border-radius: 0 !important;
box-shadow: 0 0 0 1px var(--mc-core-white) !important;
outline: 2px solid var(--mc-default-focus) !important;
outline-offset: -2px !important
}
.MC_FeaturesTable_modal_close:after {
aspect-ratio: 1/1;
background-color: var(--mc-core-grey-5);
clip-path: var(--mc-environment-close_icon_clip-path);
content: "";
display: block;
width: 14px
}
.MC_FeaturesTable_modal_dialog_desc {
background-color: inherit;
padding: 16px
}
.MC_FeaturesTable_modal_dialog_desc p {
color: var(--mc-core-grey-5) !important;
font-weight: 500
}
.MC_FeaturesTable_modal_dialog_desc a {
color: var(--mc-core-grey-6) !important;
display: inline-block;
font-weight: 500
}
.MC_FeaturesTable_modal_dialog_desc a:focus,
.MC_FeaturesTable_modal_dialog_desc a:focus-visible {
box-shadow: 0 0 0 1px var(--mc-default-focus) !important
}
.MC_FeaturesTable_modal_dialog_desc a:hover {
text-decoration: none
}
@media screen and (max-width:767.98px) {
.MC_FeaturesTable>* {
background-color: inherit;
display: block
}
.MC_FeaturesTable_header_wrapper {
justify-content: center
}
.MC_FeaturesTable_header_wrapper>p {
text-align: center
}
.MC_FeaturesTable_header_wrapper:has(.MC_FeaturesTable_modal) {
max-width: calc(100% - 32px);
position: unset
}
.MC_FeaturesTable_header_wrapper:has(.MC_FeaturesTable_modal)>p {
max-width: calc(100% - 82px);
word-wrap: break-word
}
.MC_FeaturesTable_row:first-of-type {
background-color: inherit;
position: sticky;
top: 0;
z-index: 50
}
body:has(.mc-globalhead__navcontainer-sticky) .MC_FeaturesTable_row:first-of-type {
top: 50px
}
.MC_FeaturesTable_row {
display: flex;
flex-wrap: wrap;
width: 100%
}
.MC_FeaturesTable_row:first-child .MC_FeaturesTable_data {
display: none
}
.MC_FeaturesTable_header[scope=col] {
padding: 0;
width: 50%
}
.MC_FeaturesTable_header[scope=row] {
align-items: center;
display: flex;
flex: 0 0 100%;
height: unset;
position: relative
}
.MC_FeaturesTable_header[scope=row]>:first-child {
flex: 1 1 100%
}
.MC_FeaturesTable_data {
align-items: center;
display: flex;
flex: 0 0 50%;
padding: 32px 16px
}
.MC_FeaturesTable_modal {
position: absolute;
right: 16px
}
.MC_FeaturesTable_modal_open {
margin: 0
}
}
@media screen and (max-width:576px) {
.MC_FeaturesTable {
width: calc(100% - 32px)
}
}
@media (forced-colors:active) {
.MC_FeaturesTable_modal_dialog_label {
outline: 2px solid var(--mc-core-white)
}
}
@media (forced-colors:active) and (prefers-color-scheme:dark) {
.MC_FeaturesTable_data__included:before,
.MC_FeaturesTable_data__notIncluded:before,
.MC_FeaturesTable_modal_close:after,
.MC_FeaturesTable_modal_dialog_label:before,
.MC_FeaturesTable_modal_open:after {
background-color: currentColor;
filter: invert(1)
}
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
.MC_FeaturesTable_data__included:before,
.MC_FeaturesTable_data__notIncluded:before,
.MC_FeaturesTable_modal_close:after,
.MC_FeaturesTable_modal_dialog_label:before,
.MC_FeaturesTable_modal_open:after {
filter: invert(1)
}
}
.MC_TabsB .MC_FeaturesTable_heading {
padding-left: 0;
padding-right: 0
}
.MC_TabsB .MC_FeaturesTable {
max-width: unset;
width: 100%
}
@media screen and (max-width:576px) {
.MC_TabsB .MC_FeaturesTable_heading {
padding-left: 16px;
padding-right: 16px
}
.MC_TabsB .MC_FeaturesTable {
width: calc(100% - 32px)
}
}
.MC_AccordionC .MC_FeaturesTable_heading {
padding-top: 0
}
.MC_TabsA {
background-color: inherit;
width: 100%
}
.MC_TabsA .MC_Tabs_header {
margin: 0 auto;
max-width: 1920px;
padding: 64px 0 48px;
text-align: center;
word-wrap: break-word !important
}
.MC_TabsA .MC_Tabs_header_description {
font-family: var(--mc-default--fontlist);
font-size: 1rem;
font-weight: 400;
line-height: 1.2;
margin-top: 1rem
}
.MC_TabsA .MC_Tabs_tablist {
background-color: inherit;
display: flex;
justify-content: center;
margin: 0 auto;
max-width: 1920px;
overflow: hidden;
position: relative
}
.MC_TabsA .MC_Tabs_tablist_container {
display: flex;
flex-wrap: nowrap;
z-index: 6
}
.MC_TabsA .MC_Tabs_tablist_tab {
background-color: var(--mc-core-off-black);
border-style: solid;
border-width: 0;
box-shadow: inset 2px 2px 0 var(--mc-core-rich-black), inset -4px 6px 0 var(--mc-core-grey-5);
color: var(--mc-core-white);
font-family: var(--mc-legends-fontlist);
font-size: 1.5rem;
line-height: 1.75rem;
margin: 2px 0;
min-width: 165px;
padding: 24px;
position: relative;
z-index: 10
}
.MC_TabsA .MC_Tabs_tablist_tab:hover {
color: var(--mc-core-white);
cursor: pointer
}
.MC_TabsA .MC_Tabs_tablist_tab[aria-selected=false] {
background-color: var(--mc-core-rich-black);
box-shadow: inset 2px 2px 0 var(--mc-core-rich-black), inset -4px 6px 0 var(--mc-core-grey-6);
color: var(--mc-core-grey-3);
z-index: 9
}
.MC_TabsA .MC_Tabs_tablist_tab[aria-selected=true] {
text-decoration: underline
}
.MC_TabsA .MC_Tabs_tablist_tab:focus-visible:after,
.MC_TabsA .MC_Tabs_tablist_tab:focus:after,
.MC_TabsA .MC_Tabs_tablist_tab[aria-selected=false]:after {
background-color: var(--mc-core-grey-5);
bottom: 0;
content: "";
display: block;
height: 4px;
left: 0;
position: absolute;
width: 100%
}
.MC_TabsA .MC_Tabs_tablist_tab:focus {
box-shadow: inset 2px 2px 0 var(--mc-core-rich-black), inset -4px 6px 0 var(--mc-core-grey-5);
outline: none
}
.MC_TabsA .MC_Tabs_tablist_tab[aria-selected=true]:focus,
.MC_TabsA .MC_Tabs_tablist_tab[aria-selected=true]:focus-visible {
outline: .0625rem solid #fff !important;
outline-offset: 0
}
.MC_TabsA .MC_Tabs_tablist_tab:focus-visible:before,
.MC_TabsA .MC_Tabs_tablist_tab:focus:before {
content: " ";
display: block;
height: 100%;
left: 0;
outline: .125rem solid #1452cc;
outline-offset: -2px;
position: absolute;
top: 0;
width: 100%;
z-index: 2
}
.MC_TabsA .MC_Tabs_tablist_tab[aria-selected=false]:focus-visible:before,
.MC_TabsA .MC_Tabs_tablist_tab[aria-selected=false]:focus:before {
outline-offset: -3px
}
.MC_TabsA .MC_Tabs_tablist_tab[aria-selected=false]:focus span:before,
.MC_TabsA .MC_Tabs_tablist_tab[aria-selected=false]:focus-visible span:before {
content: "";
display: block;
height: 100%;
left: 0;
outline: .0625rem solid #fff !important;
outline-offset: -1px;
position: absolute;
top: 0;
width: 100%;
z-index: 2
}
@media screen and (max-width:767.98px) {
.MC_TabsA .MC_Tabs_tablist_tab {
padding: 16px
}
.MC_TabsA .MC_Tabs_tablist_tab:focus,
.MC_TabsA .MC_Tabs_tablist_tab:focus-visible {
outline-offset: -1px
}
.MC_TabsA .MC_Tabs_tablist_tab:focus-visible:before,
.MC_TabsA .MC_Tabs_tablist_tab:focus:before {
outline-offset: -3px
}
.MC_TabsA .MC_Tabs_tablist_tab:focus:after {
z-index: -1
}
.MC_TabsA .MC_Tabs_tablist_tab[aria-selected=true]:focus,
.MC_TabsA .MC_Tabs_tablist_tab[aria-selected=true]:focus-visible {
outline-offset: -2px
}
.MC_TabsA .MC_Tabs_tablist_tab:focus-visible:before,
.MC_TabsA .MC_Tabs_tablist_tab:focus:before {
height: calc(100% - 2px);
left: 1px;
top: 1px;
width: calc(100% - 2px)
}
}
.MC_TabsA .MC_Tabs_tabpanels_panel:before {
background-color: var(--mc-core-grey-5);
border-top: 2px solid var(--mc-core-rich-black);
content: "";
height: 6px;
left: 0;
position: absolute;
top: -8px;
width: 100%;
z-index: 5
}
@media (forced-colors:active) {
.MC_TabsA .MC_Tabs_tabpanels_panel:before {
top: -3px
}
.MC_TabsA .MC_Tabs_tablist_tab {
border: 2px solid #000;
border-right: 0;
position: relative;
top: 1px
}
.MC_TabsA .MC_Tabs_tablist_tab[aria-selected=true] {
border-right: 1px solid #000
}
.MC_TabsA .MC_Tabs_tablist_tab:last-child {
border-right: 2px solid #000
}
}
.MC_TabsB {
padding-left: 60px;
padding-right: 60px;
padding-top: 32px;
width: 100%
}
.MC_TabsB,
.MC_TabsB .MC_Tabs_tablist {
background-color: inherit;
margin: 0 auto;
max-width: 1920px
}
.MC_TabsB .MC_Tabs_tablist {
display: flex;
justify-content: center;
overflow: hidden;
padding-bottom: 4px;
position: relative
}
.MC_TabsB .MC_Tabs_tablist_tab {
align-items: center;
background-color: unset;
border-style: solid;
border-width: 0;
box-shadow: none;
color: var(--mc-core-white);
display: inline-flex;
font-family: var(--mc-default--fontlist);
font-size: .75rem;
font-weight: 700;
gap: 8px;
justify-content: center;
letter-spacing: .08em;
line-height: 1rem;
margin: 0;
min-width: unset;
padding: 14px 16px;
position: relative;
text-transform: uppercase;
z-index: 10
}
.MC_TabsB .MC_Tabs_tablist_tab svg {
flex-shrink: 0
}
.MC_TabsB.MC_Tabs_mobile_slider_disabled .MC_Tabs_tablist_tab[aria-selected=true]:after {
background-color: var(--mc-core-green-2);
bottom: -4px;
content: "";
display: block;
height: 4px;
position: absolute;
width: 100%
}
.MC_TabsB .MC_Tabs_tablist_tab:hover {
color: var(--mc-core-white);
cursor: pointer
}
.MC_TabsB .MC_Tabs_tablist_tab[aria-selected=false] {
color: var(--mc-core-grey-3);
z-index: 9
}
.MC_TabsB .MC_Tabs_tablist_tab[aria-selected=true] {
text-decoration: underline
}
.MC_TabsB .MC_Tabs_tablist_tab:focus {
outline: none
}
.MC_TabsB:not(.MC_Tabs_controls_manualFocus) .MC_Tabs_tablist_tab[aria-selected=true]:focus {
box-shadow: unset;
outline: 2px solid #fff !important
}
.MC_TabsB .MC_Tabs_tablist_tab.MC_Tabs_controls_button_manualHighlight {
box-shadow: unset;
outline: 2px solid #fff !important;
outline-offset: -3px
}
.MC_TabsB .MC_Tabs_tablist_tab.MC_Tabs_controls_button_manualHighlight:before,
.MC_TabsB:not(.MC_Tabs_controls_manualFocus) .MC_Tabs_tablist_tab:focus:before {
content: " ";
display: block;
height: 100%;
left: 0;
outline: .125rem solid #1452cc;
outline-offset: -4px;
position: absolute;
top: 0;
width: 100%;
z-index: 2
}
.MC_TabsB .MC_Tabs_tablist_tab[aria-selected=false]:focus:before {
outline-offset: -4px
}
.MC_TabsB .MC_Tabs_tabpanels_panel:before {
background-color: var(--mc-core-grey-6);
border: 1px solid var(--mc-core-rich-black);
box-shadow: inset 0 2px 0 0 #00000080;
content: "";
height: 8px;
left: 0;
position: absolute;
top: -5px;
width: 100%;
z-index: 5
}
.MC_TabsB .MC_Tabs_tabpanels_panel {
padding-bottom: 120px;
padding-top: 3px
}
.MC_TabsB .MC_Tabs_tablist_container {
align-items: baseline;
align-items: center;
display: flex;
flex-wrap: nowrap;
gap: 24px;
transition: transform .1s ease 0s;
z-index: 6
}
.MC_TabsB .MC_Tabs_tablist_tab:last-child[aria-selected=true]:focus {
outline-offset: -3px
}
.MC_TabsB .MC_Tabs_tablist_tab:last-child:focus:before {
outline-offset: -4px
}
.MC_TabsB .MC_Tabs_tablist_tab[aria-disabled=true] {
color: var(--mc-core-grey-4)
}
.MC_TabsB .MC_Tabs_tablist_tab[aria-selected=true] {
color: var(--mc-core-green-2);
text-decoration: none
}
.MC_TabsB .MC_Tabs_tablist_tab svg:not(.MC_svgTheme_noInherit) path {
fill: #d0c5c0
}
.MC_TabsB .MC_Tabs_tablist_tab[aria-selected=true] svg:not(.MC_svgTheme_noInherit) path {
fill: #86d562
}
.MC_TabsB .MC_Tabs_tablist_tab[aria-selected=true]:focus,
.MC_TabsB .MC_Tabs_tablist_tab[aria-selected=true]:focus-visible {
outline-offset: -3px
}
.MC_TabsB .MC_Tabs_tablist_tab[tabindex="-1"]:focus:not(:focus-visible) {
outline: 2px solid #fff !important;
outline-offset: -3px
}
.MC_TabsB .MC_Tabs_controls .MC_Tabs_controls_button:first-child {
top: -4px
}
.MC_TabsB .MC_Tabs_controls_button {
background-color: #000
}
.MC_TabsB .MC_Tabs_slider {
margin: 0 auto;
max-width: 1920px;
position: relative
}
.MC_TabsB .MC_Tabs_slider:before {
background-color: var(--mc-core-green-2);
box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, .25), inset 0 -4px 0 0 #86d562, inset 0 -6px 0 0 #a0e081, inset 0 -7px 0 0 #000;
content: "";
display: block;
height: 6px;
left: var(--selectedLeft);
position: absolute;
top: -4px;
transition: left .5s, width .25s;
width: var(--selectedWidth);
z-index: 6
}
.MC_TabsB.MC_Tabs_mobile_slider_disabled .MC_Tabs_slider:before {
visibility: hidden
}
.MC_TabsB.MC_Tabs_scrollable_resize .MC_Tabs_tabpanels:before {
display: none
}
.MC_Layout_Generic .MC_TabsB .MC_Tabs_tabpanels_panel {
padding-bottom: 0
}
@media screen and (min-width:1299px) {
.MC_TabsB .MC_Tabs_tablist_tab {
font-size: .875rem;
line-height: .75rem
}
}
@media screen and (max-width:1000px) {
.MC_TabsB {
padding-left: 24px;
padding-right: 24px
}
}
@media screen and (max-width:576px) {
.MC_TabsB {
padding-left: 0;
padding-right: 0
}
}
@media (forced-colors:active) {
.MC_TabsB .MC_Tabs_tabpanels_panel:before {
top: -3px
}
.MC_TabsB .MC_Tabs_tablist_tab {
border: 2px solid #000;
border-right-color: currentcolor;
position: relative;
top: 1px
}
.MC_TabsB .MC_Tabs_tablist_tab[aria-selected=true] {
border-right: 1px solid #000
}
.MC_TabsB .MC_Tabs_tablist_tab:last-child {
border-right: 2px solid #000
}
.MC_TabsB .MC_Tabs_slider+.MC_Tabs_tabpanels .MC_Tabs_tabpanels_panel:before {
top: 5px;
z-index: 21
}
.MC_TabsB .MC_Tabs_slider {
z-index: 22
}
.MC_TabsB .MC_Tabs_slider:before {
border-bottom: 3.5px solid var(--mc-core-green-2);
height: 0;
top: 6px
}
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
.MC_TabsB .MC_Tabs_tablist_tab svg {
filter: invert(1)
}
}
.MC_Layout_PDP .MC_TabsB .MC_Tabs_tabpanels_panel {
padding-bottom: 32px
}
[data-mc-ref=mc_tabShowcaseA] {
background-image: var(--desktopBackground, unset);
background-position: var(--backgroundPosition, center center);
background-repeat: var(--backgroundRepeat, no-repeat);
background-size: fill;
padding-left: 60px;
padding-right: 60px
}
@media screen and (max-width:976px) {
[data-mc-ref=mc_tabShowcaseA] {
background-image: var(--mobileBackground, unset)
}
}
.MC_tabShowcaseA {
--grid-size: 1800px;
margin: 0 auto;
max-width: var(--grid-size);
padding: 48px 0
}
.MC_tabShowcaseA_header {
align-items: center;
display: flex;
flex-direction: column;
gap: 24px
}
.MC_tabShowcaseA_header .MC_tabShowcaseA_header_text {
display: flex;
flex-direction: column;
gap: 8px;
padding: 16px 0;
position: relative;
text-align: center
}
.MC_tabShowcaseA_header .MC_tabShowcaseA_header_text [class*=MC_Heading] {
text-transform: uppercase !important
}
.MC_tabShowcaseA_header .MC_tabShowcaseA_ctaBox {
column-gap: 24px;
display: flex;
flex-wrap: wrap;
justify-content: center;
row-gap: 16px
}
@media screen and (max-width:976px) {
.MC_tabShowcaseA:has(.MC_Tabs_controls_button[aria-disabled=false]) .MC_tabShowcaseA_header {
margin-bottom: 24px
}
}
[data-mc-ref=mc_tabShowcaseA].MC_Theme_Dungeons2 .MC_tabShowcaseA_header_text {
max-width: 788px;
min-width: 320px;
padding-left: 68px;
padding-right: 68px
}
[data-mc-ref=mc_tabShowcaseA].MC_Theme_Dungeons2 .MC_tabShowcaseA_header_text:after,
[data-mc-ref=mc_tabShowcaseA].MC_Theme_Dungeons2 .MC_tabShowcaseA_header_text:before {
background-image: url(/content/dam/minecraftnet/franchise/component-library/tabShowcaseA/headers/tabShowcaseAArrowGlow-52x116.png);
background-repeat: no-repeat;
background-size: contain;
content: "";
display: block;
height: 116px;
position: absolute;
top: 50%;
width: 52px
}
[data-mc-ref=mc_tabShowcaseA].MC_Theme_Dungeons2 .MC_tabShowcaseA_header_text:before {
left: 0;
transform: translateY(-50%)
}
[data-mc-ref=mc_tabShowcaseA].MC_Theme_Dungeons2 .MC_tabShowcaseA_header_text:after {
right: 0;
transform: rotateY(180deg) translateY(-50%)
}
[data-mc-ref=mc_tabShowcaseA].MC_Theme_Dungeons2 .MC_tabShowcaseA_tabs {
--activeBackgroundColor: #175173;
--inactiveBackgroundColor: #010d29;
--activeBorderColor: #6defff;
--inactiveBorderColor: #aba09c
}
[data-mc-ref=mc_tabShowcaseA].MC_Theme_Marketplace .MC_tabShowcaseA_tabs {
--activeBackgroundColor: var(--mc-core-grey-5);
--inactiveBackgroundColor: var(--mc-core-rich-black);
--activeBorderColor: var(--mc-marketplace-gold-3);
--inactiveBorderColor: var(--mc-core-grey-2)
}
[data-mc-ref=mc_tabShowcaseA].MC_Theme_Marketplace .MC_tabShowcaseA_tabs .MC_Tabs_tabpanels {
--activeBorderColor: var(--mc-core-grey-2)
}
[data-mc-ref=mc_tabShowcaseA].MC_Theme_Vanilla .MC_tabShowcaseA_tabs {
--activeBackgroundColor: var(--mc-core-grey-5);
--inactiveBackgroundColor: var(--mc-core-rich-black);
--activeBorderColor: var(--mc-vanilla-green-3);
--inactiveBorderColor: var(--mc-core-grey-2)
}
[data-mc-ref=mc_tabShowcaseA].MC_Theme_Vanilla .MC_tabShowcaseA_tabs .MC_Tabs_tabpanels {
--activeBorderColor: var(--mc-core-grey-2)
}
[data-mc-ref=mc_tabShowcaseA].MC_Theme_Dungeons .MC_tabShowcaseA_tabs {
--activeBackgroundColor: var(--mc-core-grey-5);
--inactiveBackgroundColor: var(--mc-core-rich-black);
--activeBorderColor: var(--mc-dungeons-orange-3);
--inactiveBorderColor: var(--mc-core-grey-2)
}
[data-mc-ref=mc_tabShowcaseA].MC_Theme_Dungeons .MC_tabShowcaseA_tabs .MC_Tabs_tabpanels {
--activeBorderColor: var(--mc-core-grey-2)
}
[data-mc-ref=mc_tabShowcaseA].MC_Theme_Legends .MC_tabShowcaseA_tabs {
--activeBackgroundColor: var(--mc-core-grey-5);
--inactiveBackgroundColor: var(--mc-core-rich-black);
--activeBorderColor: var(--mc-legends-light-blue-3);
--inactiveBorderColor: var(--mc-core-grey-2)
}
[data-mc-ref=mc_tabShowcaseA].MC_Theme_Legends .MC_tabShowcaseA_tabs .MC_Tabs_tabpanels {
--activeBorderColor: var(--mc-core-grey-2)
}
[data-mc-ref=mc_tabShowcaseA].MC_Theme_Realms .MC_tabShowcaseA_tabs {
--activeBackgroundColor: var(--mc-core-grey-5);
--inactiveBackgroundColor: var(--mc-core-rich-black);
--activeBorderColor: var(--mc-realms-deep-blue-3);
--inactiveBorderColor: var(--mc-core-grey-2)
}
[data-mc-ref=mc_tabShowcaseA].MC_Theme_Realms .MC_tabShowcaseA_tabs .MC_Tabs_tabpanels {
--activeBorderColor: var(--mc-core-grey-2)
}
.MC_tabShowcaseA_tabs {
--activeFilter: unset;
--activeBoxShadow: unset
}
.MC_tabShowcaseA_tabs .MC_Tabs {
position: relative
}
.MC_tabShowcaseA_tabs .MC_Tabs .MC_Tabs_controls {
top: 82px
}
.MC_tabShowcaseA_tabs .MC_Tabs .MC_Tabs_controls:first-child {
left: -13px
}
.MC_tabShowcaseA_tabs .MC_Tabs .MC_Tabs_controls~.MC_Tabs_controls {
right: -13px;
transform: unset
}
.MC_tabShowcaseA_tabs .MC_Tabs .MC_Tabs_controls_button {
background-color: rgba(0, 0, 0, .2);
height: 66px !important
}
.MC_tabShowcaseA_tabs .MC_Tabs_tablist {
display: flex;
justify-content: flex-start;
margin: 0 auto;
max-width: 1920px;
overflow: hidden;
padding-bottom: 24px;
padding-top: 68px;
position: relative
}
.MC_tabShowcaseA_tabs [style*="--slideCount:"]:not([style*="--slideCount: 1;"], [style*="--slideCount: 2;"], [style*="--slideCount: 3;"], [style*="--slideCount: 4;"]) .MC_Tabs_tablist {
padding-left: 24px
}
@media screen and (max-width:976px) {
.MC_tabShowcaseA_tabs .MC_Tabs_tablist {
justify-content: center;
padding-left: 24px;
padding-right: 24px
}
}
.MC_tabShowcaseA_tabs .MC_Tabs_tablist_tab {
align-self: end;
background-color: var(--inactiveBackgroundColor);
border: 2px solid var(--inactiveBorderColor);
border-bottom: 0;
border-top: 0;
flex-shrink: 0;
height: 56px;
position: relative;
top: 0;
transition: top .2s ease, width .2s ease, width .2s ease;
width: 64px;
will-change: transform
}
.MC_tabShowcaseA_tabs .MC_Tabs_tablist_tab picture {
display: block;
margin-left: -4px;
width: calc(100% + 8px)
}
.MC_tabShowcaseA_tabs .MC_Tabs_tablist_tab picture img {
height: auto;
width: 100%
}
.MC_tabShowcaseA_tabs.MC_tabShowcaseA_tabs-thumbnailSnug .MC_Tabs_tablist_tab picture {
bottom: -2px;
left: -2px;
position: absolute;
width: calc(100% + 4px)
}
.MC_tabShowcaseA_tabs.MC_tabShowcaseA_tabs-thumbnailSnug .MC_Tabs_tablist_tab[tabindex="-1"] picture {
left: -1.5px;
top: -4px;
width: calc(100% + 3px);
z-index: 2
}
.MC_tabShowcaseA_tabs .MC_Tabs_tablist_tab:not([aria-selected=true]) .MC_Effect_squareCorners:first-child,
.MC_tabShowcaseA_tabs .MC_Tabs_tablist_tab:not([aria-selected=true]) .MC_Effect_squareCorners:last-child {
border-top: 2px solid var(--inactiveBorderColor);
left: 1.5px;
top: -4px
}
.MC_tabShowcaseA_tabs .MC_Tabs_tablist_tab:not([aria-selected=true]) .MC_Effect_squareCorners:first-child:before,
.MC_tabShowcaseA_tabs .MC_Tabs_tablist_tab:not([aria-selected=true]) .MC_Effect_squareCorners:last-child:before {
border-right: 2px solid var(--inactiveBorderColor);
left: -3px;
top: 0
}
.MC_tabShowcaseA_tabs .MC_Tabs_tablist_tab:not([aria-selected=true]) .MC_Effect_squareCorners:first-child:after,
.MC_tabShowcaseA_tabs .MC_Tabs_tablist_tab:not([aria-selected=true]) .MC_Effect_squareCorners:last-child:after {
border-left: 2px solid var(--inactiveBorderColor);
right: -3px;
top: 0
}
.MC_tabShowcaseA_tabs .MC_Tabs_tablist_tab:not([aria-selected=true]) .MC_Effect_squareCorners:last-child {
bottom: -4px;
top: unset;
transform: scaleY(-1)
}
.MC_tabShowcaseA_tabs .MC_Tabs_tablist_tab:not([aria-selected=true]) .MC_Effect_squareCorners {
background-color: var(--inactiveBackgroundColor);
height: 6px;
left: 2px;
width: calc(100% - 3px)
}
.MC_tabShowcaseA_tabs .MC_Tabs_tablist_tab:not([aria-selected=true]) .MC_Effect_squareCorners:after,
.MC_tabShowcaseA_tabs .MC_Tabs_tablist_tab:not([aria-selected=true]) .MC_Effect_squareCorners:before {
border-bottom: 2px solid var(--inactiveBorderColor);
height: 3px;
width: 5px
}
.MC_tabShowcaseA_tabs .MC_Tabs_tablist_tab[aria-selected=true] {
background-color: var(--activeBackgroundColor);
border: 4px solid var(--activeBorderColor);
border-bottom: 0;
border-top: 0;
box-shadow: var(--activeBoxShadow, unset);
filter: var(--activeFilter, unset);
height: 76px;
top: -40px;
width: 84px
}
.MC_tabShowcaseA_tabs .MC_Tabs_tablist_tab[aria-selected=true]:focus {
outline: 0;
--activeBorderColor: var(--mc-core-white)
}
.MC_tabShowcaseA_tabs .MC_Tabs_tablist_tab[aria-selected=true]:after {
animation: mcAnimateFadeIn .25s ease-in forwards;
content: "";
display: block
}
.MC_tabShowcaseA_tabs .MC_Tabs_tablist_tab[aria-selected=true] .MC_Effect_squareCorners:first-child {
border-bottom: 0;
top: -4px
}
.MC_tabShowcaseA_tabs .MC_Tabs_tablist_tab[aria-selected=true] .MC_Effect_squareCorners:first-child:before {
left: -5px;
top: 2px
}
.MC_tabShowcaseA_tabs .MC_Tabs_tablist_tab[aria-selected=true] .MC_Effect_squareCorners:first-child:after {
right: -5px;
top: 2px
}
.MC_tabShowcaseA_tabs .MC_Tabs_tablist_tab[aria-selected=true] .MC_Effect_squareCorners {
background-color: var(--activeBorderColor);
border: 2px solid var(--activeBorderColor);
height: 4px;
left: 0;
position: absolute;
width: 100%
}
.MC_tabShowcaseA_tabs .MC_Tabs_tablist_tab[aria-selected=true] .MC_Effect_squareCorners:after,
.MC_tabShowcaseA_tabs .MC_Tabs_tablist_tab[aria-selected=true] .MC_Effect_squareCorners:before {
border-bottom: 4px solid var(--activeBorderColor);
border-left: 0;
border-right: 0;
height: 4px;
width: 8px
}
.MC_tabShowcaseA_tabs .MC_Tabs_tablist_tab[aria-selected=true] .MC_Effect_squareCorners:last-child {
border-top: 0;
bottom: -4px
}
.MC_tabShowcaseA_tabs .MC_Tabs_tablist_tab[aria-selected=true] .MC_Effect_squareCorners:last-child:before {
left: -5px
}
.MC_tabShowcaseA_tabs .MC_Tabs_tablist_tab[aria-selected=true] .MC_Effect_squareCorners:last-child:after {
right: -5px
}
.MC_tabShowcaseA_tabs .MC_Tabs_tablist_tab[aria-selected=true] .MC_Effect_squareCorners:last-child:after,
.MC_tabShowcaseA_tabs .MC_Tabs_tablist_tab[aria-selected=true] .MC_Effect_squareCorners:last-child:before {
border-color: var(--activeBorderColor);
border-top: 0;
bottom: 2px
}
.MC_tabShowcaseA_tabs .MC_Tabs_tablist_container {
display: flex;
gap: 32px;
justify-content: center;
min-width: min-content;
width: 50%
}
.MC_tabShowcaseA_tabs .MC_tabShowcaseA_contentWrapper {
display: flex;
gap: 24px
}
.MC_tabShowcaseA_tabs .MC_tabShowcaseA_panelContent {
--activeButtonWidth: 84px;
--inactiveButtonWidth: 64px;
--buttonFlexGap: 24.5px;
--tabLeftGutter: 32px;
align-items: center;
align-self: flex-start;
background: var(--background, unset);
border: 2px solid var(--activeBorderColor);
border-bottom: 0;
border-top: 0;
box-shadow: var(--activeBoxShadow, unset);
display: flex;
filter: var(--activeFilter, unset);
flex-direction: column;
gap: 24px;
min-width: calc(var(--activeButtonWidth) + var(--buttonFlexGap) + (var(--slideCount) - 1)*(var(--inactiveButtonWidth) + var(--buttonFlexGap)) + var(--tabLeftGutter));
padding: 24px 20px;
position: relative;
width: 50%
}
.MC_tabShowcaseA_tabs .MC_tabShowcaseA_panelContent:has(.MC_tabShowcaseA_meters) {
min-height: 459px
}
.MC_tabShowcaseA_tabs .MC_tabShowcaseA_panelContent .MC_Effect_squareCorners {
background-color: var(--activeBackgroundColor)
}
.MC_tabShowcaseA_tabs .MC_tabShowcaseA_panelContent .MC_Effect_squareCorners:first-child {
border: 2px solid var(--activeBorderColor);
border-bottom: 0
}
.MC_tabShowcaseA_tabs .MC_tabShowcaseA_panelContent .MC_Effect_squareCorners:first-child:after,
.MC_tabShowcaseA_tabs .MC_tabShowcaseA_panelContent .MC_Effect_squareCorners:first-child:before {
border: 2px solid var(--activeBorderColor)
}
.MC_tabShowcaseA_tabs .MC_tabShowcaseA_panelContent .MC_Effect_squareCorners:first-child:before {
border-left: 0;
border-top: 0
}
.MC_tabShowcaseA_tabs .MC_tabShowcaseA_panelContent .MC_Effect_squareCorners:first-child:after {
border-right: 0;
border-top: 0
}
.MC_tabShowcaseA_tabs .MC_tabShowcaseA_panelContent .MC_Effect_squareCorners:last-child {
border: 2px solid var(--activeBorderColor);
border-top: 0
}
.MC_tabShowcaseA_tabs .MC_tabShowcaseA_panelContent .MC_Effect_squareCorners:last-child:after,
.MC_tabShowcaseA_tabs .MC_tabShowcaseA_panelContent .MC_Effect_squareCorners:last-child:before {
border: 2px solid var(--activeBorderColor)
}
.MC_tabShowcaseA_tabs .MC_tabShowcaseA_panelContent .MC_Effect_squareCorners:last-child:before {
border-bottom: 0;
border-left: 0
}
.MC_tabShowcaseA_tabs .MC_tabShowcaseA_panelContent .MC_Effect_squareCorners:last-child:after {
border-bottom: 0;
border-right: 0
}
.MC_tabShowcaseA_tabs .MC_tabShowcaseA_panelContent .MC_tabShowcaseA_panelContent_header {
display: flex;
flex-direction: column;
gap: 8px;
text-align: center
}
.MC_tabShowcaseA_tabs .MC_tabShowcaseA_panelContent .MC_tabShowcaseA_panelContent_header [class*=MC_Heading] {
text-transform: uppercase !important
}
.MC_tabShowcaseA_tabs .MC_tabShowcaseA_panelContent .MC_tabShowcaseA_panelContent_actionBar {
column-gap: 24px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
row-gap: 16px
}
.MC_tabShowcaseA_tabs .MC_tabShowcaseA_panelContent .MC_tabShowcaseA_meters {
align-self: baseline;
list-style: none;
margin-top: auto;
padding: 0;
width: 100%
}
.MC_tabShowcaseA_tabs .MC_tabShowcaseA_panelContent .MC_tabShowcaseA_meters label {
color: var(--mc-core-white);
font-family: var(--mc-dungeons2-fontlist);
font-size: 1.5rem;
font-style: normal;
letter-spacing: 2.4px;
line-height: 125%;
text-transform: uppercase
}
.MC_tabShowcaseA_tabs .MC_tabShowcaseA_panelContent .MC_tabShowcaseA_meters li {
display: flex;
flex-direction: column;
gap: 12px
}
.MC_tabShowcaseA_tabs .MC_tabShowcaseA_panelContent .MC_tabShowcaseA_meters li+li {
padding-top: 8px
}
.MC_tabShowcaseA_tabs .MC_tabShowcaseA_panelContent .MC_tabShowcaseA_meters .MC_meteredBar {
margin: 0
}
.MC_tabShowcaseA_tabs .MC_tabShowcaseA_panelContent .MC_tabShowcaseA_meters .MC_meteredBar .MC_meteredBar_bar {
background: #642903;
border: 2px solid #d1641d;
box-shadow: 0 0 32px 0 #ef6a14;
height: 12px
}
.MC_tabShowcaseA_tabs .MC_tabShowcaseA_panelContent .MC_tabShowcaseA_meters .MC_meteredBar .MC_meteredBar_bar:after {
background: linear-gradient(0deg, #fff27a, #ffd953 50%, #ffc42b);
box-shadow: 0 0 8px 0 #ffdd59;
height: 8px
}
@media screen and (max-width:976px) {
.MC_tabShowcaseA_tabs .MC_tabShowcaseA_panelContent {
min-width: unset
}
}
.MC_tabShowcaseA_tabs .MC_tabShowcaseA_panelMedia {
align-items: center;
display: flex;
width: 50%
}
.MC_tabShowcaseA_tabs .MC_tabShowcaseA_panelMedia .MC_mediaBlockB {
padding: 0
}
.MC_tabShowcaseA_tabs .MC_tabShowcaseA_panelMedia .MC_mediaBlockB .MC_mediaBlockB_media-container video {
background-color: unset
}
@media screen and (max-width:976px) {
.MC_tabShowcaseA_tabs .MC_tabShowcaseA_contentWrapper {
flex-direction: column
}
.MC_tabShowcaseA_tabs .MC_tabShowcaseA_panelContent,
.MC_tabShowcaseA_tabs .MC_tabShowcaseA_panelMedia {
width: 100%
}
}
.MC_tabShowcaseA_tabs .MC_Tabs_controls_button:after {
background-color: var(--mc-core-white)
}
.MC_tabShowcaseA_tabs.MC_tabShowcaseA_tabs-rightAlign .MC_Tabs_tablist {
justify-content: flex-end
}
@media screen and (max-width:976px) {
.MC_tabShowcaseA_tabs.MC_tabShowcaseA_tabs-rightAlign .MC_Tabs_tablist {
justify-content: center
}
}
[data-mc-ref=mc_tabShowcaseA].MC_Theme_Dungeons2 .MC_tabShowcaseA_tabs {
--activeFilter: drop-shadow(0 0 8px rgba(90, 210, 255, .35)) drop-shadow(0 0 16px rgba(25, 90, 140, .35));
--activeBoxShadow: 0 0 10px rgba(150, 245, 255, .7), 0 0 22px rgba(80, 200, 230, .4)
}
[data-mc-ref=mc_tabShowcaseA].MC_Theme_Dungeons2 .MC_tabShowcaseA_tabs .MC_Tabs_tablist_tab[aria-selected=true]:after {
background-image: var(--mc-environment-tabShowcaseAArrowGlow_svg-84x32);
filter: var(--activeFilter, unset);
height: 32px;
left: -4px;
position: absolute;
top: calc(100% + 12px);
width: 84px
}
[data-mc-ref=mc_tabShowcaseA].MC_Theme_Marketplace .MC_tabShowcaseA_tabs {
--activeFilter: unset;
--activeBoxShadow: unset
}
[data-mc-ref=mc_tabShowcaseA].MC_Theme_Marketplace .MC_tabShowcaseA_tabs .MC_Tabs_tablist_tab[aria-selected=true]:after {
background-image: var(--mc-environment-tabShowcaseADiamond_svg-22x22);
background-position: 50%;
background-repeat: no-repeat;
filter: var(--activeFilter, unset);
filter: drop-shadow(0 0 8px rgba(255, 196, 43, .6)) drop-shadow(0 0 42px rgba(255, 196, 43, .5));
height: 32px;
left: 50%;
position: absolute;
top: calc(100% + 12px);
transform: translateX(-50%);
width: 32px
}
@media screen and (max-width:767.98px) {
[data-mc-ref=mc_tabShowcaseA] {
padding-left: 24px;
padding-right: 24px
}
}
@media screen and (max-width:576px) {
[data-mc-ref=mc_tabShowcaseA] {
padding-left: 16px;
padding-right: 16px
}
}
#MC_Timeline_AnniversaryHub {
padding: 90px 0 0
}
#MC_Timeline_AnniversaryHub .MC_Timeline_AnniversaryHub_header {
padding-bottom: 48px;
text-align: center
}
#MC_Timeline_AnniversaryHub .MC_Timeline_AnniversaryHub_blurb {
margin: 8px auto 0;
max-width: 696px;
padding: 0 16px
}
#MC_Timeline_AnniversaryHub .MC_Timeline_AnniversaryHub_blurb p {
color: var(--mc-core-green-2)
}
#MC_Timeline_AnniversaryHub .MC_Accordion_group {
background-color: var(--mc-core-rich-black)
}
#MC_Timeline_AnniversaryHub .MC_Timeline_AnniversaryHub_Scrollable {
cursor: move;
height: 100%;
position: relative
}
#MC_Timeline_AnniversaryHub .MC_Accordion_toggle {
border: 1px solid transparent;
color: var(--mc-core-white);
cursor: pointer;
padding: 24px;
position: relative;
z-index: 1
}
#MC_Timeline_AnniversaryHub .MC_Accordion_toggle:focus {
box-shadow: inset 0 0 0 2px var(--mc-core-white);
outline: 3px solid var(--mc-default-focus) !important;
outline-offset: -6px
}
#MC_Timeline_AnniversaryHub .MC_Accordion_group {
border: 0;
padding-top: 0;
position: relative
}
#MC_Timeline_AnniversaryHub .MC_Accordion_group:not(.MC_Accordion_more) .MC_Accordion_toggle[aria-expanded=true] {
max-width: 1100px;
min-width: 696px;
position: absolute;
width: 38.75%;
z-index: 3
}
#MC_Timeline_AnniversaryHub .MC_Accordion_group:not(.MC_Accordion_more) .MC_Accordion_toggle[aria-expanded=true]+.MC_Timeline_AnniversaryHub_ExpandedContent {
background-color: #262423;
left: 50%;
max-width: 1100px;
min-width: 696px;
padding: 0 24px 24px;
position: absolute;
top: 102px;
transform: translateX(-50%);
width: 38.75%;
z-index: 3
}
#MC_Timeline_AnniversaryHub .MC_Accordion_group .MC_Accordion_toggle[aria-expanded=false] {
display: block;
margin: 0 auto
}
#MC_Timeline_AnniversaryHub .MC_Accordion_group .MC_Accordion_toggle[aria-expanded=false] .MC_Accordion_toggle_content,
#MC_Timeline_AnniversaryHub .MC_Accordion_more .MC_Accordion_toggle_content {
margin: 0 auto;
max-width: 1100px;
min-width: 696px;
padding-left: 8px;
position: relative;
width: 38.75%
}
#MC_Timeline_AnniversaryHub .MC_Accordion_group:not(.MC_Accordion_more) .MC_Accordion_toggle[aria-expanded=true],
#MC_Timeline_AnniversaryHub .MC_Accordion_group:not(.MC_Accordion_more) .MC_Accordion_toggle[aria-expanded=true] .MC_Timeline_AnniversaryHub_ExpandedContent {
left: 50%;
top: 0;
transform: translateX(-50%)
}
#MC_Timeline_AnniversaryHub .MC_Accordion_toggle_text {
color: var(--mc-core-grey-1);
font-family: var(--mc-vanilla-fontlist);
font-size: 2.25rem;
margin: 0 0 0 64px;
padding: 0
}
#MC_Timeline_AnniversaryHub .MC_Accordion_toggle_text:after {
background-color: var(--mc-core-green-1);
width: 36px
}
#MC_Timeline_AnniversaryHub .MC_Accordion_toggle[aria-expanded=true] .MC_Accordion_toggle_text:after {
transform: translate(-50%, -50%) rotate(180deg)
}
#MC_Timeline_AnniversaryHub .MC_Accordion_toggle[aria-expanded=false] .MC_Accordion_toggle_text:after {
clip-path: var(--mc-environment-right_arrow_with_tail_icon_clip-path);
height: 36px;
transform: translate(-50%, -50%) rotate(90deg);
width: 36px
}
#MC_Timeline_AnniversaryHub .MC_Accordion_more {
text-align: center
}
#MC_Timeline_AnniversaryHub .MC_Accordion_more_toggle {
background-color: var(--mc-core-rich-black);
border: 0;
color: var(--mc-core-white);
cursor: pointer;
padding: 24px;
position: relative;
text-align: left;
width: 100%;
z-index: 1
}
#MC_Timeline_AnniversaryHub .MC_Accordion_more_toggle:hover {
background-color: #262423
}
#MC_Timeline_AnniversaryHub .MC_Accordion_more_toggle:focus {
box-shadow: 0 0 0 1px var(--mc-core-white);
outline: 2px solid var(--mc-default-focus) !important;
outline-offset: -3px
}
#MC_Timeline_AnniversaryHub .MC_Accordion_more_toggle_content {
display: flex;
margin: 0 auto;
max-width: 1100px;
min-width: 696px;
position: relative;
width: 38.75%
}
#MC_Timeline_AnniversaryHub .MC_Accordion_more_toggle_text {
color: var(--mc-core-grey-2);
font-family: var(--mc-vanilla-fontlist);
font-size: 2.25rem;
margin: 0 0 0 73px;
padding: 0
}
#MC_Timeline_AnniversaryHub .MC_Accordion_more_blurb {
align-items: center;
color: var(--mc-core-grey-3);
display: inline-flex;
font-family: var(--mc-legends-fontlist);
margin-left: 20px
}
#MC_Timeline_AnniversaryHub .MC_Accordion_more_toggle_content .MC_Accordion_more_toggle_text:after {
background-color: var(--mc-core-green-1);
content: "";
display: block;
position: absolute;
right: 5px;
top: 50%;
transform: translate(-50%, -50%)
}
#MC_Timeline_AnniversaryHub .MC_Accordion_toggle_text_more:after {
clip-path: var(--mc-environment-plus_icon_clip-path);
height: 36px;
width: 36px
}
#MC_Timeline_AnniversaryHub .MC_Accordion_toggle_text_less:after {
clip-path: var(--mc-environment-minus_icon_clip-path);
height: 4px;
width: 36px
}
#MC_Timeline_AnniversaryHub.MC_Timeline_AnniversaryHub__more .MC_Accordion_more_blurb,
#MC_Timeline_AnniversaryHub.MC_Timeline_AnniversaryHub__more .MC_Accordion_toggle_text_more {
display: none
}
#MC_Timeline_AnniversaryHub.MC_Timeline_AnniversaryHub__more .MC_Accordion_toggle_text_less {
display: block
}
#MC_Timeline_AnniversaryHub .MC_Accordion_toggle_blurb,
#MC_Timeline_AnniversaryHub .MC_Accordion_toggle_blurb p {
color: var(--mc-core-grey-2);
font-family: var(--mc-legends-fontlist);
font-size: 1.25rem;
text-align: left;
text-transform: capitalize
}
#MC_Timeline_AnniversaryHub .MC_Accordion_toggle_blurb p+p {
margin-top: 16px
}
.MC_Timeline_AnniversaryHub_ExpandedContent {
display: none
}
.MC_Timeline_AnniversaryHub_ExpandedContent .MC_Accordion_toggle_blurb {
padding: 0 48px 0 4px
}
#MC_Timeline_AnniversaryHub .MC_Accordion_toggle[aria-expanded=true] .MC_Accordion_toggle_blurb {
display: none
}
#MC_Timeline_AnniversaryHub .MC_Accordion_toggle[aria-expanded=true]+.MC_Timeline_AnniversaryHub_ExpandedContent {
display: block
}
#MC_Timeline_AnniversaryHub .MC_Accordion_toggle[aria-expanded=false]+.MC_Timeline_AnniversaryHub_ExpandedContent .MC_scrollbar_content_wrapper {
height: 0 !important;
max-height: 0 !important
}
#MC_Timeline_AnniversaryHub .MC_Accordion_toggle[aria-expanded=false]+.MC_Timeline_AnniversaryHub_ExpandedContent .MC_scrollbar_scrollbar {
display: none
}
#MC_Timeline_AnniversaryHub .MC_Accordion_toggle[aria-expanded=true]+.MC_Timeline_AnniversaryHub_ExpandedContent .MC_scrollbar_content_wrapper {
height: 150px !important;
max-height: 200px !important
}
#MC_Timeline_AnniversaryHub .MC_Accordion_toggle[aria-expanded=true]+.MC_Timeline_AnniversaryHub_ExpandedContent .MC_scrollbar_content_wrapper[style*="height: 150px;"] {
height: auto !important
}
#MC_Timeline_AnniversaryHub .MC_scrollbar_content_wrapper {
position: relative
}
#MC_Timeline_AnniversaryHub .MC_scrollbarA:has(.MC_scrollbar_content_wrapper:focus-within) {
box-shadow: 0 0 0 4px var(--mc-core-white);
outline: 3px solid var(--mc-default-focus) !important;
outline-offset: 0
}
#MC_Timeline_AnniversaryHub .MC_scrollbar_scrollbar {
right: 63px !important;
top: 0 !important
}
#MC_Timeline_AnniversaryHub .MC_Accordion_toggle[aria-expanded=false] .MC_Animations_Slime_Bounce,
#MC_Timeline_AnniversaryHub .MC_Accordion_toggle[aria-expanded=false] .MC_Animations_Slime_Break {
left: 17px;
top: 5px
}
#MC_Timeline_AnniversaryHub .MC_Accordion_toggle[aria-expanded=true] .MC_Animations_Slime_Bounce {
left: 16px;
top: 28px
}
#MC_Timeline_AnniversaryHub .MC_Accordion_toggle[aria-expanded=true] .MC_Animations_Slime_Break {
left: 16px;
top: 29px
}
#MC_Timeline_AnniversaryHub .MC_Timeline_AnniversaryHub_ReducedAnimation_Checkmark {
height: 48px;
left: 17px;
position: absolute;
top: 3px;
width: 48px
}
#MC_Timeline_AnniversaryHub .MC_Accordion_toggle[aria-expanded=true] .MC_Timeline_AnniversaryHub_ReducedAnimation_Checkmark {
left: 16px;
top: 27px
}
#MC_Timeline_AnniversaryHub .MC_Accordion_toggle[aria-expanded=true] .MC_Accordion_toggle_text {
color: var(--mc-core-white);
margin: 0 0 0 47px
}
#MC_Timeline_AnniversaryHub .MC_Accordion_toggle[aria-expanded=true] .MC_Accordion_toggle_blurb {
max-width: calc(100% - 72px);
padding-left: 48px;
padding-top: 16px
}
#MC_Timeline_AnniversaryHub .MC_Accordion_toggle[aria-expanded=false] .MC_Accordion_toggle_blurb p {
overflow-x: hidden;
position: absolute;
text-overflow: ellipsis;
top: 50%;
transform: translate(208px, -50%);
white-space: nowrap;
width: 45%
}
[lang=en-US] #MC_Timeline_AnniversaryHub .MC_Accordion_toggle[aria-expanded=false] .MC_Accordion_toggle_blurb p {
transform: translate(176px, -50%)
}
#MC_Timeline_AnniversaryHub .MC_Accordion_toggle[aria-expanded=false] .MC_Accordion_toggle_blurb p+p {
display: none
}
#MC_Timeline_AnniversaryHub .MC_Accordion_content {
padding-left: 0
}
#MC_Timeline_AnniversaryHub .MC_Accordion_content[aria-hidden=false] {
height: 740px
}
#MC_Timeline_AnniversaryHub .MC_Draggable {
height: 100%;
overflow: hidden;
position: relative
}
#MC_Timeline_AnniversaryHub .MC_Draggable figure {
max-width: min-content;
position: absolute
}
#MC_Timeline_AnniversaryHub figure img {
color: var(--mc-core-white);
max-width: 200px;
width: 45vw
}
#MC_Timeline_AnniversaryHub figure img:focus {
box-shadow: 0 0 0 1px var(--mc-core-white);
outline: 2px solid var(--mc-default-focus) !important;
outline-offset: -3px
}
#MC_Timeline_AnniversaryHub figcaption {
color: var(--mc-core-green-1);
font-family: var(--mc-legends-fontlist);
font-size: .825rem;
margin-top: 8px;
text-align: center;
width: 100%
}
@media screen and (min-width:768px) {
.MC_Timeline_AnniversaryHub_ExpandedContent .MC_Accordion_toggle_blurb {
padding: 0 48px
}
#MC_Timeline_AnniversaryHub figure img {
max-width: max-content;
width: 35vw
}
}
@media screen and (min-width:1440px) {
#MC_Timeline_AnniversaryHub figure img {
width: 45vw
}
}
@media screen and (min-width:1920px) {
#MC_Timeline_AnniversaryHub figure img {
width: auto
}
}
#MC_Timeline_AnniversaryHub:not(.MC_Timeline_AnniversaryHub__more) .MC_Accordion_group:nth-of-type(n+5):not(.MC_Accordion_group__more) {
display: none
}
#MC_Timeline_AnniversaryHub .MC_Accordion_toggle[aria-expanded=false] .MC_Accordion_toggle_text_more,
#MC_Timeline_AnniversaryHub .MC_Accordion_toggle[aria-expanded=true] .MC_Accordion_toggle_text_less {
display: block
}
#MC_Timeline_AnniversaryHub .MC_Accordion_toggle[aria-expanded=true] .MC_Accordion_toggle_text_more,
#MC_Timeline_AnniversaryHub .MC_Accordion_toggle_text_less {
display: none
}
#MC_Timeline_AnniversaryHub .MC_Accordion_group:first-child,
#MC_Timeline_AnniversaryHub .MC_Accordion_group:first-child .MC_Accordion_toggle {
background-color: #2a2828
}
#MC_Timeline_AnniversaryHub .MC_Accordion_group:nth-child(2),
#MC_Timeline_AnniversaryHub .MC_Accordion_group:nth-child(2) .MC_Accordion_toggle {
background-color: #222020
}
#MC_Timeline_AnniversaryHub .MC_Accordion_group:nth-child(3),
#MC_Timeline_AnniversaryHub .MC_Accordion_group:nth-child(3) .MC_Accordion_toggle {
background-color: #171615
}
#MC_Timeline_AnniversaryHub .MC_Accordion_group:nth-child(4),
#MC_Timeline_AnniversaryHub .MC_Accordion_group:nth-child(4) .MC_Accordion_toggle {
background-color: #0e0d0d
}
#MC_Timeline_AnniversaryHub .MC_Accordion_group:nth-child(n+4) .MC_Accordion_toggle_text {
color: var(--mc-core-grey-2)
}
#MC_Timeline_AnniversaryHub .MC_Accordion_group:nth-child(n+4) .MC_Accordion_toggle_blurb {
color: var(--mc-core-grey-3)
}
#MC_Timeline_AnniversaryHub .MC_Accordion_group:nth-child(5),
#MC_Timeline_AnniversaryHub .MC_Accordion_group:nth-child(5) .MC_Accordion_toggle {
background-color: #100f0f
}
#MC_Timeline_AnniversaryHub .MC_Accordion_group:nth-child(n+6),
#MC_Timeline_AnniversaryHub .MC_Accordion_group:nth-child(n+6) .MC_Accordion_toggle {
background-color: #090908
}
#MC_Timeline_AnniversaryHub .MC_Accordion_group.MC_Accordion_group__more,
#MC_Timeline_AnniversaryHub .MC_Accordion_group.MC_Accordion_group__more .MC_Accordion_toggle {
background-color: #222020
}
#MC_Timeline_AnniversaryHub .MC_Accordion_group .MC_Accordion_toggle[aria-expanded=true] {
background-color: #262423
}
#MC_Timeline_AnniversaryHub .MC_Accordion_group:not(.MC_Accordion_group__more):has(.MC_Accordion_toggle[aria-expanded=true]) {
background-color: var(--mc-core-rich-black)
}
#MC_Timeline_AnniversaryHub .MC_Accordion_group .MC_Accordion_toggle[aria-expanded=false]:hover,
#MC_Timeline_AnniversaryHub .MC_Accordion_toggle:hover {
background-color: #262423
}
#MC_Timeline_AnniversaryHub .MC_Accordion_group .MC_Accordion_toggle[aria-expanded=false]:hover .MC_Accordion_toggle_text {
color: var(--mc-core-white)
}
#MC_Timeline_AnniversaryHub .MC_Draggable>div {
height: calc(100% - 24px);
left: 0;
top: 0;
width: calc(100% - 24px)
}
#MC_Timeline_AnniversaryHub .MC_Draggable_Focus:before {
bottom: 0;
box-shadow: inset 0 0 0 2px var(--mc-default-focus);
content: "";
display: block;
height: calc(100% - 24px);
outline: 2px solid var(--mc-core-white) !important;
outline-offset: -3.5px;
position: absolute;
right: 0;
width: calc(100% - 24px);
z-index: 2
}
#MC_Timeline_AnniversaryHub .MC_Timeline_AnniversaryHub_Scrollable:focus {
outline: 0 !important
}
#MC_Timeline_AnniversaryHub .MC_Timeline_AnniversaryHub_Frame_Top {
background-color: #0e0d0d;
height: 24px;
position: absolute;
width: 100%;
z-index: 2
}
#MC_Timeline_AnniversaryHub .MC_Timeline_AnniversaryHub_Frame_Left {
background-color: #171615;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 24px;
z-index: 2
}
#MC_Timeline_AnniversaryHub .MC_Timeline_AnniversaryHub_Frame_Left:before {
border-left: 24px solid transparent;
border-top: 24px solid #0e0d0d;
content: "";
left: 0;
position: absolute;
top: 0;
width: 0
}
#MC_Timeline_AnniversaryHub .MC_Accordion_toggle[aria-expanded=false] .MC_Timeline_AnniversaryHub_ButtonFrame_Bottom,
#MC_Timeline_AnniversaryHub .MC_Accordion_toggle[aria-expanded=false] .MC_Timeline_AnniversaryHub_ButtonFrame_Right {
display: none
}
#MC_Timeline_AnniversaryHub .MC_Accordion_toggle[aria-expanded=true] .MC_Timeline_AnniversaryHub_ButtonFrame_Bottom,
#MC_Timeline_AnniversaryHub .MC_Timeline_AnniversaryHub_ExpandedContentFrame_Bottom {
background-color: #0e0d0d;
bottom: -24px;
height: 24px;
left: 20px;
position: absolute;
width: calc(100% - 12px)
}
#MC_Timeline_AnniversaryHub .MC_Accordion_toggle[aria-expanded=true] .MC_Timeline_AnniversaryHub_ButtonFrame_Bottom {
background-color: #262423;
left: 0;
width: 100%
}
#MC_Timeline_AnniversaryHub .MC_Accordion_toggle[aria-expanded=true] .MC_Timeline_AnniversaryHub_ButtonFrame_Bottom:before {
display: none
}
#MC_Timeline_AnniversaryHub .MC_Timeline_AnniversaryHub_ExpandedContentFrame_Bottom:before {
border-left: 20px solid transparent;
border-right: 2px solid #0e0d0d;
border-top: 24px solid #0e0d0d;
content: "";
left: -20px;
position: absolute;
top: 0;
width: 0
}
#MC_Timeline_AnniversaryHub .MC_Accordion_toggle[aria-expanded=true] .MC_Timeline_AnniversaryHub_ButtonFrame_Right,
#MC_Timeline_AnniversaryHub .MC_Timeline_AnniversaryHub_ExpandedContentFrame_Right {
background-color: #171615;
height: calc(100% + 1px);
position: absolute;
right: -24px;
top: 23px;
width: 24px
}
#MC_Timeline_AnniversaryHub .MC_Accordion_toggle[aria-expanded=true] .MC_Timeline_AnniversaryHub_ButtonFrame_Right:before,
#MC_Timeline_AnniversaryHub .MC_Timeline_AnniversaryHub_ExpandedContentFrame_Right:before {
border-left: 24px solid #171615;
border-top: 24px solid transparent;
content: "";
position: absolute;
right: 0;
top: -24px;
width: 0;
z-index: 4
}
#MC_Timeline_AnniversaryHub .MC_Timeline_AnniversaryHub_ExpandedContentFrame_Right {
height: calc(100% + 5px);
top: 19px
}
#MC_Timeline_AnniversaryHub .MC_Accordion_toggle[aria-expanded=true] .MC_Timeline_AnniversaryHub_ButtonFrame_Right:after,
#MC_Timeline_AnniversaryHub .MC_Timeline_AnniversaryHub_ExpandedContentFrame_Right:after {
border-left: 24px solid #0e0d0d;
border-top: 24px solid transparent;
bottom: 0;
content: "";
position: absolute;
right: 0;
width: 0
}
.MC_Timeline_AnniversaryHub_modal_overlay {
height: 100%;
position: absolute;
width: 100%;
z-index: 2
}
.MC_Timeline_AnniversaryHub_modal_cover {
background: rgba(0, 0, 0, .4);
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1
}
.MC_Timeline_AnniversaryHub_modal_content {
bottom: calc(50% - 277px);
left: 50%;
max-width: 90%;
position: absolute;
transform: translate(-50%, -50%);
width: fit-content;
z-index: 2
}
.MC_Timeline_AnniversaryHub_draggableicon {
display: block;
height: 84px;
margin: 0 auto 16px;
width: 84px
}
.MC_Timeline_AnniversaryHub_modal_button {
background: rgba(0, 0, 0, .8);
border: 2px solid var(--mc-core-green-3);
color: var(--mc-core-white) !important;
font-family: var(--mc-legends-fontlist);
font-size: .875rem;
padding: 16px;
text-align: center;
width: 153px
}
.MC_Timeline_AnniversaryHub_modal_button:focus {
box-shadow: inset 0 0 0 2px var(--mc-core-white);
outline: 3px solid var(--mc-default-focus) !important;
outline-offset: -3px
}
@media screen and (max-width:767.98px) {
#MC_Timeline_AnniversaryHub .MC_Accordion_group .MC_Accordion_toggle[aria-expanded=false] {
padding-left: 0
}
#MC_Timeline_AnniversaryHub .MC_Accordion_group:not(.MC_Accordion_more) .MC_Accordion_toggle[aria-expanded=true] {
position: relative
}
#MC_Timeline_AnniversaryHub .MC_Accordion_more_toggle {
padding-left: 0
}
#MC_Timeline_AnniversaryHub .MC_Accordion_group .MC_Accordion_toggle[aria-expanded=false] .MC_Accordion_toggle_content {
min-width: 100%;
padding-left: 7px
}
#MC_Timeline_AnniversaryHub .MC_Accordion_more_toggle_content {
min-width: 100%
}
#MC_Timeline_AnniversaryHub .MC_Accordion_more_blurb {
margin-left: 8px
}
#MC_Timeline_AnniversaryHub .MC_Accordion_group:not(.MC_Accordion_more) .MC_Accordion_toggle[aria-expanded=true],
#MC_Timeline_AnniversaryHub .MC_Accordion_group:not(.MC_Accordion_more) .MC_Accordion_toggle[aria-expanded=true]+.MC_Timeline_AnniversaryHub_ExpandedContent {
left: 0;
min-width: unset;
transform: unset;
width: calc(100% - 24px)
}
#MC_Timeline_AnniversaryHub .MC_Accordion_group:not(.MC_Accordion_more) .MC_Accordion_toggle[aria-expanded=true]+.MC_Timeline_AnniversaryHub_ExpandedContent {
height: 175px;
position: relative;
top: -1px;
transform: unset
}
#MC_Timeline_AnniversaryHub .MC_Accordion_content[aria-hidden=false] {
height: 320px
}
#MC_Timeline_AnniversaryHub .MC_Accordion_toggle .MC_Accordion_toggle_blurb {
font-size: 1rem
}
#MC_Timeline_AnniversaryHub .MC_Accordion_toggle[aria-expanded=true] .MC_Accordion_toggle_blurb {
max-width: 100%;
padding-left: 0
}
#MC_Timeline_AnniversaryHub .MC_Accordion_toggle[aria-expanded=false] .MC_Accordion_toggle_blurb {
display: -webkit-box;
-webkit-line-clamp: 2;
margin-left: 64px;
position: relative;
top: unset;
transform: unset;
width: calc(100% - 48px);
-webkit-box-orient: vertical;
overflow-x: unset;
overflow-y: hidden;
text-overflow: unset;
white-space: unset
}
.MC_Timeline_AnniversaryHub_modal_content {
bottom: 75px;
transform: translateX(-50%)
}
}
@media screen and (max-width:540px) {
#MC_Timeline_AnniversaryHub .MC_Accordion_group:not(.MC_Accordion_more) .MC_Accordion_toggle[aria-expanded=true],
#MC_Timeline_AnniversaryHub .MC_Accordion_group:not(.MC_Accordion_more) .MC_Accordion_toggle[aria-expanded=true]+.MC_Timeline_AnniversaryHub_ExpandedContent {
left: 0;
min-width: unset;
transform: unset;
width: 100%
}
#MC_Timeline_AnniversaryHub .MC_Timeline_AnniversaryHub_ExpandedContentFrame_Right {
display: none
}
#MC_Timeline_AnniversaryHub .MC_Accordion_toggle[aria-expanded=true] .MC_Timeline_AnniversaryHub_ButtonFrame_Bottom,
#MC_Timeline_AnniversaryHub .MC_Timeline_AnniversaryHub_ExpandedContentFrame_Bottom {
width: calc(100% - 24px)
}
#MC_Timeline_AnniversaryHub .MC_Accordion_toggle[aria-expanded=true] .MC_Timeline_AnniversaryHub_ButtonFrame_Right {
display: none
}
.MC_Timeline_AnniversaryHub_modal_content {
bottom: unset;
top: 50%;
transform: translate(-50%, -50%)
}
}
@media (forced-colors:active) {
#MC_Timeline_AnniversaryHub .MC_Accordion_toggle[aria-expanded=true] .MC_Timeline_AnniversaryHub_ButtonFrame_Right,
#MC_Timeline_AnniversaryHub .MC_Timeline_AnniversaryHub_ExpandedContentFrame_Bottom,
#MC_Timeline_AnniversaryHub .MC_Timeline_AnniversaryHub_ExpandedContentFrame_Right,
#MC_Timeline_AnniversaryHub .MC_Timeline_AnniversaryHub_ExpandedContentFrame_Right:after,
#MC_Timeline_AnniversaryHub .MC_Timeline_AnniversaryHub_Frame_Left,
#MC_Timeline_AnniversaryHub .MC_Timeline_AnniversaryHub_Frame_Top {
display: none
}
#MC_Timeline_AnniversaryHub .MC_Accordion_toggle[aria-expanded=true]+div+div {
border-top: 1px solid #fff
}
#MC_Timeline_AnniversaryHub .MC_Accordion_more_toggle {
outline: 1px solid #fff
}
#MC_Timeline_AnniversaryHub .MC_Timeline_AnniversaryHub_ExpandedContent {
border: 1px solid #fff;
border-top: 0
}
}
@media (forced-colors:active) and (prefers-color-scheme:dark) {
#MC_Timeline_AnniversaryHub .MC_Accordion_more_toggle_content .MC_Accordion_more_toggle_text:after {
background-color: currentColor;
filter: invert(1)
}
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
#MC_Timeline_AnniversaryHub .MC_Accordion_more_toggle_content .MC_Accordion_more_toggle_text:after {
filter: invert(1)
}
}
.MC_cardI_card_form {
align-self: flex-end;
margin-bottom: 1rem;
margin-top: auto;
padding-top: 1rem;
text-align: left
}
.MC_cardI_card_form legend {
margin-bottom: 1rem
}
.MC_cardI .MC_CheckboxA_label {
align-items: start;
gap: 16px;
margin-top: 2rem
}
.MC_cardI .MC_Glyph_Download_A {
align-items: center;
align-self: center;
gap: 1rem;
line-height: inherit
}
.MC_cardI .MC_Glyph_Download_A>span {
padding-right: 0
}
.MC_cardI .MC_Glyph_Download_A:after {
background-color: var(--mc-core-green-3);
position: relative;
right: unset;
top: unset;
transform: unset
}
.MC_cardI .MC_Glyph_Download_A[disabled] {
background-color: var(--mc-vanilla-grey-1) !important;
box-shadow: none !important;
color: var(--mc-vanilla-grey-3) !important;
outline: 2px solid var(--mc-vanilla-grey-3) !important
}
.MC_cardI .MC_Glyph_Download_A[disabled]:after {
background-color: var(--mc-vanilla-grey-3) !important
}
.MC_discoveryBHappyGhast .MC_discoveryB {
padding-top: 200px;
position: relative
}
.MC_discoveryBHappyGhast .MC_discoveryB.MC_discoveryB__active {
cursor: none
}
.MC_discoveryBHappyGhast .MC_Animations_Ghast_Container {
height: 200px;
position: absolute;
top: 0;
width: 200px
}
.MC_discoveryBHappyGhast .MC_Cursors__custom {
z-index: 200
}
.MC_discoveryBHappyGhast .MC_discoveryB .cursor__water__bucket {
display: none;
transform: translate(-65%, -25%) !important
}
.MC_discoveryBHappyGhast.MC_Cursors__touch .MC_discoveryB .MC_Cursors__custom {
left: 185px !important;
top: 50px !important
}
@media screen and (max-width:767.98px) {
.MC_discoveryBHappyGhast.MC_Cursors__touch .MC_discoveryB .MC_Cursors__custom {
left: 155px !important
}
}
@media screen and (max-width:576px) {
.MC_discoveryBHappyGhast.MC_Cursors__touch .MC_discoveryB .MC_Cursors__custom {
left: 140px !important
}
}
.MC_discoveryBHappyGhast.MC_discoveryB__active .cursor__water__bucket {
display: block
}
.MC_discoveryBHappyGhast .MC_Animations_Ghast_Dehydrated:after,
.MC_discoveryBHappyGhast .cursor__water__bucket:after {
animation-name: MCAnimations;
animation-play-state: paused
}
.MC_discoveryBHappyGhast.MC_Animation__cancel .MC_discoveryB .MC_Animations_Ghast_Dehydrated:after,
.MC_discoveryBHappyGhast.MC_Animation__cancel .MC_discoveryB .cursor__water__bucket:after {
animation-name: none
}
.MC_discoveryBHappyGhast .cursor__ghast__idle {
display: none;
transform: translate(-15%, -20%) !important
}
.MC_discoveryBHappyGhast .MC_Animations_Ghast_Egg {
display: none
}
.MC_discoveryBHappyGhast .MC_discoveryB.MC_discoveryB__active .cursor__water__bucket {
display: block
}
.MC_discoveryBHappyGhast .MC_discoveryB.MC_discoveryB__animate .MC_Animations_Ghast_Dehydrated:after,
.MC_discoveryBHappyGhast .MC_discoveryB.MC_discoveryB__animate .cursor__water__bucket:after {
animation-fill-mode: forwards;
animation-iteration-count: 1 !important;
animation-play-state: running
}
.MC_discoveryBHappyGhast.cursor__happyGhast__active {
overflow-x: hidden
}
.MC_discoveryBHappyGhast.cursor__happyGhast__active .MC_Animations_Ghast_Dehydrated,
.MC_discoveryBHappyGhast.cursor__happyGhast__active .cursor__water__bucket {
display: none
}
.MC_discoveryBHappyGhast.cursor__happyGhast__active>.MC_Cursors__custom {
z-index: 100000
}
.MC_discoveryBHappyGhast.cursor__happyGhast__active>.MC_Cursors__custom[mc_cursor_facing_x=right] .cursor__ghast__idle:after {
transform: scaleX(-1)
}
.MC_discoveryBHappyGhast.cursor__happyGhast__active.MC_Cursors__touch>.MC_Cursors__custom {
z-index: 200
}
.MC_discoveryBHappyGhast.cursor__happyGhast__active .MC_Animations_Ghast_Egg,
.MC_discoveryBHappyGhast.cursor__happyGhast__active .cursor__ghast__idle {
display: block
}
.MC_discoveryBHappyGhast.cursor__happyGhast__active .MC_Animations_Ghast_Container {
cursor: pointer
}
.MC_globalFooterA [data-country-code=US] {
display: none
}
[data-mc-ref=mc_resultGroupA] {
padding: 24px 60px 48px
}
.MC_resultGroupA {
margin: 0 auto;
max-width: 1800px
}
.MC_resultGroupA .MC_listingF {
grid-template-columns: repeat(6, minmax(280px, 348px));
margin: 0 !important;
padding: 0 !important
}
.MC_resultGroupA .MC_searchActionRowA {
flex-direction: row;
margin-bottom: 16px;
min-height: inherit !important;
padding: 0 !important
}
.MC_resultGroupA .MC_searchActionRowA_search-results {
align-self: center
}
.MC_resultGroupA_heading {
align-items: center;
display: flex;
flex: 1 0 0;
gap: 16px;
margin-bottom: 0
}
.MC_resultGroupA_resultCount {
color: var(--mc-core-grey-3);
font-family: var(--mc-legends-fontlist);
font-size: 1.25rem;
font-style: normal;
font-weight: 400;
line-height: 24px;
text-transform: capitalize
}
.MC_resultGroupA .MC_listingF_newsTile picture img {
width: 100%
}
.MC_resultGroupA .MC_listingF_newsTile picture {
aspect-ratio: unset;
min-height: unset;
overflow: visible
}
.MC_resultGroupA .MC_listingF_newsTile .MC_listingF_defaultImage {
aspect-ratio: 54/23
}
.MC_resultGroupA .MC_listingF_newsTile .MC_listingF_defaultImage img {
max-width: 125px;
width: 35%
}
.MC_resultGroupA .MC_listingF_newsTile .MC_listingF_body {
height: 100%
}
.MC_resultGroupA .MC_listingF_newsTile .MC_listingF_header_container {
height: unset
}
.MC_resultGroupA .MC_listingF_gameTile picture:not(.MC_listingF_defaultImage) img {
width: 100%
}
.MC_resultGroupA .MC_listingF_newsTile .MC_listingF_body,
.MC_resultGroupA .MC_listingF_newsTile .MC_listingF_container {
min-height: unset
}
[data-mc-ref=mc_resultGroupA].MC_Core_HeadingStyle[class*=MC_Theme_] .MC_Discovery_heading .MC_Heading_2 {
font-size: 3.5rem;
letter-spacing: -.015em;
line-height: 3.5rem
}
@media screen and (max-width:1920px) {
.MC_resultGroupA .MC_listingF {
grid-template-columns: repeat(4, minmax(280px, 348px))
}
.MC_resultGroupA .MC_listingF_marketplaceTile .MC_listingF_body {
min-height: calc(100% - 194px)
}
}
@media screen and (max-width:1312px) {
.MC_resultGroupA .MC_listingF {
grid-template-columns: repeat(3, minmax(280px, 348px))
}
}
@media screen and (max-width:1008px) {
.MC_resultGroupA .MC_listingF {
grid-template-columns: repeat(2, minmax(280px, 348px))
}
}
@media screen and (max-width:767.98px) {
[data-mc-ref=mc_resultGroupA] {
padding: 24px 24px 48px
}
}
@media screen and (max-width:623px) {
.MC_resultGroupA .MC_listingF {
grid-template-columns: repeat(1, minmax(280px, 348px))
}
.MC_searchActionRowA_action-container {
align-self: baseline
}
}
.MC_resultGroupA_listing:has(.MC_Animations_loadingIconA) {
align-items: center;
display: flex;
justify-content: center;
min-height: 200px
}
.MC_Hero_AnniversaryHeader_appWrapper .MC_modalA_contentPanel_text {
text-align: center
}
.MC_Hero_AnniversaryHeader_appWrapper .MC_modal_close {
background-color: rgba(0, 0, 0, .6);
padding: 7px
}
.MC_Hero_AnniversaryHeader_appWrapper .MC_modal_close:focus,
.MC_Hero_AnniversaryHeader_appWrapper .MC_modal_close:focus-visible {
box-shadow: 0 0 0 3px var(--mc-default-focus);
outline: 2px solid var(--mc-core-white)
}
#marketplaceCatalogApp {
min-height: 300px
}
#marketplaceCatalogApp .marketplaceCatalogApp_carousels {
padding-bottom: 48px
}
#marketplaceCatalogApp.MC_marketplaceCatalogApp_category .marketplaceCatalogApp_carousels [data-mc-ref=mc_carouselO] {
padding-left: 12px
}
@media screen and (min-width:576px) {
#marketplaceCatalogApp.MC_marketplaceCatalogApp_category .marketplaceCatalogApp_carousels [data-mc-ref=mc_carouselO] {
padding-left: 24px
}
}
@media screen and (min-width:767.98px) {
#marketplaceCatalogApp.MC_marketplaceCatalogApp_category .marketplaceCatalogApp_carousels [data-mc-ref=mc_carouselO] {
padding-left: 60px
}
}
@media screen and (min-width:1920.98px) {
#marketplaceCatalogApp.MC_marketplaceCatalogApp_category .marketplaceCatalogApp_carousels [data-mc-ref=mc_carouselO] {
padding-left: 16px
}
}
#marketplaceCreatorApp .MC_searchActionRowA_search-results [class*=MC_Heading] span:last-child:after,
#marketplaceCreatorApp .MC_searchActionRowA_search-results [class*=MC_Heading] span:last-child:before {
content: unset
}
.MC_marketplacePdpApp {
background-color: var(--mc-core-off-black);
min-height: 300px;
padding-bottom: 48px
}
.MC_marketplacePdpApp [data-mc-ref=mc_expandableA] {
padding: 0 60px
}
.MC_marketplacePdpApp .MC_ExpandableA_title {
padding-bottom: 24px;
padding-top: 24px
}
.MC_marketplacePdpApp .MC_ExpandableA,
.MC_marketplacePdpApp .MC_ExpandableA_title {
margin: 0 auto;
max-width: 1800px
}
.MC_marketplacePdpApp .MC_ExpandableA_content {
white-space: pre-line
}
@media screen and (max-width:767.98px) {
.MC_marketplacePdpApp [data-mc-ref=mc_expandableA] {
padding: 0 24px
}
}
@media screen and (max-width:576px) {
.MC_marketplacePdpApp [data-mc-ref=mc_expandableA] {
padding: 0 16px
}
}
.MC_marketplacePdpApp_textBannerB {
padding-top: 48px
}
@media screen and (max-width:1200px) {
.MC_marketplacePdpApp_textBannerB .MC_textBannerB {
max-width: 100%;
padding-left: 60px;
padding-right: 60px
}
}
@media screen and (max-width:767.98px) {
.MC_marketplacePdpApp_textBannerB .MC_textBannerB {
padding-left: 24px;
padding-right: 24px
}
}
@media screen and (max-width:576px) {
.MC_marketplacePdpApp_textBannerB .MC_textBannerB {
padding-left: 16px;
padding-right: 16px
}
}
@media (forced-colors:active) {
.MC_marketplacePdpApp .MC_Carousel :focus-visible {
outline-width: 3px
}
}
@media screen and (min-width:1920.98px) {
#MC_marketplacePdpApp_alsoLike .MC_CarouselO,
#MC_marketplacePdpApp_moreByCreator .MC_CarouselO {
--overflow-max: 1860px;
margin: 0;
margin-left: calc(50% - var(--overflow-max)/2);
max-width: calc(var(--overflow-max) + 50% - var(--overflow-max)/2)
}
#MC_marketplacePdpApp_alsoLike .MC_CarouselO .MC_Carousel_header,
#MC_marketplacePdpApp_moreByCreator .MC_CarouselO .MC_Carousel_header {
max-width: 1820px
}
}
@media screen and (max-width:1920px) {
.MC_marketplacePdpApp .MC_CarouselO .MC_Carousel_header_wrapper {
width: calc(100% - 60px)
}
}
@media screen and (max-width:767.98px) {
.MC_marketplacePdpApp .MC_CarouselO .MC_Carousel_header_wrapper {
width: calc(100% - 24px)
}
}
@media screen and (max-width:576px) {
.MC_marketplacePdpApp .MC_CarouselO .MC_Carousel_header_wrapper {
width: calc(100% - 16px)
}
}
#MC_SitewideSearchApp {
background-color: #171615
}
#MC_SitewideSearchApp .MC_TabsB {
margin: 0 auto;
max-width: 1800px;
padding-left: 0 !important;
padding-right: 0 !important;
padding-top: 32px !important
}
#MC_SitewideSearchApp .MC_TabsB[data-mc-logic=SearchTabBLogic] {
margin: 0 auto;
max-width: 1800px
}
#MC_SitewideSearchApp[data-tabindex="0"] .MC_searchActionRowA_search-results {
flex-basis: 100%;
flex: 1
}
#MC_SitewideSearchApp .MC_Animations_loadingIconA {
margin: 0;
padding: 64px 0;
text-align: center
}
#MC_SitewideSearchApp .MC_SiteSearch_noSearchTerm [data-mc-ref=mc_forms_searchActionRowA] {
display: none
}
#MC_SitewideSearchApp [data-mc-ref=mc_forms_searchActionRowA] {
position: relative;
z-index: 2
}
#MC_SitewideSearchApp.MC_SiteSearch_noSearchTerm[data-tabindex="0"] .MC_paginationB,
#MC_SitewideSearchApp.MC_SiteSearch_noSearchTerm[data-tabindex="0"] [data-mc-ref=mc_forms_searchActionRowA] {
display: none
}
#MC_SitewideSearchApp.MC_SiteSearch_noResultsReturned .MC_SiteSearch_noResults,
#MC_SitewideSearchApp.MC_SiteSearch_noSearchTerm[data-tabindex="0"] .MC_SiteSearch_noResults {
display: block
}
#MC_SitewideSearchApp .MC_SiteSearch_noResults,
#MC_SitewideSearchApp .MC_SiteSearch_panel_noResults {
display: none
}
#MC_SitewideSearchApp .MC_SiteSearch_noResults_header,
#MC_SitewideSearchApp .MC_SiteSearch_noSearchTerm_header {
margin: 0 auto;
max-width: 1800px;
padding: 48px 24px 24px;
text-align: center
}
#MC_SitewideSearchApp .MC_SiteSearch_noSearchTerm_header,
#MC_SitewideSearchApp.MC_SiteSearch_noSearchTerm[data-tabindex="0"] .MC_SiteSearch_noResults_header {
display: none
}
#MC_SitewideSearchApp.MC_SiteSearch_noSearchTerm[data-tabindex="0"] .MC_SiteSearch_noSearchTerm_header {
display: block
}
#MC_SitewideSearchApp .MC_Tabs_tabpanels_panel.MC_SiteSearch_panel_noResultsReturned {
padding-bottom: 0
}
#MC_SitewideSearchApp .MC_Tabs_tabpanels_panel.MC_SiteSearch_panel_noResultsReturned .MC_sitewideSearchListing {
display: none
}
#MC_SitewideSearchApp [data-mc-ref=mc_discovery_discoveryA] {
padding-bottom: 64px
}
#MC_SitewideSearchApp .MC_SiteSearch_noResults_filterMsg,
#MC_SitewideSearchApp.MC_SiteSearch_noResults_FilterApplied .MC_SiteSearch_noResults_defaultMsg {
display: none
}
#MC_SitewideSearchApp.MC_SiteSearch_noResults_FilterApplied .MC_SiteSearch_noResults_filterMsg {
display: block
}
#MC_SitewideSearchApp.MC_SiteSearch_noSearchTerm[data-tabindex="0"] .MC_TabsB .MC_Tabs_tabpanels_panel {
padding-bottom: 24px
}
#MC_SitewideSearchApp.MC_SiteSearch_noResultsReturned [data-mc-ref=mc_grids_imageGridA] {
display: block
}
#MC_SitewideSearchApp.MC_SiteSearch_noSearchTerm[data-tabindex="0"] [data-mc-ref=mc_grids_imageGridA] {
display: none
}
#MC_SitewideSearchApp [class*=MC_SearchApp_Icon-] {
display: inline-block;
height: 24px;
width: 25px
}
#MC_SitewideSearchApp .MC_SearchApp_Icon-explore {
background: var(--mc-environment-pickaxe_icon_svg-25x24)
}
#MC_SitewideSearchApp .MC_Tabs_tablist_tab[aria-selected=true] .MC_SearchApp_Icon-explore {
background: var(--mc-environment-pickaxe_icon_svg_hover-25x24)
}
#MC_SitewideSearchApp .MC_SearchApp_Icon-games {
background: var(--mc-environment-chest_icon_svg-25x24)
}
#MC_SitewideSearchApp .MC_Tabs_tablist_tab[aria-selected=true] .MC_SearchApp_Icon-games {
background: var(--mc-environment-chest_icon_svg_hover-25x24)
}
#MC_SitewideSearchApp .MC_SearchApp_Icon-marketplace {
background: var(--mc-environment-marketplace_icon_svg-25x24)
}
#MC_SitewideSearchApp .MC_Tabs_tablist_tab[aria-selected=true] .MC_SearchApp_Icon-marketplace {
background: var(--mc-environment-marketplace_icon_svg_hover-25x24)
}
#MC_SitewideSearchApp .MC_SearchApp_Icon-news {
background: var(--mc-environment-news_icon_svg-25x24)
}
#MC_SitewideSearchApp .MC_Tabs_tablist_tab[aria-selected=true] .MC_SearchApp_Icon-news {
background: var(--mc-environment-news_icon_svg_hover-25x24)
}
#MC_SitewideSearchApp .MC_SearchApp_Icon-community {
background: var(--mc-environment-community_icon_svg-25x24)
}
#MC_SitewideSearchApp .MC_Tabs_tablist_tab[aria-selected=true] .MC_SearchApp_Icon-community {
background: var(--mc-environment-community_icon_svg_hover-25x24)
}
#MC_SitewideSearchApp .MC_SearchApp_Icon-support {
background: var(--mc-environment-support_icon_svg-25x24)
}
#MC_SitewideSearchApp .MC_Tabs_tablist_tab[aria-selected=true] .MC_SearchApp_Icon-support {
background: var(--mc-environment-support_icon_svg_hover-25x24)
}
@media screen and (min-width:1440.98px) and (max-width:1865px) {
#MC_SitewideSearchApp .MC_listingF_marketplaceTile .MC_listingF_body {
min-height: calc(100% - 178px)
}
}
#MC_SitewideSearchApp #MC_textMonitor {
display: inline-block;
visibility: hidden
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
#MC_SitewideSearchApp [class*=MC_SearchApp_Icon-] {
filter: invert(1)
}
}