@charset "UTF-8";

/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block
}

audio, canvas, video {
	display: inline-block
}

audio:not([controls]) {
	display: none;
	height: 0
}

[hidden], template {
	display: none
}

html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

body, html {
	height: auto
}

body {
	margin: 0
}

.Modal-title, blockquote, body, caption, dd, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, html, iframe, img, label, legend, li, object, ol, p, pre, span, strong, table, tbody, td, tfoot, th, thead, tr, ul {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0
}

a {
	background: transparent
}

a:active, a:focus, a:hover {
	outline: 0
}

h1 {
	font-size: 2em;
	margin: .67em 0
}

abbr[title] {
	border-bottom: 1px dotted
}

dfn {
	font-style: italic
}

hr {
	box-sizing: content-box;
	height: 0
}

mark {
	background: #ff0
}

code, kbd, pre, samp {
	font-family: monospace, serif;
	font-size: 1em
}

pre {
	white-space: pre-wrap
}

q {
	quotes: "“" "”" "‘" "’"
}

small {
	font-size: 80%
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

img {
	border: 0
}

svg:not(:root) {
	overflow: hidden
}

figure {
	margin: 0
}

fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}

legend {
	border: 0;
	padding: 0
}

button, input, select, textarea {
	font-family: inherit;
	font-size: 100%;
	margin: 0
}

button, input {
	line-height: normal
}

button, select {
	text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}

button[disabled], html input[disabled] {
	cursor: default
}

input[type=checkbox], input[type=radio] {
	box-sizing: border-box;
	padding: 0
}

input[type=search] {
	-webkit-appearance: textfield;
	box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0
}

textarea {
	overflow: auto;
	vertical-align: top
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

.Tab-nav {
	display: -webkit-box;
	display: -webkit-flexbox;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-flex-pack: justify;
	-ms-flex-pack: justify;
	-moz-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-moz-align-items: center;
	align-items: center
}

.h1, .h2, .h3, .h4, .h5, .h6, .Modal-title, .u-pullLeft, .u-pullRight, h1, h2, h3, h4, h5, h6 {
	*zoom: 1
}

.h1:after, .h1:before, .h2:after, .h2:before, .h3:after, .h3:before, .h4:after, .h4:before, .h5:after, .h5:before, .h6:after, .h6:before, .Modal-title:after, .Modal-title:before, .u-pullLeft:after, .u-pullLeft:before, .u-pullRight:after, .u-pullRight:before, h1:after, h1:before, h2:after, h2:before, h3:after, h3:before, h4:after, h4:before, h5:after, h5:before, h6:after, h6:before {
	display: table;
	content: "";
	line-height: 0
}

.h1:after, .h2:after, .h3:after, .h4:after, .h5:after, .h6:after, .Modal-title:after, .u-pullLeft:after, .u-pullRight:after, h1:after, h2:after, h3:after, h4:after, h5:after, h6:after {
	clear: both
}

b, strong {
	font-weight: 700
}

.Breadcrumb-item--last a {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

* {
	box-sizing: border-box
}

body {
	min-width: 0;
	color: #000;
	font: 14px/1.5 Open Sans, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: 200;
	background: #071122
}

@media (min-width:60em) {
	body {
		font-size: 16px
	}

}

.wrapper {
	overflow-x: hidden;
	min-height: 100%;
	width: 100%;
	max-width: 2600px;
	margin: 0 auto
}

.main-container {
	position: relative;
	transition: -webkit-transform .2s ease;
	transition: transform .2s ease;
	transition: transform .2s ease, -webkit-transform .2s ease;
	overflow: hidden
}

.mobile-nav-is-out .main-container {
	-webkit-transform: translate(70%);
	-ms-transform: translate(70%);
	transform: translate(70%)
}

@media (min-width:60em) {
	.mobile-nav-is-out .main-container {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}

}

.explore-nav-is-out .main-container {
	-webkit-transform: translate(-70%);
	-ms-transform: translate(-70%);
	transform: translate(-70%)
}

@media (min-width:60em) {
	.explore-nav-is-out .main-container {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}

}

@media (min-width:60em) {
	.main-container .nav-client .nav-mobile-menu-wrap {
		display: none
	}

}

.main-container .nav-client .nav-mobile-menu-wrap.right {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-o-transform: translateX(100%)
}

.main-container .nav-client .nav-mobile-menu-wrap.left {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-o-transform: translateX(-100%)
}

.main-container .nav-client .nav-mobile-menu-wrap.left .nav-remove-icon {
	background-size: auto
}

.main-container .nav-client .nav-mobile-menu-wrap.out {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-o-transform: translateX(0)
}

a:hover {
	text-decoration: underline
}

img, picture, video {
	max-width: 100%
}

.grid-container {
	padding: 0
}

.announcement-bar .announcement-bar-inner {
	max-width: 995px;
	width: 100%
}

.full-width {
	width: 100%
}

.grid-50 {
	width: 50%;
	display: inline-block
}

@media (min-width:40em) {
	.grid-20--sm {
		float: left;
		width: 20%
	}

	.grid-25--sm {
		float: left;
		width: 25%
	}

	.grid-33--sm {
		float: left;
		width: 33.33%
	}

	.grid-50--sm {
		width: 50%;
		display: inline-block
	}

}

@media (min-width:60em) {
	.grid-25--md {
		float: left;
		width: 25%
	}

	.grid-33--md {
		float: left;
		width: 33.33%
	}

	.grid-40--md {
		width: 40%;
		float: left
	}

	.grid-50--md {
		width: 50%;
		float: left
	}

	.grid-60--md {
		width: 60%;
		float: left
	}

	.grid-66--md {
		width: 66.66%;
		float: left
	}

	.grid-75--md {
		width: 75%;
		float: left
	}

}

.dark-link {
	color: #000
}

.dark-link:hover {
	color: #e22c14
}

@media (min-width:40em) {
	.hide-video--sm {
		display: none
	}

}

.is-fullscreen .hide-video--sm {
	display: block !important
}

.gradient-border {
	background-image: linear-gradient(180deg, #622f15, #a4630d);
	padding: 2px
}

.oh {
	overflow: hidden
}

.invisible {
	visibility: hidden !important
}

.footnote {
	font-style: italic;
	font-size: 80%
}

.unstyled-button {
	background: none;
	border: none;
	padding: 0;
	margin: 0
}

.extendFull, .extendFull--md, .extendLeft {
	padding-left: 720px;
	margin-left: -720px
}

.extendFull, .extendFull--md, .extendRight {
	padding-right: 720px;
	margin-right: -720px
}

.blog-article .page-body, .esports .page-body, .expansions .page-body {
	background: transparent url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/subpage-body-bg.png) 50% 0 no-repeat;
	padding-top: 2rem
}

.content-wrapper {
	padding: 0 1rem
}

.visually-hidden {
	position: absolute;
	visibility: hidden
}

.clearfix, .Modal-footer, .Modal-header {
	*zoom: 1
}

.clearfix:after, .clearfix:before, .Modal-footer:after, .Modal-footer:before, .Modal-header:after, .Modal-header:before {
	content: " ";
	display: table;
	visibility: hidden;
	line-height: 0
}

.clearfix:after, .Modal-footer:after, .Modal-header:after {
	clear: both
}

.FullContentWrapper {
	width: 100%;
	overflow: hidden
}

.FullContentWrapper.FullContentWrapper--screenshots {
	padding-bottom: 22px;
	margin-bottom: -22px
}

.ContentSection {
	position: relative;
	margin: 0 auto;
	padding: 0 1em;
	width: 100%;
	max-width: 986px
}

@media (min-width:72.5em) {
	.ContentSection {
		max-width: 1160px
	}

}

@media (min-width:60em) {
	.ContentSection--narrow {
		padding: 0 5rem
	}

}

hr {
	margin: 1.5em 0;
	overflow: hidden;
	background-color: rgba(114, 90, 55, .3);
	height: 1px;
	border: 0 none;
	width: 100%;
	margin: 1.5rem auto
}

.DividerImage {
	position: relative;
	background-repeat: repeat-x;
	background-position: top;
	background-size: initial;
	background-color: transparent
}

.DividerImage--double {
	width: 100%;
	height: 15px;
	opacity: .3;
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/content-separator-02-379f0809e006333a3c744f41c3e0b219984d72364d338d676cfb2ab0d11130244ae88030cdb51935813d144b10df6585195b60849b321cda277da93869e4c472.png);
	border-radius: 12px 12px 0 0
}

.DividerImage--detailed {
	width: 100%;
	height: 12px;
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/divider-detailed-f0bd63f5883922867c1aa2bf24d7a099a4515bbec3db0ab8e1067ac660cfdab97ed1619874299fd9eca190b6c85bd94ee6b9dc197100c3c4d593426eabbd4bf5.png)
}

@media (min-width:40em) {
	.DividerImage--detailed {
		background-size: contain
	}

}

.DividerImage--doubleDetailed {
	width: 100%;
	height: 34px;
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/divider-double-detailed-88ff14e86f36a9f807c3695261d196ba153c946ebecd73c92550c66368ac8685b4417f83ba0f91b8d42fc1babfa371303f7ebfa06711852b14e34c51ee4c004f.png)
}

@media (min-width:40em) {
	.DividerImage--doubleDetailed {
		background-size: contain
	}

}

.DividerImage--doubleHS {
	width: 100%;
	height: 41px;
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/divider-hs-f1b9bc5c9fcb02c6ab97752735aa46c8b0e65d63753d40d4c46fcf885217595e396539b0d3d206f96a7c7ba0d327e447c2c3a5a49062f8275c542f9f83811b7a.png)
}

@media (min-width:40em) {
	.DividerImage--doubleHS {
		background-size: contain
	}

}

.DividerImage--pageDivider {
	height: 68px;
	width: 200%;
	-webkit-transform: translateX(-26.075%);
	-ms-transform: translateX(-26.075%);
	transform: translateX(-26.075%);
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/card-background-top-9da025a83c7db60699e626dfdf475bf6e737f80bf971b59acb7118711915d6c0febc033ce1d047d0ef96e1fdcf5b314cc261a2ebd08a8c66442dec8c6e3f1edb.png);
	background-repeat: no-repeat
}

.DividerImage--pageDivider.is-flipped {
	-webkit-transform: rotate(180deg) translateX(23.915%);
	-ms-transform: rotate(180deg) translateX(23.915%);
	transform: rotate(180deg) translateX(23.915%)
}

.DividerImage--fadedSmall {
	height: 21px;
	width: 200%;
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/faded-divider-small-22da551c088a48a9dc2f2a5489cfb28ae69e44e3864326df85586d6257b4d88225a9c768c7e05473942deecd4b5fd6ff6ec14ef244d74e882bd51a91979691e2.png);
	background-repeat: no-repeat
}

.DividerImage--fadedSmall, .DividerImage--selectorDivider {
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}

.DividerImage--selectorDivider {
	height: 11px;
	width: 100%;
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/selectordivider-e226f3d2c234b678a25bca65fcfa257e6df98812c7bce2b874e6591e59ebdd44f75cbf9940e1bd61f6e35e1aedd5d2826f0c0f47beab534c81dd8dbece79361c.png)
}

.PageDivider {
	width: 100%;
	height: 96px;
	position: relative;
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/backgrounddividers2-2fd3b0661eb41afcf8e2482249ba6585ee588c25ae760de42ab20cfcc65523815b35624ff88df1815982971adb8c567a3fc6b3f8a170cdb192b313e24d7bbbc2.png);
	background-position: center -2px
}

.PageDivider--top {
	height: 96px;
	margin-bottom: -58px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.PageDivider--top.is-folded {
	width: calc(100% - 20px - 75px);
	margin-left: 20px
}

.PageDivider--top.is-folded:after, .PageDivider--top.is-folded:before {
	content: "";
	top: 0;
	height: 100%;
	position: absolute;
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/backgrounddividers2-2fd3b0661eb41afcf8e2482249ba6585ee588c25ae760de42ab20cfcc65523815b35624ff88df1815982971adb8c567a3fc6b3f8a170cdb192b313e24d7bbbc2.png)
}

.PageDivider--top.is-folded:before {
	left: -20px;
	width: 60px;
	background-position: left -106px
}

.PageDivider--top.is-folded:after {
	right: -75px;
	width: 120px;
	background-position: right -106px
}

@media (min-width:60em) {
	.PageDivider--top {
		margin-bottom: -54px
	}

}

.PageDivider--bottom {
	height: 76px;
	margin-top: -32px;
	-webkit-transform: rotate(180deg) translateY(-50%);
	-ms-transform: rotate(180deg) translateY(-50%);
	transform: rotate(180deg) translateY(-50%);
	z-index: 1
}

.PageDivider--bottom.is-folded {
	width: calc(100% - 20px);
	margin-left: 20px
}

.PageDivider--bottom.is-folded:before {
	content: "";
	top: 0;
	height: 100%;
	position: absolute;
	right: -20px;
	width: 60px;
	-webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1);
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/backgrounddividers2-2fd3b0661eb41afcf8e2482249ba6585ee588c25ae760de42ab20cfcc65523815b35624ff88df1815982971adb8c567a3fc6b3f8a170cdb192b313e24d7bbbc2.png);
	background-position: left -106px
}

.h1, h1 {
	font-size: 3em;
	line-height: 1;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	color: #233a6e;
	font-weight: 700
}

.h1, .h1 .small, .h1 small, .h2, h1, h1 .small, h1 small, h2 {
	text-transform: none
}

.h2, h2 {
	font-size: 2em;
	line-height: 1;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	color: #233a6e;
	font-weight: 700
}

.h2 .small, .h2 small, .h3, h2 .small, h2 small, h3 {
	text-transform: none
}

.h3, h3 {
	font-size: 1.75em;
	line-height: 1;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	color: #233a6e;
	font-weight: 700
}

.h3 .small, .h3 small, h3 .small, h3 small {
	text-transform: none
}

.h4, .Modal-title, h4 {
	font-size: 1.375em;
	line-height: 1;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	color: #233a6e;
	font-weight: 700;
	text-transform: none
}

.h4 .small, .h4 small, .h5, .Modal-title .small, .Modal-title small, h4 .small, h4 small, h5 {
	text-transform: none
}

.h5, h5 {
	font-size: 1.125em;
	line-height: 1;
	color: #233a6e;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	font-weight: 700
}

.h5 .small, .h5 small, .h6, h5 .small, h5 small, h6 {
	text-transform: none
}

.h6, h6 {
	font-size: 1.125em;
	line-height: 1;
	color: #233a6e;
	font-weight: 700
}

.h6 .small, .h6 small, h6 .small, h6 small {
	text-transform: none
}

.h1, .h2, .h3, .h4, .h5, .h6, .Modal-title, h1, h2, h3, h4, h5, h6 {
	margin-top: .15em;
	margin-bottom: .15em;
	display: block
}

.h1 .Heading--small, .h1 small, .h2 .Heading--small, .h2 small, .h3 .Heading--small, .h3 small, .h4 .Heading--small, .h4 small, .h5 .Heading--small, .h5 small, .h6 .Heading--small, .h6 small, .Modal-title .Heading--small, .Modal-title small, h1 .Heading--small, h1 small, h2 .Heading--small, h2 small, h3 .Heading--small, h3 small, h4 .Heading--small, h4 small, h5 .Heading--small, h5 small, h6 .Heading--small, h6 small {
	color: #725a37;
	font-size: 75%;
	display: block
}

.h1.Heading--bulleted, .h2.Heading--bulleted, .h3.Heading--bulleted, .h4.Heading--bulleted, .h5.Heading--bulleted, .h6.Heading--bulleted, .Heading--bulleted.Modal-title, h1.Heading--bulleted, h2.Heading--bulleted, h3.Heading--bulleted, h4.Heading--bulleted, h5.Heading--bulleted, h6.Heading--bulleted {
	padding: 0 0 0 1.2em;
	background: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/list-bullet-47ba97e0da58d8e30ad19d3c507e07652ba07cddcb3ff4e0ac5e958fdc8f81b51daf01b791838202cdcb55aa2b0889a02ba526d3a58792172b409e59156c5b8e.png) no-repeat 0;
	background-size: contain
}

.h1.Heading--bulleted, h1.Heading--bulleted {
	padding-left: 1em;
	background-size: 38px
}

.Heading--underlined {
	padding-bottom: .25em;
	border-bottom: 1px solid rgba(114, 90, 55, .3)
}

code {
	font-family: Menlo, Monaco, Consolas, Courier New, monospace;
	background-color: rgba(116, 50, 0, .1);
	padding: 2px 4px;
	font-size: .8em;
	border-radius: 3px;
	margin: 0 2px
}

code, mark {
	color: #000
}

mark {
	background-color: #d7bb93;
	padding: 0 .5em
}

em, i {
	font-style: italic
}

@media (min-width:60em) {
	abbr[title] {
		border-bottom: 1px dotted rgba(0, 0, 0, .7);
		cursor: help
	}

}

abbr[title]:after {
	font-size: 75%;
	color: rgba(0, 0, 0, .7);
	content: "("attr(title) ") "
}

@media (min-width:60em) {
	abbr[title]:after {
		content: ""
	}

}

sup {
	vertical-align: super
}

sub, sup {
	color: rgba(0, 0, 0, .7);
	font-size: 75%
}

sub {
	vertical-align: baseline
}

a {
	color: #e22c14;
	font-weight: 700;
	text-decoration: none
}

a:active, a:focus, a:hover {
	text-decoration: underline;
	outline: 0 none;
	outline-offset: 0
}

a.Button.is-disabled, fieldset[disabled] a.Button {
	pointer-events: none
}

.Navbar a, .NavbarFooter a {
	font-weight: 400
}

ol, ul {
	padding-left: 1.5rem;
	margin-bottom: 1.5rem;
	margin-top: 0;
	font-size: 14px;
	line-height: 1.75
}

ol ol, ol ul, ul ol, ul ul {
	margin-bottom: 0
}

ol ol, ul ol {
	list-style: lower-roman
}

ul {
	list-style: square
}

ol {
	list-style: decimal
}

ol ul, ul ul {
	list-style-type: circle
}

.List--inline, .List--unstyled {
	padding-left: 0;
	list-style: none
}

.List--inline {
	margin-left: -5px
}

.List--inline>li {
	position: relative;
	display: inline-block;
	padding-left: 5px;
	padding-right: 5px
}

.List--image {
	padding-left: 0;
	list-style: none
}

.List--image li {
	position: relative;
	padding-left: 1.35em;
	display: block
}

.List--image li:before {
	content: " ";
	display: inline-block;
	text-indent: -9999px
}

.List--image ul {
	list-style: disc;
	padding-left: 1.75em
}

.List--image ul li {
	display: list-item;
	padding: 0
}

.List--image ul li:before {
	display: none
}

.List--mana li:before {
	position: absolute;
	top: 6px;
	left: 0;
	width: 13px;
	height: 13px;
	background: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/list-bullet-47ba97e0da58d8e30ad19d3c507e07652ba07cddcb3ff4e0ac5e958fdc8f81b51daf01b791838202cdcb55aa2b0889a02ba526d3a58792172b409e59156c5b8e.png) no-repeat 0 0;
	background-size: contain
}

p {
	margin-top: 0;
	margin-bottom: 1.5rem
}

p.Lead {
	font-size: 1.125em;
	line-height: 1.5;
	font-family: Palatino Linotype, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif;
	font-weight: 200;
	color: inherit
}

.organizer-form__input {
	font-size: 1.25em;
	outline: none;
	padding: .5em 1em;
	width: 100%;
	height: 100%;
	border-radius: .25rem;
	background: #fff;
	background: linear-gradient(#f2eee8, #fffcf6);
	box-shadow: 0 .15rem .15rem rgba(156, 118, 70, .3);
	border: .125em solid #f9f7f0;
	color: #7c674a
}

.organizer-form__input:focus {
	border-color: #fdd432
}

.organizer-form__input:disabled {
	box-shadow: inset 0 0 .2rem rgba(162, 123, 75, .3);
	background: fade(#cbb27b, 50%);
	border-color: #cbb27b
}

.organizer-form__input.organizer-form__input--error {
	border-color: #d46122;
	border-width: .25rem;
	padding: .375rem .875rem
}

.organizer-form__input::-webkit-input-placeholder {
	color: #c0bbb3;
	font-style: italic
}

.organizer-form__input:-ms-input-placeholder {
	color: #c0bbb3;
	font-style: italic
}

.organizer-form__input::placeholder {
	color: #c0bbb3;
	font-style: italic
}

.u-centerBlock, .u-pullLeft, .u-pullRight {
	display: block;
	margin-left: auto;
	margin-right: auto
}

.u-centerBlock img, .u-pullLeft img, .u-pullRight img {
	width: 100%;
	margin-left: auto;
	margin-right: auto
}

.u-pullLeft {
	float: none
}

@media (min-width:40em) {
	.u-pullLeft {
		*zoom: 1;
		margin: 0 1.5rem 0 0;
		float: left;
		display: inline
	}

	.u-pullLeft:after, .u-pullLeft:before {
		display: table;
		content: "";
		line-height: 0
	}

	.u-pullLeft:after {
		clear: both
	}

}

.u-pullRight {
	float: none
}

@media (min-width:40em) {
	.u-pullRight {
		*zoom: 1;
		margin: 0 0 0 1.5rem;
		float: right;
		display: inline
	}

	.u-pullRight:after, .u-pullRight:before {
		display: table;
		content: "";
		line-height: 0
	}

	.u-pullRight:after {
		clear: both
	}

}

@media (min-width:40em) {
	.pull-left--sm {
		float: left
	}

	.pull-right--sm {
		float: right
	}

}

@media (min-width:60em) {
	.pull-left--md {
		float: left
	}

	.pull-right--md {
		float: right
	}

}

[class*=u-vertical] {
	display: inline-block
}

.u-verticalTop {
	vertical-align: top
}

.u-verticalBottom {
	vertical-align: bottom
}

.u-verticalMiddle {
	vertical-align: middle
}

.collapse {
	display: none
}

.collapse.in {
	display: block
}

tr.collapse.in {
	display: table-row
}

tbody.collapse.in {
	display: table-row-group
}

.collapsing {
	position: relative;
	height: 0;
	overflow: hidden;
	transition-property: height, visibility;
	transition-duration: .35s;
	transition-timing-function: ease
}

.u-platformAndroidOnly, .u-platformIos .u-platformEvergreenOnly, .u-platformIosOnly {
	display: none
}

.u-platformIos .u-platformIosOnly {
	display: initial
}

.u-platformAndroid .u-platformEvergreenOnly {
	display: none
}

.u-platformAndroid .u-platformAndroidOnly {
	display: initial
}

[class*=u-show--] {
	display: none !important
}

@media (min-width:25em) {
	.u-show--xxs {
		display: block !important
	}

	table.u-show--xxs {
		display: table !important
	}

	tr.u-show--xxs {
		display: table-row !important
	}

	td.u-show--xxs, th.u-show--xxs {
		display: table-cell !important
	}

}

@media (min-width:25em) {
	.u-hide--xxs {
		display: none !important
	}

}

@media (max-width:29.99em) {
	.u-show--xxs-only {
		display: block !important
	}

	table.u-show--xxs-only {
		display: table !important
	}

	tr.u-show--xxs-only {
		display: table-row !important
	}

	td.u-show--xxs-only, th.u-show--xxs-only {
		display: table-cell !important
	}

}

@media (max-width:29.99em) {
	.u-hide--xxs-only {
		display: none !important
	}

}

@media (min-width:30em) {
	.u-show--xs {
		display: block !important
	}

	table.u-show--xs {
		display: table !important
	}

	tr.u-show--xs {
		display: table-row !important
	}

	td.u-show--xs, th.u-show--xs {
		display: table-cell !important
	}

}

@media (min-width:30em) {
	.u-hide--xs {
		display: none !important
	}

}

@media (max-width:39.99em) {
	.u-show--xs-only {
		display: block !important
	}

	table.u-show--xs-only {
		display: table !important
	}

	tr.u-show--xs-only {
		display: table-row !important
	}

	td.u-show--xs-only, th.u-show--xs-only {
		display: table-cell !important
	}

}

@media (max-width:39.99em) {
	.u-hide--xs-only {
		display: none !important
	}

}

@media (min-width:40em) {
	.u-show--sm {
		display: block !important
	}

	table.u-show--sm {
		display: table !important
	}

	tr.u-show--sm {
		display: table-row !important
	}

	td.u-show--sm, th.u-show--sm {
		display: table-cell !important
	}

}

@media (min-width:40em) {
	.u-hide--sm {
		display: none !important
	}

}

@media (max-width:59.99em) {
	.u-show--sm-only {
		display: block !important
	}

	table.u-show--sm-only {
		display: table !important
	}

	tr.u-show--sm-only {
		display: table-row !important
	}

	td.u-show--sm-only, th.u-show--sm-only {
		display: table-cell !important
	}

}

@media (max-width:59.99em) {
	.u-hide--sm-only {
		display: none !important
	}

}

@media (min-width:60em) {
	.u-show--md {
		display: block !important
	}

	table.u-show--md {
		display: table !important
	}

	tr.u-show--md {
		display: table-row !important
	}

	td.u-show--md, th.u-show--md {
		display: table-cell !important
	}

}

@media (min-width:60em) {
	.u-hide--md {
		display: none !important
	}

}

@media (max-width:72.49em) {
	.u-show--md-only {
		display: block !important
	}

	table.u-show--md-only {
		display: table !important
	}

	tr.u-show--md-only {
		display: table-row !important
	}

	td.u-show--md-only, th.u-show--md-only {
		display: table-cell !important
	}

}

@media (max-width:72.49em) {
	.u-hide--md-only {
		display: none !important
	}

}

@media (min-width:72.5em) {
	.u-show--lg {
		display: block !important
	}

	table.u-show--lg {
		display: table !important
	}

	tr.u-show--lg {
		display: table-row !important
	}

	td.u-show--lg, th.u-show--lg {
		display: table-cell !important
	}

}

@media (min-width:72.5em) {
	.u-hide--lg {
		display: none !important
	}

}

.u-textLightPurple {
	color: #bc22c7
}

.u-textDarkPurple {
	color: #5c1096
}

.u-textLightBlue {
	color: #456eb8
}

.u-textDarkBlue {
	color: #233a6e
}

.u-textLightBrown {
	color: #d7bb93
}

.u-textMediumBrown {
	color: #725a37
}

.u-textDarkBrown {
	color: #170d02
}

.u-textOrange {
	color: #f16b3f
}

.u-textRed {
	color: #e22c14
}

.u-textYellow {
	color: #fcd144
}

.u-textWhite {
	color: #fff
}

.u-textBlack {
	color: #000
}

.u-type {
	text-rendering: optimizeLegibility;
	line-height: 1;
	margin-top: 0
}

.u-textUppercase {
	text-transform: uppercase
}

.u-textLowercase {
	text-transform: lowercase
}

.u-textCapitalize {
	text-transform: capitalize
}

.u-textReset {
	text-transform: none
}

.u-textLeft {
	text-align: left
}

.u-textRight {
	text-align: right
}

.u-textCenter {
	text-align: center
}

.u-textJustify {
	text-align: justify
}

.u-textNowrap {
	white-space: nowrap
}

.body-text, .u-textBold {
	font-family: Open Sans Semibold, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display Bold, Tahoma, Verdana, Arial, Helvetica, sans-serif
}

.u-noBorder {
	border: 0 none !important
}

.u-noShadow {
	box-shadow: none !important
}

.u-noMarginTop {
	margin-top: 0 !important
}

.u-noMarginLeft {
	margin-left: 0 !important
}

.u-noMarginright {
	margin-right: 0 !important
}

.u-noMarginBottom {
	margin-bottom: 0 !important
}

.u-hide {
	display: none
}

.Icon:before {
	content: "";
	display: inline-block;
	vertical-align: middle
}

.Icon.no-hover {
	pointer-events: none
}

.Icon.is-rotated--left:before {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}

.Icon.is-rotated--right:before {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg)
}

.Icon.is-rotated--180:before {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.Icon.is-animated--up {
	transition: all .15s ease-out
}

.Icon.is-animated--up:hover {
	-webkit-transform: translateY(-2px);
	-ms-transform: translateY(-2px);
	transform: translateY(-2px)
}

.Icon.is-animated--down {
	transition: all .15s ease-out
}

.Icon.is-animated--down:hover {
	-webkit-transform: translateY(2px);
	-ms-transform: translateY(2px);
	transform: translateY(2px)
}

.Icon.is-animated--left {
	transition: all .15s ease-out
}

.Icon.is-animated--left:hover {
	-webkit-transform: translateX(-2px);
	-ms-transform: translateX(-2px);
	transform: translateX(-2px)
}

.Icon.is-animated--right {
	transition: all .15s ease-out
}

.Icon.is-animated--right:hover {
	-webkit-transform: translateX(2px);
	-ms-transform: translateX(2px);
	transform: translateX(2px)
}

.Icon--arrowBlack:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -313px -187px;
	width: 12px;
	height: 12px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--arrowBlack:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}

}

.Icon--arrowDarkBlue:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -313px -229px;
	width: 12px;
	height: 12px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--arrowDarkBlue:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}

}

.Icon--arrowDarkBrown:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -313px -201px;
	width: 12px;
	height: 12px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--arrowDarkBrown:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}

}

.Icon--arrowDarkPurple:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -313px -215px;
	width: 12px;
	height: 12px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--arrowDarkPurple:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}

}

.Icon--arrowLightBlue:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -313px -243px;
	width: 12px;
	height: 12px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--arrowLightBlue:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}

}

.Icon--arrowLightBrown:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -313px -89px;
	width: 12px;
	height: 12px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--arrowLightBrown:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}

}

.Icon--arrowLightPurple:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -313px -103px;
	width: 12px;
	height: 12px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--arrowLightPurple:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}

}

.Icon--arrowMediumBrown:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -313px -117px;
	width: 12px;
	height: 12px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--arrowMediumBrown:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}

}

.Icon--arrowOrange:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -313px -131px;
	width: 12px;
	height: 12px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--arrowOrange:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}

}

.Icon--arrowRed:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -313px -145px;
	width: 12px;
	height: 12px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--arrowRed:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}

}

.Icon--arrowWhite:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -313px -159px;
	width: 12px;
	height: 12px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--arrowWhite:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}

}

.Icon--arrowYellow:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -313px -173px;
	width: 12px;
	height: 12px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--arrowYellow:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}

}

.Icon--checkmarkGreen:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -266px -220px;
	width: 30px;
	height: 30px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--checkmarkGreen:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}

}

.Icon--downloadLightBrown:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -313px -44px;
	width: 13px;
	height: 13px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--downloadLightBrown:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}

}

.Icon--downloadRed:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -313px -59px;
	width: 13px;
	height: 13px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--downloadRed:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}

}

.Icon--downloadWhite:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -313px -74px;
	width: 13px;
	height: 13px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--downloadWhite:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}

}

.Icon--hideBlack:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -233px -204px;
	width: 26px;
	height: 26px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--hideBlack:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}

}

.Icon--hideDarkBlue:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -158px -164px;
	width: 26px;
	height: 26px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--hideDarkBlue:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}

}

.Icon--hideDarkBrown:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -130px -164px;
	width: 26px;
	height: 26px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--hideDarkBrown:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}

}

.Icon--hideLightBrown:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -102px -164px;
	width: 26px;
	height: 26px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--hideLightBrown:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}

}

.Icon--hideLightGrey:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -164px -130px;
	width: 26px;
	height: 26px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--hideLightGrey:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}

}

.Icon--hideMediumBrown:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -164px -102px;
	width: 26px;
	height: 26px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--hideMediumBrown:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}

}

.Icon--hideWhite:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -56px -266px;
	width: 26px;
	height: 26px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--hideWhite:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}

}

.Icon--hsCheckGreen:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -124px -204px;
	width: 60px;
	height: 60px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--hsCheckGreen:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}

}

.Icon--hsCheckGreenHover:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -62px -204px;
	width: 60px;
	height: 60px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--hsCheckGreenHover:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}

}

.Icon--hsCheckGrey:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: 0 -204px;
	width: 60px;
	height: 60px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--hsCheckGrey:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}

}

.Icon--hsCircle:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: 0 0;
	width: 100px;
	height: 100px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--hsCircle:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}

}

.Icon--hsCircleGrey:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: 0 -102px;
	width: 100px;
	height: 100px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--hsCircleGrey:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}

}

.Icon--hsCircleHover:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -102px 0;
	width: 100px;
	height: 100px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--hsCircleHover:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}

}

.Icon--hsFsgRose:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -204px 0;
	width: 60px;
	height: 60px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--hsFsgRose:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}

}

.Icon--hsFsgRoseHover:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -102px -102px;
	width: 60px;
	height: 60px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--hsFsgRoseHover:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}

}

.Icon--hsSecret:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -204px -124px;
	width: 60px;
	height: 60px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--hsSecret:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}

}

.Icon--hsSecretHover:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -204px -62px;
	width: 60px;
	height: 60px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--hsSecretHover:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}

}

.Icon--pencilBlack:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -313px 0;
	width: 20px;
	height: 20px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--pencilBlack:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}

}

.Icon--pencilDarkBrown:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -290px -266px;
	width: 20px;
	height: 20px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--pencilDarkBrown:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}

}

.Icon--pencilLightBrown:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -268px -266px;
	width: 20px;
	height: 20px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--pencilLightBrown:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}

}

.Icon--pencilLightGrey:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -246px -266px;
	width: 20px;
	height: 20px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--pencilLightGrey:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}

}

.Icon--pencilMediumBrown:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -313px -22px;
	width: 20px;
	height: 20px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--pencilMediumBrown:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}

}

.Icon--pencilWhite:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -224px -266px;
	width: 20px;
	height: 20px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--pencilWhite:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}

}

.Icon--showBlack:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -112px -266px;
	width: 26px;
	height: 26px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--showBlack:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}

}

.Icon--showDarkBlue:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -140px -266px;
	width: 26px;
	height: 26px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--showDarkBlue:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}

}

.Icon--showDarkBrown:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -168px -266px;
	width: 26px;
	height: 26px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--showDarkBrown:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}

}

.Icon--showLightBrown:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -196px -266px;
	width: 26px;
	height: 26px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--showLightBrown:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}

}

.Icon--showLightGrey:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -84px -266px;
	width: 26px;
	height: 26px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--showLightGrey:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}

}

.Icon--showMediumBrown:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -28px -266px;
	width: 26px;
	height: 26px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--showMediumBrown:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}

}

.Icon--showWhite:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: 0 -266px;
	width: 26px;
	height: 26px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--showWhite:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}

}

.Icon--socialIconFb:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -266px -141px;
	width: 45px;
	height: 45px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--socialIconFb:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}

}

.Icon--socialIconGPlus:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -266px -94px;
	width: 45px;
	height: 45px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--socialIconGPlus:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}

}

.Icon--socialIconReddit:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -266px -47px;
	width: 45px;
	height: 45px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--socialIconReddit:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}

}

.Icon--socialIconTwitter:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -266px 0;
	width: 45px;
	height: 45px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--socialIconTwitter:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}

}

.Icon--socialIconVK:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -186px -204px;
	width: 45px;
	height: 45px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--socialIconVK:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}

}

.Icon--x2Red:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -266px -188px;
	width: 30px;
	height: 30px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--x2Red:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}

}

.Icon--xRed:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -313px -257px;
	width: 12px;
	height: 12px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--xRed:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}

}

.Icon--hsCheckGreen {
	position: relative;
	display: inline-block
}

.Icon--hsCheckGreen:after {
	content: "";
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -62px -204px;
	width: 60px;
	height: 60px;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	opacity: 0;
	transition: all .15s;
	z-index: 10;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--hsCheckGreen:after {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}

}

.Icon--hsCheckGreen:active:after, .Icon--hsCheckGreen:focus:after, .Icon--hsCheckGreen:hover:after {
	opacity: 1
}

.Icon--hsCircle {
	position: relative;
	display: inline-block
}

.Icon--hsCircle:after {
	content: "";
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -102px 0;
	width: 100px;
	height: 100px;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	opacity: 0;
	transition: all .15s;
	z-index: 10;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--hsCircle:after {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}

}

.Icon--hsCircle:active:after, .Icon--hsCircle:focus:after, .Icon--hsCircle:hover:after {
	opacity: 1
}

.Icon--hsFsgRose {
	position: relative;
	display: inline-block
}

.Icon--hsFsgRose:after {
	content: "";
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -102px -102px;
	width: 60px;
	height: 60px;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	opacity: 0;
	transition: all .15s;
	z-index: 10;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--hsFsgRose:after {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}

}

.Icon--hsFsgRose:active:after, .Icon--hsFsgRose:focus:after, .Icon--hsFsgRose:hover:after {
	opacity: 1
}

.Icon--hsSecret {
	position: relative;
	display: inline-block
}

.Icon--hsSecret:after {
	content: "";
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -204px -62px;
	width: 60px;
	height: 60px;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	opacity: 0;
	transition: all .15s;
	z-index: 10;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--hsSecret:after {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}

}

.Icon--hsSecret:active:after, .Icon--hsSecret:focus:after, .Icon--hsSecret:hover:after {
	opacity: 1
}

.Icon--portrait:before {
	width: 69px;
	height: 69px
}

.Icon--heading-icon-1:before {
	background: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/section-heading-icons-f54df60022ba7d3ce55be5772ff16e899b23c9a4e84471e42f4a630c2b8a1db575596b89497ca84d6ecede37c78f068f15481c4f8f5ba7777d34010b7680b7bf.png) 0 top no-repeat
}

@media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
	.Icon--heading-icon-1:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/section-heading-icons@2x-ea922ecdb7f33bd2cea87ad2f4573a9201597492badb9e8ff5022cd9ee4d3d14711987deb5a9167991fe1eb201f450dd53a4f7975eb26f6f6684e079a85d7cc0.png);
		background-size: cover
	}

}

.Icon--heading-icon-2:before {
	background: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/section-heading-icons-f54df60022ba7d3ce55be5772ff16e899b23c9a4e84471e42f4a630c2b8a1db575596b89497ca84d6ecede37c78f068f15481c4f8f5ba7777d34010b7680b7bf.png) -69.45px top no-repeat
}

@media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
	.Icon--heading-icon-2:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/section-heading-icons@2x-ea922ecdb7f33bd2cea87ad2f4573a9201597492badb9e8ff5022cd9ee4d3d14711987deb5a9167991fe1eb201f450dd53a4f7975eb26f6f6684e079a85d7cc0.png);
		background-size: cover
	}

}

.Icon--heading-icon-3:before {
	background: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/section-heading-icons-f54df60022ba7d3ce55be5772ff16e899b23c9a4e84471e42f4a630c2b8a1db575596b89497ca84d6ecede37c78f068f15481c4f8f5ba7777d34010b7680b7bf.png) -138.9px top no-repeat
}

@media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
	.Icon--heading-icon-3:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/section-heading-icons@2x-ea922ecdb7f33bd2cea87ad2f4573a9201597492badb9e8ff5022cd9ee4d3d14711987deb5a9167991fe1eb201f450dd53a4f7975eb26f6f6684e079a85d7cc0.png);
		background-size: cover
	}

}

.Icon--heading-icon-4:before {
	background: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/section-heading-icons-f54df60022ba7d3ce55be5772ff16e899b23c9a4e84471e42f4a630c2b8a1db575596b89497ca84d6ecede37c78f068f15481c4f8f5ba7777d34010b7680b7bf.png) -208.35px top no-repeat
}

@media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
	.Icon--heading-icon-4:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/section-heading-icons@2x-ea922ecdb7f33bd2cea87ad2f4573a9201597492badb9e8ff5022cd9ee4d3d14711987deb5a9167991fe1eb201f450dd53a4f7975eb26f6f6684e079a85d7cc0.png);
		background-size: cover
	}

}

.Icon--heading-icon-5:before {
	background: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/section-heading-icons-f54df60022ba7d3ce55be5772ff16e899b23c9a4e84471e42f4a630c2b8a1db575596b89497ca84d6ecede37c78f068f15481c4f8f5ba7777d34010b7680b7bf.png) -277.8px top no-repeat
}

@media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
	.Icon--heading-icon-5:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/section-heading-icons@2x-ea922ecdb7f33bd2cea87ad2f4573a9201597492badb9e8ff5022cd9ee4d3d14711987deb5a9167991fe1eb201f450dd53a4f7975eb26f6f6684e079a85d7cc0.png);
		background-size: cover
	}

}

.Icon--heading-icon-6:before {
	background: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/section-heading-icons-f54df60022ba7d3ce55be5772ff16e899b23c9a4e84471e42f4a630c2b8a1db575596b89497ca84d6ecede37c78f068f15481c4f8f5ba7777d34010b7680b7bf.png) -347.25px top no-repeat
}

@media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
	.Icon--heading-icon-6:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/section-heading-icons@2x-ea922ecdb7f33bd2cea87ad2f4573a9201597492badb9e8ff5022cd9ee4d3d14711987deb5a9167991fe1eb201f450dd53a4f7975eb26f6f6684e079a85d7cc0.png);
		background-size: cover
	}

}

.Icon--heading-icon-7:before {
	background: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/section-heading-icons-f54df60022ba7d3ce55be5772ff16e899b23c9a4e84471e42f4a630c2b8a1db575596b89497ca84d6ecede37c78f068f15481c4f8f5ba7777d34010b7680b7bf.png) -416.7px top no-repeat
}

@media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
	.Icon--heading-icon-7:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/section-heading-icons@2x-ea922ecdb7f33bd2cea87ad2f4573a9201597492badb9e8ff5022cd9ee4d3d14711987deb5a9167991fe1eb201f450dd53a4f7975eb26f6f6684e079a85d7cc0.png);
		background-size: cover
	}

}

.Icon--heading-icon-8:before {
	background: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/section-heading-icons-f54df60022ba7d3ce55be5772ff16e899b23c9a4e84471e42f4a630c2b8a1db575596b89497ca84d6ecede37c78f068f15481c4f8f5ba7777d34010b7680b7bf.png) -486.15px top no-repeat
}

@media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
	.Icon--heading-icon-8:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/section-heading-icons@2x-ea922ecdb7f33bd2cea87ad2f4573a9201597492badb9e8ff5022cd9ee4d3d14711987deb5a9167991fe1eb201f450dd53a4f7975eb26f6f6684e079a85d7cc0.png);
		background-size: cover
	}

}

.Icon--heading-icon-9:before {
	background: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/section-heading-icons-f54df60022ba7d3ce55be5772ff16e899b23c9a4e84471e42f4a630c2b8a1db575596b89497ca84d6ecede37c78f068f15481c4f8f5ba7777d34010b7680b7bf.png) -555.6px top no-repeat
}

@media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
	.Icon--heading-icon-9:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/section-heading-icons@2x-ea922ecdb7f33bd2cea87ad2f4573a9201597492badb9e8ff5022cd9ee4d3d14711987deb5a9167991fe1eb201f450dd53a4f7975eb26f6f6684e079a85d7cc0.png);
		background-size: cover
	}

}

.Icon--heading-icon-10:before {
	background: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/section-heading-icons-f54df60022ba7d3ce55be5772ff16e899b23c9a4e84471e42f4a630c2b8a1db575596b89497ca84d6ecede37c78f068f15481c4f8f5ba7777d34010b7680b7bf.png) -625.05px top no-repeat
}

@media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
	.Icon--heading-icon-10:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/section-heading-icons@2x-ea922ecdb7f33bd2cea87ad2f4573a9201597492badb9e8ff5022cd9ee4d3d14711987deb5a9167991fe1eb201f450dd53a4f7975eb26f6f6684e079a85d7cc0.png);
		background-size: cover
	}

}

.Icon--heading-icon-11:before {
	background: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/section-heading-icons-f54df60022ba7d3ce55be5772ff16e899b23c9a4e84471e42f4a630c2b8a1db575596b89497ca84d6ecede37c78f068f15481c4f8f5ba7777d34010b7680b7bf.png) -694.5px top no-repeat
}

@media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
	.Icon--heading-icon-11:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/section-heading-icons@2x-ea922ecdb7f33bd2cea87ad2f4573a9201597492badb9e8ff5022cd9ee4d3d14711987deb5a9167991fe1eb201f450dd53a4f7975eb26f6f6684e079a85d7cc0.png);
		background-size: cover
	}

}

.Icon--power:before {
	width: 84px;
	height: 92px
}

.Icon--depths-icon-1:before {
	background: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/boss-powers-f31da05d28cb7b1e5e4369155809655b19bb611cbe67cedbcccc981b745261bfff7c4869ebe8db5a6b1e06ec8d73ea06d7331f3a047d62254c9a31abe01dac83.png) 0 top no-repeat
}

@media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
	.Icon--depths-icon-1:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/boss-powers@2x-14dfa8704a8f50a49849e3f191b8c141913c1bc82c653c437026ab42608cd74a83f1e8bb7ff18f854d2ec8556bb803f61870968289a03d8603dabcb58b612e64.png);
		background-size: cover
	}

}

.Icon--depths-icon-2:before {
	background: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/boss-powers-f31da05d28cb7b1e5e4369155809655b19bb611cbe67cedbcccc981b745261bfff7c4869ebe8db5a6b1e06ec8d73ea06d7331f3a047d62254c9a31abe01dac83.png) -87.3px top no-repeat
}

@media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
	.Icon--depths-icon-2:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/boss-powers@2x-14dfa8704a8f50a49849e3f191b8c141913c1bc82c653c437026ab42608cd74a83f1e8bb7ff18f854d2ec8556bb803f61870968289a03d8603dabcb58b612e64.png);
		background-size: cover
	}

}

.Icon--depths-icon-3:before {
	background: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/boss-powers-f31da05d28cb7b1e5e4369155809655b19bb611cbe67cedbcccc981b745261bfff7c4869ebe8db5a6b1e06ec8d73ea06d7331f3a047d62254c9a31abe01dac83.png) -174.6px top no-repeat
}

@media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
	.Icon--depths-icon-3:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/boss-powers@2x-14dfa8704a8f50a49849e3f191b8c141913c1bc82c653c437026ab42608cd74a83f1e8bb7ff18f854d2ec8556bb803f61870968289a03d8603dabcb58b612e64.png);
		background-size: cover
	}

}

.Icon--fsgInnkeeper:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite-9ca3ad5dabce9f37175190e29a51288b58b71c6ed3b2d616d444f2bcda3e7b459c24e8bee22cc6f0f8033d51bc98e3e8d1d062a84e402db46d848082051a8481.png);
	background-position: -408px -784px;
	width: 100px;
	height: 100px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--fsgInnkeeper:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite@2x-b6b1f7e85c2c5df5b42ecf9d486cae1756531de4d8a2f549bbbf6a8af2278866c9870422b3c72189be529a35ea75e5c1920c17b11bf19b6c8f13fcf965dec31f.png);
		background-size: 980px 884px
	}

}

.Icon--fsgInnkeeperHover:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite-9ca3ad5dabce9f37175190e29a51288b58b71c6ed3b2d616d444f2bcda3e7b459c24e8bee22cc6f0f8033d51bc98e3e8d1d062a84e402db46d848082051a8481.png);
	background-position: -204px -784px;
	width: 100px;
	height: 100px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--fsgInnkeeperHover:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite@2x-b6b1f7e85c2c5df5b42ecf9d486cae1756531de4d8a2f549bbbf6a8af2278866c9870422b3c72189be529a35ea75e5c1920c17b11bf19b6c8f13fcf965dec31f.png);
		background-size: 980px 884px
	}

}

.Icon--fsgLantern-med:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite-9ca3ad5dabce9f37175190e29a51288b58b71c6ed3b2d616d444f2bcda3e7b459c24e8bee22cc6f0f8033d51bc98e3e8d1d062a84e402db46d848082051a8481.png);
	background-position: -162px -632px;
	width: 140px;
	height: 140px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--fsgLantern-med:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite@2x-b6b1f7e85c2c5df5b42ecf9d486cae1756531de4d8a2f549bbbf6a8af2278866c9870422b3c72189be529a35ea75e5c1920c17b11bf19b6c8f13fcf965dec31f.png);
		background-size: 980px 884px
	}

}

.Icon--fsgLantern:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite-9ca3ad5dabce9f37175190e29a51288b58b71c6ed3b2d616d444f2bcda3e7b459c24e8bee22cc6f0f8033d51bc98e3e8d1d062a84e402db46d848082051a8481.png);
	background-position: 0 -784px;
	width: 100px;
	height: 100px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--fsgLantern:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite@2x-b6b1f7e85c2c5df5b42ecf9d486cae1756531de4d8a2f549bbbf6a8af2278866c9870422b3c72189be529a35ea75e5c1920c17b11bf19b6c8f13fcf965dec31f.png);
		background-size: 980px 884px
	}

}

.Icon--fsgLanternGrey:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite-9ca3ad5dabce9f37175190e29a51288b58b71c6ed3b2d616d444f2bcda3e7b459c24e8bee22cc6f0f8033d51bc98e3e8d1d062a84e402db46d848082051a8481.png);
	background-position: -102px -784px;
	width: 100px;
	height: 100px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--fsgLanternGrey:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite@2x-b6b1f7e85c2c5df5b42ecf9d486cae1756531de4d8a2f549bbbf6a8af2278866c9870422b3c72189be529a35ea75e5c1920c17b11bf19b6c8f13fcf965dec31f.png);
		background-size: 980px 884px
	}

}

.Icon--fsgLanternHover:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite-9ca3ad5dabce9f37175190e29a51288b58b71c6ed3b2d616d444f2bcda3e7b459c24e8bee22cc6f0f8033d51bc98e3e8d1d062a84e402db46d848082051a8481.png);
	background-position: -306px -784px;
	width: 100px;
	height: 100px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--fsgLanternHover:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite@2x-b6b1f7e85c2c5df5b42ecf9d486cae1756531de4d8a2f549bbbf6a8af2278866c9870422b3c72189be529a35ea75e5c1920c17b11bf19b6c8f13fcf965dec31f.png);
		background-size: 980px 884px
	}

}

.Icon--fsgLanternLg:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite-9ca3ad5dabce9f37175190e29a51288b58b71c6ed3b2d616d444f2bcda3e7b459c24e8bee22cc6f0f8033d51bc98e3e8d1d062a84e402db46d848082051a8481.png);
	background-position: -302px -330px;
	width: 205px;
	height: 205px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--fsgLanternLg:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite@2x-b6b1f7e85c2c5df5b42ecf9d486cae1756531de4d8a2f549bbbf6a8af2278866c9870422b3c72189be529a35ea75e5c1920c17b11bf19b6c8f13fcf965dec31f.png);
		background-size: 980px 884px
	}

}

.Icon--fsgTavern:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite-9ca3ad5dabce9f37175190e29a51288b58b71c6ed3b2d616d444f2bcda3e7b459c24e8bee22cc6f0f8033d51bc98e3e8d1d062a84e402db46d848082051a8481.png);
	background-position: -510px -784px;
	width: 100px;
	height: 100px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--fsgTavern:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite@2x-b6b1f7e85c2c5df5b42ecf9d486cae1756531de4d8a2f549bbbf6a8af2278866c9870422b3c72189be529a35ea75e5c1920c17b11bf19b6c8f13fcf965dec31f.png);
		background-size: 980px 884px
	}

}

.Icon--fsgTavernHover:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite-9ca3ad5dabce9f37175190e29a51288b58b71c6ed3b2d616d444f2bcda3e7b459c24e8bee22cc6f0f8033d51bc98e3e8d1d062a84e402db46d848082051a8481.png);
	background-position: -762px -632px;
	width: 100px;
	height: 100px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--fsgTavernHover:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite@2x-b6b1f7e85c2c5df5b42ecf9d486cae1756531de4d8a2f549bbbf6a8af2278866c9870422b3c72189be529a35ea75e5c1920c17b11bf19b6c8f13fcf965dec31f.png);
		background-size: 980px 884px
	}

}

.Icon--innkeeperActivities:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite-9ca3ad5dabce9f37175190e29a51288b58b71c6ed3b2d616d444f2bcda3e7b459c24e8bee22cc6f0f8033d51bc98e3e8d1d062a84e402db46d848082051a8481.png);
	background-position: -550px -632px;
	width: 104px;
	height: 120px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--innkeeperActivities:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite@2x-b6b1f7e85c2c5df5b42ecf9d486cae1756531de4d8a2f549bbbf6a8af2278866c9870422b3c72189be529a35ea75e5c1920c17b11bf19b6c8f13fcf965dec31f.png);
		background-size: 980px 884px
	}

}

.Icon--innkeeperActivitiesLg:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite-9ca3ad5dabce9f37175190e29a51288b58b71c6ed3b2d616d444f2bcda3e7b459c24e8bee22cc6f0f8033d51bc98e3e8d1d062a84e402db46d848082051a8481.png);
	background-position: -306px 0;
	width: 300px;
	height: 300px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--innkeeperActivitiesLg:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite@2x-b6b1f7e85c2c5df5b42ecf9d486cae1756531de4d8a2f549bbbf6a8af2278866c9870422b3c72189be529a35ea75e5c1920c17b11bf19b6c8f13fcf965dec31f.png);
		background-size: 980px 884px
	}

}

.Icon--innkeeperPlace:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite-9ca3ad5dabce9f37175190e29a51288b58b71c6ed3b2d616d444f2bcda3e7b459c24e8bee22cc6f0f8033d51bc98e3e8d1d062a84e402db46d848082051a8481.png);
	background-position: -656px -632px;
	width: 104px;
	height: 120px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--innkeeperPlace:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite@2x-b6b1f7e85c2c5df5b42ecf9d486cae1756531de4d8a2f549bbbf6a8af2278866c9870422b3c72189be529a35ea75e5c1920c17b11bf19b6c8f13fcf965dec31f.png);
		background-size: 980px 884px
	}

}

.Icon--innkeeperPlaceLg:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite-9ca3ad5dabce9f37175190e29a51288b58b71c6ed3b2d616d444f2bcda3e7b459c24e8bee22cc6f0f8033d51bc98e3e8d1d062a84e402db46d848082051a8481.png);
	background-position: -608px 0;
	width: 300px;
	height: 300px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--innkeeperPlaceLg:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite@2x-b6b1f7e85c2c5df5b42ecf9d486cae1756531de4d8a2f549bbbf6a8af2278866c9870422b3c72189be529a35ea75e5c1920c17b11bf19b6c8f13fcf965dec31f.png);
		background-size: 980px 884px
	}

}

.Icon--innkeeperPromotion:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite-9ca3ad5dabce9f37175190e29a51288b58b71c6ed3b2d616d444f2bcda3e7b459c24e8bee22cc6f0f8033d51bc98e3e8d1d062a84e402db46d848082051a8481.png);
	background-position: -444px -632px;
	width: 104px;
	height: 120px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--innkeeperPromotion:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite@2x-b6b1f7e85c2c5df5b42ecf9d486cae1756531de4d8a2f549bbbf6a8af2278866c9870422b3c72189be529a35ea75e5c1920c17b11bf19b6c8f13fcf965dec31f.png);
		background-size: 980px 884px
	}

}

.Icon--innkeeperPromotionLg:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite-9ca3ad5dabce9f37175190e29a51288b58b71c6ed3b2d616d444f2bcda3e7b459c24e8bee22cc6f0f8033d51bc98e3e8d1d062a84e402db46d848082051a8481.png);
	background-position: 0 -330px;
	width: 300px;
	height: 300px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--innkeeperPromotionLg:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite@2x-b6b1f7e85c2c5df5b42ecf9d486cae1756531de4d8a2f549bbbf6a8af2278866c9870422b3c72189be529a35ea75e5c1920c17b11bf19b6c8f13fcf965dec31f.png);
		background-size: 980px 884px
	}

}

.Icon--innkeeperRollOver:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite-9ca3ad5dabce9f37175190e29a51288b58b71c6ed3b2d616d444f2bcda3e7b459c24e8bee22cc6f0f8033d51bc98e3e8d1d062a84e402db46d848082051a8481.png);
	background-position: -304px -632px;
	width: 138px;
	height: 138px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--innkeeperRollOver:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite@2x-b6b1f7e85c2c5df5b42ecf9d486cae1756531de4d8a2f549bbbf6a8af2278866c9870422b3c72189be529a35ea75e5c1920c17b11bf19b6c8f13fcf965dec31f.png);
		background-size: 980px 884px
	}

}

.Icon--innkeeperRollOverLg:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite-9ca3ad5dabce9f37175190e29a51288b58b71c6ed3b2d616d444f2bcda3e7b459c24e8bee22cc6f0f8033d51bc98e3e8d1d062a84e402db46d848082051a8481.png);
	background-position: 0 0;
	width: 304px;
	height: 328px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--innkeeperRollOverLg:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite@2x-b6b1f7e85c2c5df5b42ecf9d486cae1756531de4d8a2f549bbbf6a8af2278866c9870422b3c72189be529a35ea75e5c1920c17b11bf19b6c8f13fcf965dec31f.png);
		background-size: 980px 884px
	}

}

.Icon--snowPile1:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite-9ca3ad5dabce9f37175190e29a51288b58b71c6ed3b2d616d444f2bcda3e7b459c24e8bee22cc6f0f8033d51bc98e3e8d1d062a84e402db46d848082051a8481.png);
	background-position: -509px -482px;
	width: 256px;
	height: 40px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--snowPile1:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite@2x-b6b1f7e85c2c5df5b42ecf9d486cae1756531de4d8a2f549bbbf6a8af2278866c9870422b3c72189be529a35ea75e5c1920c17b11bf19b6c8f13fcf965dec31f.png);
		background-size: 980px 884px
	}

}

.Icon--snowPile2:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite-9ca3ad5dabce9f37175190e29a51288b58b71c6ed3b2d616d444f2bcda3e7b459c24e8bee22cc6f0f8033d51bc98e3e8d1d062a84e402db46d848082051a8481.png);
	background-position: -302px -537px;
	width: 220px;
	height: 40px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--snowPile2:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite@2x-b6b1f7e85c2c5df5b42ecf9d486cae1756531de4d8a2f549bbbf6a8af2278866c9870422b3c72189be529a35ea75e5c1920c17b11bf19b6c8f13fcf965dec31f.png);
		background-size: 980px 884px
	}

}

.Icon--collapseUp:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite-9ca3ad5dabce9f37175190e29a51288b58b71c6ed3b2d616d444f2bcda3e7b459c24e8bee22cc6f0f8033d51bc98e3e8d1d062a84e402db46d848082051a8481.png);
	background-position: -910px -456px;
	width: 37px;
	height: 37px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--collapseUp:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite@2x-b6b1f7e85c2c5df5b42ecf9d486cae1756531de4d8a2f549bbbf6a8af2278866c9870422b3c72189be529a35ea75e5c1920c17b11bf19b6c8f13fcf965dec31f.png);
		background-size: 980px 884px
	}

}

.Icon--expandDown:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite-9ca3ad5dabce9f37175190e29a51288b58b71c6ed3b2d616d444f2bcda3e7b459c24e8bee22cc6f0f8033d51bc98e3e8d1d062a84e402db46d848082051a8481.png);
	background-position: -910px -495px;
	width: 37px;
	height: 37px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--expandDown:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite@2x-b6b1f7e85c2c5df5b42ecf9d486cae1756531de4d8a2f549bbbf6a8af2278866c9870422b3c72189be529a35ea75e5c1920c17b11bf19b6c8f13fcf965dec31f.png);
		background-size: 980px 884px
	}

}

.Icon--landingDesignSign:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite-9ca3ad5dabce9f37175190e29a51288b58b71c6ed3b2d616d444f2bcda3e7b459c24e8bee22cc6f0f8033d51bc98e3e8d1d062a84e402db46d848082051a8481.png);
	background-position: -509px -330px;
	width: 212px;
	height: 150px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--landingDesignSign:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite@2x-b6b1f7e85c2c5df5b42ecf9d486cae1756531de4d8a2f549bbbf6a8af2278866c9870422b3c72189be529a35ea75e5c1920c17b11bf19b6c8f13fcf965dec31f.png);
		background-size: 980px 884px
	}

}

.Icon--landingFindPatrons:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite-9ca3ad5dabce9f37175190e29a51288b58b71c6ed3b2d616d444f2bcda3e7b459c24e8bee22cc6f0f8033d51bc98e3e8d1d062a84e402db46d848082051a8481.png);
	background-position: -723px -330px;
	width: 160px;
	height: 150px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--landingFindPatrons:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite@2x-b6b1f7e85c2c5df5b42ecf9d486cae1756531de4d8a2f549bbbf6a8af2278866c9870422b3c72189be529a35ea75e5c1920c17b11bf19b6c8f13fcf965dec31f.png);
		background-size: 980px 884px
	}

}

.Icon--landingHostGathering:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite-9ca3ad5dabce9f37175190e29a51288b58b71c6ed3b2d616d444f2bcda3e7b459c24e8bee22cc6f0f8033d51bc98e3e8d1d062a84e402db46d848082051a8481.png);
	background-position: 0 -632px;
	width: 160px;
	height: 150px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--landingHostGathering:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite@2x-b6b1f7e85c2c5df5b42ecf9d486cae1756531de4d8a2f549bbbf6a8af2278866c9870422b3c72189be529a35ea75e5c1920c17b11bf19b6c8f13fcf965dec31f.png);
		background-size: 980px 884px
	}

}

.Icon--randomizer:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite-9ca3ad5dabce9f37175190e29a51288b58b71c6ed3b2d616d444f2bcda3e7b459c24e8bee22cc6f0f8033d51bc98e3e8d1d062a84e402db46d848082051a8481.png);
	background-position: -612px -784px;
	width: 92px;
	height: 92px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--randomizer:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite@2x-b6b1f7e85c2c5df5b42ecf9d486cae1756531de4d8a2f549bbbf6a8af2278866c9870422b3c72189be529a35ea75e5c1920c17b11bf19b6c8f13fcf965dec31f.png);
		background-size: 980px 884px
	}

}

.Icon--randomizerHover:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite-9ca3ad5dabce9f37175190e29a51288b58b71c6ed3b2d616d444f2bcda3e7b459c24e8bee22cc6f0f8033d51bc98e3e8d1d062a84e402db46d848082051a8481.png);
	background-position: -706px -784px;
	width: 92px;
	height: 92px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--randomizerHover:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite@2x-b6b1f7e85c2c5df5b42ecf9d486cae1756531de4d8a2f549bbbf6a8af2278866c9870422b3c72189be529a35ea75e5c1920c17b11bf19b6c8f13fcf965dec31f.png);
		background-size: 980px 884px
	}

}

.Icon--tavernCreatorBackground:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite-9ca3ad5dabce9f37175190e29a51288b58b71c6ed3b2d616d444f2bcda3e7b459c24e8bee22cc6f0f8033d51bc98e3e8d1d062a84e402db46d848082051a8481.png);
	background-position: -910px -72px;
	width: 56px;
	height: 62px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--tavernCreatorBackground:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite@2x-b6b1f7e85c2c5df5b42ecf9d486cae1756531de4d8a2f549bbbf6a8af2278866c9870422b3c72189be529a35ea75e5c1920c17b11bf19b6c8f13fcf965dec31f.png);
		background-size: 980px 884px
	}

}

.Icon--tavernCreatorElementBg:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite-9ca3ad5dabce9f37175190e29a51288b58b71c6ed3b2d616d444f2bcda3e7b459c24e8bee22cc6f0f8033d51bc98e3e8d1d062a84e402db46d848082051a8481.png);
	background-position: -910px 0;
	width: 70px;
	height: 70px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--tavernCreatorElementBg:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite@2x-b6b1f7e85c2c5df5b42ecf9d486cae1756531de4d8a2f549bbbf6a8af2278866c9870422b3c72189be529a35ea75e5c1920c17b11bf19b6c8f13fcf965dec31f.png);
		background-size: 980px 884px
	}

}

.Icon--tavernCreatorElementBgGlow:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite-9ca3ad5dabce9f37175190e29a51288b58b71c6ed3b2d616d444f2bcda3e7b459c24e8bee22cc6f0f8033d51bc98e3e8d1d062a84e402db46d848082051a8481.png);
	background-position: -800px -784px;
	width: 70px;
	height: 70px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--tavernCreatorElementBgGlow:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite@2x-b6b1f7e85c2c5df5b42ecf9d486cae1756531de4d8a2f549bbbf6a8af2278866c9870422b3c72189be529a35ea75e5c1920c17b11bf19b6c8f13fcf965dec31f.png);
		background-size: 980px 884px
	}

}

.Icon--tavernCreatorFrame:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite-9ca3ad5dabce9f37175190e29a51288b58b71c6ed3b2d616d444f2bcda3e7b459c24e8bee22cc6f0f8033d51bc98e3e8d1d062a84e402db46d848082051a8481.png);
	background-position: -910px -264px;
	width: 56px;
	height: 62px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--tavernCreatorFrame:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite@2x-b6b1f7e85c2c5df5b42ecf9d486cae1756531de4d8a2f549bbbf6a8af2278866c9870422b3c72189be529a35ea75e5c1920c17b11bf19b6c8f13fcf965dec31f.png);
		background-size: 980px 884px
	}

}

.Icon--tavernCreatorGlowOrb:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite-9ca3ad5dabce9f37175190e29a51288b58b71c6ed3b2d616d444f2bcda3e7b459c24e8bee22cc6f0f8033d51bc98e3e8d1d062a84e402db46d848082051a8481.png);
	background-position: -949px -456px;
	width: 16px;
	height: 16px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--tavernCreatorGlowOrb:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite@2x-b6b1f7e85c2c5df5b42ecf9d486cae1756531de4d8a2f549bbbf6a8af2278866c9870422b3c72189be529a35ea75e5c1920c17b11bf19b6c8f13fcf965dec31f.png);
		background-size: 980px 884px
	}

}

.Icon--tavernCreatorMajorInsignia:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite-9ca3ad5dabce9f37175190e29a51288b58b71c6ed3b2d616d444f2bcda3e7b459c24e8bee22cc6f0f8033d51bc98e3e8d1d062a84e402db46d848082051a8481.png);
	background-position: -910px -392px;
	width: 56px;
	height: 62px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--tavernCreatorMajorInsignia:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite@2x-b6b1f7e85c2c5df5b42ecf9d486cae1756531de4d8a2f549bbbf6a8af2278866c9870422b3c72189be529a35ea75e5c1920c17b11bf19b6c8f13fcf965dec31f.png);
		background-size: 980px 884px
	}

}

.Icon--tavernCreatorMinorInsignia:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite-9ca3ad5dabce9f37175190e29a51288b58b71c6ed3b2d616d444f2bcda3e7b459c24e8bee22cc6f0f8033d51bc98e3e8d1d062a84e402db46d848082051a8481.png);
	background-position: -910px -328px;
	width: 56px;
	height: 62px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--tavernCreatorMinorInsignia:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite@2x-b6b1f7e85c2c5df5b42ecf9d486cae1756531de4d8a2f549bbbf6a8af2278866c9870422b3c72189be529a35ea75e5c1920c17b11bf19b6c8f13fcf965dec31f.png);
		background-size: 980px 884px
	}

}

.Icon--tavernCreatorName:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite-9ca3ad5dabce9f37175190e29a51288b58b71c6ed3b2d616d444f2bcda3e7b459c24e8bee22cc6f0f8033d51bc98e3e8d1d062a84e402db46d848082051a8481.png);
	background-position: -910px -200px;
	width: 56px;
	height: 62px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--tavernCreatorName:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite@2x-b6b1f7e85c2c5df5b42ecf9d486cae1756531de4d8a2f549bbbf6a8af2278866c9870422b3c72189be529a35ea75e5c1920c17b11bf19b6c8f13fcf965dec31f.png);
		background-size: 980px 884px
	}

}

.Icon--tavernCreatorRandomizer:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite-9ca3ad5dabce9f37175190e29a51288b58b71c6ed3b2d616d444f2bcda3e7b459c24e8bee22cc6f0f8033d51bc98e3e8d1d062a84e402db46d848082051a8481.png);
	background-position: -910px -136px;
	width: 56px;
	height: 62px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--tavernCreatorRandomizer:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite@2x-b6b1f7e85c2c5df5b42ecf9d486cae1756531de4d8a2f549bbbf6a8af2278866c9870422b3c72189be529a35ea75e5c1920c17b11bf19b6c8f13fcf965dec31f.png);
		background-size: 980px 884px
	}

}

.Icon--fsgLanternLg.is-animated:before {
	background: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsglantern.gif) 0 no-repeat
}

.Icon--fsgInnkeeper {
	position: relative;
	display: inline-block
}

.Icon--fsgInnkeeper:after {
	content: "";
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite-9ca3ad5dabce9f37175190e29a51288b58b71c6ed3b2d616d444f2bcda3e7b459c24e8bee22cc6f0f8033d51bc98e3e8d1d062a84e402db46d848082051a8481.png);
	background-position: -204px -784px;
	width: 100px;
	height: 100px;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	opacity: 0;
	transition: all .15s;
	z-index: 10;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.Icon--fsgInnkeeper:active:after, .Icon--fsgInnkeeper:focus:after, .Icon--fsgInnkeeper:hover:after {
	opacity: 1
}

.Icon--fsgLantern {
	position: relative;
	display: inline-block
}

.Icon--fsgLantern:after {
	content: "";
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite-9ca3ad5dabce9f37175190e29a51288b58b71c6ed3b2d616d444f2bcda3e7b459c24e8bee22cc6f0f8033d51bc98e3e8d1d062a84e402db46d848082051a8481.png);
	background-position: -306px -784px;
	width: 100px;
	height: 100px;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	opacity: 0;
	transition: all .15s;
	z-index: 10;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.Icon--fsgLantern:active:after, .Icon--fsgLantern:focus:after, .Icon--fsgLantern:hover:after {
	opacity: 1
}

.Icon--fsgTavern {
	position: relative;
	display: inline-block
}

.Icon--fsgTavern:after {
	content: "";
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite-9ca3ad5dabce9f37175190e29a51288b58b71c6ed3b2d616d444f2bcda3e7b459c24e8bee22cc6f0f8033d51bc98e3e8d1d062a84e402db46d848082051a8481.png);
	background-position: -762px -632px;
	width: 100px;
	height: 100px;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	opacity: 0;
	transition: all .15s;
	z-index: 10;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.Icon--fsgTavern:active:after, .Icon--fsgTavern:focus:after, .Icon--fsgTavern:hover:after {
	opacity: 1
}

.Icon--randomizer {
	position: relative;
	display: inline-block
}

.Icon--randomizer:after {
	content: "";
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/fsg-sprite-9ca3ad5dabce9f37175190e29a51288b58b71c6ed3b2d616d444f2bcda3e7b459c24e8bee22cc6f0f8033d51bc98e3e8d1d062a84e402db46d848082051a8481.png);
	background-position: -706px -784px;
	width: 92px;
	height: 92px;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	opacity: 0;
	transition: all .15s;
	z-index: 10;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.Icon--randomizer:active:after, .Icon--randomizer:focus:after, .Icon--randomizer:hover:after {
	opacity: 1
}

.Heading--mediaSection {
	margin: 0 0 .5rem;
	padding-top: 1rem
}

.GoldArrow {
	background: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/navarrows-gold-9c1ca6beda271e6ff1421e54014ef85f833b17c92d7ab317b96ee14aad15a4cd04fe6954a748e0d967839a0ad10644a119e49475496ff106ee3df4908c00515d.png) 50% no-repeat;
	position: absolute;
	top: 51%;
	width: 78px;
	height: 69px;
	cursor: pointer;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	transition: all .1s ease-out;
	z-index: 4;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.GoldArrow.GoldArrow--prev {
	left: 12px;
	background-position: -2px -3px
}

.GoldArrow.GoldArrow--prev:hover {
	-webkit-transform: translate(-3px, -50%);
	-ms-transform: translate(-3px, -50%);
	transform: translate(-3px, -50%)
}

.GoldArrow.GoldArrow--prev:active {
	-webkit-transform: translate(-3px, -50%) scale(.97);
	-ms-transform: translate(-3px, -50%) scale(.97);
	transform: translate(-3px, -50%) scale(.97)
}

.GoldArrow.GoldArrow--next {
	right: 12px;
	background-position: -102px -3px
}

.GoldArrow.GoldArrow--next:hover {
	-webkit-transform: translate(3px, -50%);
	-ms-transform: translate(3px, -50%);
	transform: translate(3px, -50%)
}

.GoldArrow.GoldArrow--next:active {
	-webkit-transform: translate(3px, -50%) scale(.97);
	-ms-transform: translate(3px, -50%) scale(.97);
	transform: translate(3px, -50%) scale(.97)
}

@media (max-width:39.99em) {
	.GoldArrow {
		-webkit-transform: translateY(-50%) scale(.75);
		-ms-transform: translateY(-50%) scale(.75);
		transform: translateY(-50%) scale(.75)
	}

	.GoldArrow.GoldArrow--prev {
		left: -8px
	}

	.GoldArrow.GoldArrow--prev:active, .GoldArrow.GoldArrow--prev:hover {
		-webkit-transform: translate(-3px, -50%) scale(.75);
		-ms-transform: translate(-3px, -50%) scale(.75);
		transform: translate(-3px, -50%) scale(.75)
	}

	.GoldArrow.GoldArrow--next {
		right: -8px
	}

	.GoldArrow.GoldArrow--next:active, .GoldArrow.GoldArrow--next:hover {
		-webkit-transform: translate(3px, -50%) scale(.75);
		-ms-transform: translate(3px, -50%) scale(.75);
		transform: translate(3px, -50%) scale(.75)
	}

}

@media (max-width:29.99em) {
	.GoldArrow {
		-webkit-transform: translateY(-50%) scale(.75);
		-ms-transform: translateY(-50%) scale(.75);
		transform: translateY(-50%) scale(.75)
	}

}

.ContentTrail {
	margin: 0 auto .5rem;
	max-width: 72.5rem;
	height: 36px;
	position: relative;
	z-index: 1
}

@media (min-width:60em) {
	.ContentTrail {
		margin-top: -2rem;
		padding: 0 5rem
	}

}

@media (min-width:72.5em) {
	.ContentTrail {
		margin-top: -1.5rem
	}

}

.Breadcrumb {
	font: 700 11px/28px Open Sans, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
	padding: 0 1rem
}

.zh-tw .Breadcrumb {
	font-family: none
}

.Breadcrumb-item {
	padding-right: 0;
	margin-right: 0;
	display: inline-block;
	float: none
}

.Breadcrumb-item a {
	color: #e22c14;
	display: inline-block;
	line-height: 1.5;
	vertical-align: middle
}

.Breadcrumb-item a.opened {
	text-decoration: underline
}

.Breadcrumb-item--last {
	padding: 0
}

.Breadcrumb-item--last a {
	color: #233a6e;
	border-bottom: 1px dotted #233a6e;
	max-width: 180px;
	display: inline-block
}

.Breadcrumb-item--last a:active, .Breadcrumb-item--last a:focus, .Breadcrumb-item--last a:hover {
	text-decoration: none
}

.Breadcrumb.has-children .Breadcrumb-text {
	border-bottom: 1px dotted #aaa
}

.ko-kr .Breadcrumb.has-children .Breadcrumb-text {
	font-family: Dotum;
	font-size: 11px
}

.Breadcrumb-arrow:after {
	border: 0;
	content: "";
	display: inline-block;
	background: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/arrows-cca99620ac14a76369db44781e9051cdb441afc5c328a9b4d17e626f5b82842f61f163dfec4184e68a17d969eff351ed4e0ef4405b50a298e1dcdb7131537f7a.gif) no-repeat 0 -103px;
	width: 12px;
	height: 10px;
	margin: 0 7px 0 0;
	vertical-align: middle
}

.ie67 .Breadcrumb-arrow {
	margin-right: 10px
}

.Breadcrumb.Breadcrumb--canScroll {
	overflow-x: auto
}

.Button {
	color: #fff;
	text-transform: uppercase;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	font-weight: 700;
	letter-spacing: 2px;
	padding: 1em 1.75em;
	border: none;
	border-radius: 5px;
	box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .35);
	text-shadow: 0 0 4px #000, 0 0 8px #000;
	font-size: 1em;
	margin-bottom: 1.5rem;
	transition: all .2s ease-in;
	cursor: pointer;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	z-index: 1
}

.Button:active, .Button:focus, .Button:hover {
	text-decoration: none
}

.Button:after, .Button:before {
	content: "";
	position: absolute;
	z-index: -1
}

.Button:before {
	text-decoration: none;
	top: 2px;
	left: 2px;
	right: 2px;
	bottom: 2px;
	border-radius: 3px
}

.Button:after {
	background: gray;
	background-position: 50%;
	background-repeat: repeat-y;
	background-size: contain;
	box-shadow: 0 2px 6px 0 #331e0b;
	top: 6px;
	left: 6px;
	right: 6px;
	bottom: 6px;
	transition: all .2s ease-in;
	border: 3px solid;
	border-radius: 2px
}

.Button.block {
	margin: 0 auto 1.5rem;
	display: block
}

.Button.is-disabled {
	opacity: .5;
	pointer-events: none
}

.Button.Button--primary {
	background-color: #bc22c7;
	background: linear-gradient(180deg, #ad9a90, #1c140d)
}

.Button.Button--primary:before {
	background-color: #6f5742;
	background: linear-gradient(180deg, #6f5742, #81615d)
}

.Button.Button--primary:after {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/btn-cta-bg-0c578d2119094914bc050221d2d78e1de6818a29f4f96031949240a87ab1aa8e808029ad8ed6abbb8dab0a04aabd969c66284db4474c2275529e53d19c3ec757.png);
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANsAAAABCAIAAADYRExeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUQ0RDNCMUFBRDAyMTFFNjk1QTNGMkIwRTAwQjA3MTAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUQ0RDNCMUJBRDAyMTFFNjk1QTNGMkIwRTAwQjA3MTAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFRDREM0IxOEFEMDIxMUU2OTVBM0YyQjBFMDBCMDcxMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFRDREM0IxOUFEMDIxMUU2OTVBM0YyQjBFMDBCMDcxMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlJgqloAAACnSURBVHjazJCBFYMgEEMTNuiCHavblvQSRUAXKCrHy8/lVL5fHwINtdRIynvOoFBHQnSNruiIPujQGSds9pnNRrSq8n6i0p0/aXJCPf1B3TXpnuyB8e85mRL/lpzeNW368QdLdfmn9iqqheOup4s3RaKi4PB39UroTih3fdhQHr3WJ71yFuqcGz2mJHmZclG/ARnKjuB8jFMQPbSKdW70e3ZlD/0JMAB1DqoGNYybhQAAAABJRU5ErkJggg==");
	-o-border-image: linear-gradient(180deg, #f756fe, #661f91) 1;
	border-image: linear-gradient(180deg, #f756fe, #661f91) 1;
	border-top-color: #f756fe;
	border-bottom-color: #661f91
}

.Button.Button--primary:active:after, .Button.Button--primary:focus:after, .Button.Button--primary:hover:after {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/btn-cta-bg-hover-437d66e7c2369008f4870ebe2030d6a1e85fb9fb69583772b21abb2c5883cd4b2fa54c41e4af51e4a3c3d35a2cc638692132c64e4042214361b207a9ee6e98e7.png);
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANsAAAABCAIAAADYRExeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEE4QUUxM0RBRDAzMTFFNjhFMDRCNUZGQUY3NTFCMUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEE4QUUxM0VBRDAzMTFFNjhFMDRCNUZGQUY3NTFCMUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowQThBRTEzQkFEMDMxMUU2OEUwNEI1RkZBRjc1MUIxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowQThBRTEzQ0FEMDMxMUU2OEUwNEI1RkZBRjc1MUIxRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjdlBcYAAACSSURBVHjavE5bDgQhCCvcYy++B9nj2VUeCjGZz9EEa6Gl8v38AKgICJnHC42Bf7DIgI7hdFGlFk1lzhoMXWVMUS0mVLqxnl259zicvT15c7jSbqw3X33w4uG8EHIkxuAMAfIBs/Kz0vBqpI9hU8FnxsYjVQgVt4N1e5LiwKYyT8kZ90RzyAyRtu4d0bTnmvwLMABZL5ltpZKYvwAAAABJRU5ErkJggg==)
}

.Button.Button--alternate, .Button.Button--default {
	background-color: #7b7473;
	background: linear-gradient(180deg, #ddd, #2f2e2d)
}

.Button.Button--alternate:before, .Button.Button--default:before {
	background-color: #7b7473;
	background: linear-gradient(180deg, #877e7c, #6f6b69)
}

.Button.Button--alternate:after, .Button.Button--default:after {
	border: 3px solid;
	-o-border-image: linear-gradient(180deg, #888, #3f3f3f) 1;
	border-image: linear-gradient(180deg, #888, #3f3f3f) 1;
	border-top-color: #888;
	border-bottom-color: #3f3f3f;
	background-color: #3f3f3f;
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/btn-alt-bg-983912989ef501f51f9f111af18a8aa65b563f5f3081ae0253d608e79adf1039da4d55e3f069a344cdd1b37997fc528a22c2cdaff78ae22826955327c17d983f.png);
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAApEAAAABCAIAAAAJsGL2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTBFMUM0MjRBREQxMTFFNjhEQUJEQTM3NjNFOEZGNkYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTBFMUM0MjVBREQxMTFFNjhEQUJEQTM3NjNFOEZGNkYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxMEUxQzQyMkFERDExMUU2OERBQkRBMzc2M0U4RkY2RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxMEUxQzQyM0FERDExMUU2OERBQkRBMzc2M0U4RkY2RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjJPQgIAAADSSURBVHjapJXRDcQgDEPj7tGBrvvPU98nQcpTwh1fBYxjHKPqeT6xhqIea10AEWxoB7VnlU/orK5Ur9sB/CDN2yQGItYnwL3dkRxX3wrq0JUVr8NXJvKgFE9KDzXAo8+hNifZT+swb8Q5Wo/eN5G3h2+BIkb8G8Txa2icSU0YaqnLvOXHlvmVmmfQsHPWIgzXtScXqLURPmOMgoDG7Hqnea+bAwd1yZP37SDYX9phm916niuP+iX/UZc8r9dfG/I28aEO6P4bgZ6O3uDauO/7K8AAdWJtN0cRGOQAAAAASUVORK5CYII=)
}

.Button.Button--alternate:active:after, .Button.Button--alternate:focus:after, .Button.Button--alternate:hover:after, .Button.Button--default:active:after, .Button.Button--default:focus:after, .Button.Button--default:hover:after {
	background-color: #5a5a5a;
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/btn-alt-bg-hover-42e73ee53d9c0cf16cc8154bce81251dc43b038d06ce26f6793862f8f068227a2d1bbc159b038ea63bf9add8f69ca3b3156459d1d5da545c1b9d0c079a34b001.png);
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKQAAAABCAIAAADfBpJLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjBBQ0RFQzdBREQzMTFFNkE0QjFDQUE4MzI0M0E3QTMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjBBQ0RFQzhBREQzMTFFNkE0QjFDQUE4MzI0M0E3QTMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMEFDREVDNUFERDMxMUU2QTRCMUNBQTgzMjQzQTdBMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMEFDREVDNkFERDMxMUU2QTRCMUNBQTgzMjQzQTdBMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk/ObhsAAACXSURBVHjaZE8BFsUgCAIP2f1PIj8lt/W+eysEwuJaC39Fcq/BqJ1VpvgU6iuZEVFq8K4Imxy1EQT7ZgYoO3rgM5UvAY8pStN87CcAr/+CtGQPbDx4Sv3vdAmqEaoDQsMiNqRsUwUJeTNo2/QfsreRKwc2OhzK7vpdypz7nAjXRnlgusvujyU709KcdMa+pdW+1/vanwADAEk6hANe8naWAAAAAElFTkSuQmCC)
}

.Button.Button--alternate.Button--small:after, .Button.Button--alternate.Button--xsmall:after, .Button.Button--default.Button--small:after, .Button.Button--default.Button--xsmall:after {
	border: 2px solid;
	-o-border-image: linear-gradient(180deg, #888, #3f3f3f) 1;
	border-image: linear-gradient(180deg, #888, #3f3f3f) 1;
	border-top-color: #888;
	border-bottom-color: #3f3f3f
}

.Button--link {
	color: #e22c14;
	font-family: Open Sans, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	letter-spacing: normal;
	box-shadow: none;
	text-shadow: none
}

.Button--link:after, .Button--link:before {
	display: none
}

.Button--link:active, .Button--link:focus, .Button--link:hover {
	color: #e22c14;
	text-decoration: underline
}

.Button--link.is-underlined {
	text-decoration: underline
}

.Button--link.is-underlined:active, .Button--link.is-underlined:focus, .Button--link.is-underlined:hover {
	text-decoration: none
}

.Button--small:before, .Button--xsmall:before {
	top: 2px;
	left: 2px;
	right: 2px;
	bottom: 2px
}

.Button--small:after, .Button--xsmall:after {
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px
}

.Button--xsmall {
	font-size: .7em
}

.Button--small {
	font-size: .8em
}

.Button--large {
	font-size: 1.2em
}

.Button--xlarge {
	font-size: 1.3em
}

.StoreButton-container {
	display: none
}

.StoreButton {
	position: relative;
	z-index: 10
}

@media (min-width:30em) {
	.StoreButton {
		margin-top: -2rem
	}

}

@media (min-width:30em) {
	.zh-tw .AppStoreButton {
		margin-top: 0
	}

}

@media (min-width:40em) {
	.zh-tw .AppStoreButton {
		margin-top: -2rem
	}

}

.Homepage .AppStoreButton, .homepage .AppStoreButton {
	margin-top: 0
}

@media (min-width:30em) {
	.zh-tw .AndroidButtons {
		margin-top: 0
	}

}

@media (min-width:40em) {
	.zh-tw .AndroidButtons {
		margin-top: -2rem
	}

}

.Homepage .AndroidButtons, .homepage .AndroidButtons {
	margin-top: .25rem
}

@media (min-width:30em) {
	.Homepage .AndroidButtons, .homepage .AndroidButtons {
		margin-top: 1rem
	}

}

.AndroidButtons .StoreButton:not(:first-child) {
	margin-left: .5rem
}

.AndroidButtons .StoreButton-image {
	height: 40px
}

.Download {
	margin-left: 1em;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	color: #e22c14;
	text-decoration: none;
	font-weight: 400;
	font-family: Open Sans Semibold, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display Bold, Tahoma, Verdana, Arial, Helvetica, sans-serif
}

.Download:before {
	margin: -2px 8px 0 0
}

.Button-content {
	color: #fff;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	text-shadow: 0 0 4px #000, 0 0 8px #000;
	overflow: hidden;
	text-transform: uppercase
}

.ko-kr .Button-content {
	font-family: NanumMyeongjo Bold
}

.BetaButton--home {
	height: 51px;
	margin-left: 10px;
	background: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/button1-top-small-644a0675747cf2bbdb3437d58f05ff27c3210d3c3b1f9b4a29a0d5c586ccf780414ac3b9e978f3c86188900771129a4576bcb46eadb9498aff3b7e4642132007.png) 100% -102px no-repeat;
	padding-right: 25px
}

@media (min-width:72.5em) {
	.BetaButton--home {
		height: 71px;
		margin: 1.5rem 0 .6rem 10px;
		background: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/button1-top-0c4b25330368c084e9e16f0a9ecc9db0ed201d4a9d0837d029fab9d358b395f778c972fbf84a668980621694c2816f295eaddb3d56f19012d4443cee7973526c.png) 100% -142px no-repeat;
		padding-right: 35px
	}

}

.BetaButton--home .Button-content {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/button1-top-small-644a0675747cf2bbdb3437d58f05ff27c3210d3c3b1f9b4a29a0d5c586ccf780414ac3b9e978f3c86188900771129a4576bcb46eadb9498aff3b7e4642132007.png);
	padding-left: 25px;
	font-size: 17px;
	line-height: 50px;
	letter-spacing: 1px;
	min-width: 130px;
	margin-left: -10px;
	height: 51px
}

@media (min-width:72.5em) {
	.BetaButton--home .Button-content {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/button1-top-0c4b25330368c084e9e16f0a9ecc9db0ed201d4a9d0837d029fab9d358b395f778c972fbf84a668980621694c2816f295eaddb3d56f19012d4443cee7973526c.png);
		padding-left: 35px;
		font-size: 1.5rem;
		line-height: 67px;
		min-width: 175px;
		height: 71px
	}

}

.ko-kr .BetaButton--home .Button-content {
	font-size: 18px
}

.ie9 .zh-tw .BetaButton--home .Button-content {
	min-width: 0
}

.BetaButton--home:hover {
	background-position: 100% -153px;
	box-shadow: 0 11px 10px -12px #ff0
}

@media (min-width:72.5em) {
	.BetaButton--home:hover {
		background-position: 100% -213px
	}

}

.BetaButton--home:hover .Button-content {
	background-position: 0 -51px
}

@media (min-width:72.5em) {
	.BetaButton--home:hover .Button-content {
		background-position: 0 -71px
	}

}

.BetaButton-row {
	margin: -1em auto -2em;
	text-align: center
}

@media (min-width:40em) {
	.BetaButton-row {
		margin: 1em auto
	}

}

.BetaButton-text {
	display: block;
	font: 700 1.15em Palatino Linotype, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif;
	color: #2e2e2e;
	margin-top: .5em
}

.BetaButton--sub {
	display: inline-block;
	height: 72px;
	background: transparent url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/button1-top-sub-e4f02be833f7afe3a86949e94c49ed685f32ee72426a7bb10df73855fc060578febd8999365ac7d83e183cf5edf768cd8e831766380076f0942ce6d397566170.png) 100% -160px no-repeat;
	padding-right: 50px;
	z-index: 10;
	position: relative;
	margin-top: -1rem
}

.BetaButton--sub:hover {
	background-position: 100% -237px
}

.BetaButton--sub:hover .Button-content {
	background-position: 0 -84px
}

.BetaButton--sub .Button-content {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/button1-top-sub-e4f02be833f7afe3a86949e94c49ed685f32ee72426a7bb10df73855fc060578febd8999365ac7d83e183cf5edf768cd8e831766380076f0942ce6d397566170.png);
	padding-left: 50px;
	font-size: 18px;
	line-height: 86px;
	min-width: 150px;
	margin-left: -30px;
	height: 72px;
	z-index: 2
}

.ko-kr .BetaButton--sub .Button-content {
	font-size: 16px
}

.ie9 .BetaButton--sub .Button-content {
	min-width: 0
}

@media (min-width:40em) {
	.BetaButton--sub .Button-content {
		height: 76px
	}

}

@media (min-width:40em) {
	.BetaButton--sub {
		margin-top: 0;
		height: 78px
	}

}

.HearthstoneCta-inner {
	padding: 4px;
	background-color: #6f5742;
	background: linear-gradient(180deg, #6f5742, #81615d);
	border-radius: 3px;
	border: 0;
	display: block
}

.HearthstoneCta {
	cursor: pointer;
	padding: 0 2px;
	background-color: #c1b3b0;
	background: linear-gradient(180deg, #c1b3b0, #c1b3b0 9%, #4a3424 93%, #1c140d);
	border-top: 2px solid #ad9a90;
	border-bottom: 2px solid #1c140d;
	border-right: none;
	border-left: none;
	box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .35);
	border-radius: 5px;
	display: inline-block;
	height: auto
}

.HearthstoneCta .HearthstoneCta-btn {
	background-color: #bc22c7;
	background: linear-gradient(180deg, #f756fe, #c84bd6 5%, #7305ae 59%, #661f91);
	box-shadow: 0 2px 6px 0 #331e0b;
	display: table;
	padding: 3px;
	color: #fff;
	text-decoration: none;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	text-shadow: 1px 1px #000;
	font-size: 1.1rem;
	line-height: 1;
	letter-spacing: 1px;
	text-align: center;
	border-radius: 2px;
	height: 2.2rem;
	min-height: 2.2rem;
	width: 100%
}

.HearthstoneCta .HearthstoneCta-text {
	background: radial-gradient(circle, #bc22c7 25%, #7c1693 75%, #5c1096);
	display: table-cell;
	width: 100%;
	vertical-align: middle;
	color: #fff;
	padding: .6rem 1.5rem;
	text-transform: uppercase;
	font-weight: 700;
	text-shadow: 0 0 4px #000, 0 0 8px #000;
	font-size: 1.25rem;
	letter-spacing: 2px
}

@media (min-width:72.5em) {
	.HearthstoneCta .HearthstoneCta-text {
		font-size: 1.4rem;
		padding: .7rem 1.7rem
	}

}

.HearthstoneCta .HearthstoneCta-text:hover {
	text-decoration: none
}

.HearthstoneCta:not([disabled]):hover {
	background-position: inherit
}

.HearthstoneCta:not([disabled]):hover .HearthstoneCta-inner {
	text-decoration: none
}

.HearthstoneCta:not([disabled]):hover .HearthstoneCta-text {
	background: radial-gradient(circle, #e235ee 22%, #981cb4)
}

.HearthstoneCta.is-active .HearthstoneCta-text {
	background: radial-gradient(circle, #e235ee 25%, #981cb4 75%, #600f9e);
	box-shadow: inset 0 0 16px 0 #f34bff
}

.HearthstoneCta--small .HearthstoneCta-text {
	font-size: 1.25rem;
	padding: .6rem 1.5rem
}

.HearthstoneCta--xsmall .HearthstoneCta-text {
	padding-top: .25rem;
	padding-bottom: .25rem;
	font-size: .8rem
}

.HearthstoneCta--xsmall .HearthstoneCta-btn {
	height: auto;
	min-height: 0
}

.HearthstoneButton {
	padding: 4px 5px;
	background-color: #bda160;
	background: linear-gradient(180deg, #bda160, #e3c165 4%, #e5d591 5%, #8d7546 12%, #533827 95%, #30241d);
	border-top: 1px solid #bda160;
	border-bottom: 1px solid #30241d;
	border-right: none;
	border-left: none;
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .35);
	border-radius: 5px;
	display: block
}

@media (min-width:40em) {
	.HearthstoneButton {
		box-shadow: none;
		border-radius: 0;
		background: none;
		padding: 0;
		border: none
	}

}

.HearthstoneButton .HearthstoneButton-btn {
	background-color: #64614e;
	background: linear-gradient(180deg, #6b6356, #585350 5%, #5d5a53 93%, #343231);
	display: table;
	padding: 3px;
	color: #fff;
	text-decoration: none;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	font-size: 1.125rem;
	line-height: 1;
	letter-spacing: 1px;
	text-align: center;
	border-radius: 3px;
	height: 2.5rem;
	min-height: 2.5rem;
	width: 100%
}

@media (min-width:40em) {
	.HearthstoneButton .HearthstoneButton-btn {
		box-shadow: none;
		border-radius: 0;
		background: none;
		padding: 0;
		border: none
	}

}

.HearthstoneButton .HearthstoneButton-text {
	display: table-cell;
	width: 100%;
	vertical-align: middle;
	color: #250600;
	background-color: #9d8f86;
	background: linear-gradient(180deg, #9d8f86, #d2c4b0 17%, #988c7b);
	border-radius: 2px;
	font-weight: 700;
	padding: .5rem
}

.HearthstoneButton .HearthstoneButton-text:hover {
	text-decoration: none
}

@media (min-width:40em) {
	.HearthstoneButton .HearthstoneButton-text {
		box-shadow: none;
		border-radius: 0;
		background: none;
		padding: 0;
		border: none
	}

}

.HearthstoneButton:hover {
	background-color: #d1aa32;
	background: linear-gradient(180deg, #d1aa32, #f0d852 5%, #fef5c5 8%, #c0a618 12%, #976a1b 95%, #534120);
	border-top-color: #d1aa32;
	border-bottom-color: #534120;
	text-decoration: none
}

@media (min-width:40em) {
	.HearthstoneButton:hover {
		box-shadow: none;
		border-radius: 0;
		background: none;
		padding: 0;
		border: none
	}

}

.HearthstoneButton:hover .HearthstoneButton-inner {
	text-decoration: none
}

.HearthstoneButton:hover .HearthstoneButton-text {
	background-color: #9d8f86;
	background: linear-gradient(180deg, #9d8f86, #efe4d4 17%, #a49a8b);
	color: #250600
}

@media (min-width:40em) {
	.HearthstoneButton:hover .HearthstoneButton-text {
		box-shadow: none;
		border-radius: 0;
		background: none;
		padding: 0;
		border: none
	}

}

.HearthstoneButton.is-active {
	background-color: #d1aa32;
	background: linear-gradient(180deg, #d1aa32, #f0d852 5%, #fef5c5 8%, #c0a618 12%, #976a1b 95%, #534120);
	border-top-color: #d1aa32;
	border-bottom-color: #534120;
	text-decoration: none
}

@media (min-width:40em) {
	.HearthstoneButton.is-active {
		box-shadow: none;
		border-radius: 0;
		background: none;
		padding: 0;
		border: none
	}

}

.HearthstoneButton.is-active .HearthstoneButton {
	background-color: #d1aa32;
	background: linear-gradient(180deg, #d1aa32, #f0d852 5%, #fef5c5 8%, #c0a618 12%, #976a1b 95%, #534120);
	border-top-color: #d1aa32;
	border-bottom-color: #534120;
	text-decoration: none
}

@media (min-width:40em) {
	.HearthstoneButton.is-active .HearthstoneButton {
		box-shadow: none;
		border-radius: 0;
		background: none;
		padding: 0;
		border: none
	}

}

.HearthstoneButton.is-active .HearthstoneButton-text {
	background-color: #4c3f25;
	background: linear-gradient(180deg, #4c3f25, #5b4d30 17%, #463a21);
	color: #edddc2
}

@media (min-width:40em) {
	.HearthstoneButton.is-active .HearthstoneButton-text {
		box-shadow: none;
		border-radius: 0;
		background: none;
		padding: 0;
		border: none
	}

}

.HearthstoneCta--disabled {
	opacity: .5;
	cursor: not-allowed
}

.BtnDark {
	display: block;
	text-align: center;
	margin: .5rem 1rem
}

.BtnDark--vertical {
	margin: 0
}

.BtnDark--vertical+.BtnDark--vertical {
	margin-top: .5rem
}

.BtnDark--full-width {
	width: 100%
}

.BtnDark-link {
	border-radius: .25rem;
	display: block;
	background-color: #a0815d;
	border: 6px solid #c6b38a;
	color: #fff;
	text-decoration: none;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	text-shadow: 1px 1px #000;
	font-size: 1.125rem;
	letter-spacing: 1px
}

.BtnDark-link--full-width {
	width: 100%;
	max-width: 30rem;
	margin: auto
}

.BtnDark-link:hover {
	background-color: #725a37;
	text-decoration: none
}

.BtnDark-inner {
	padding: .25em 0;
	display: block;
	box-shadow: 0 1px 1px #725a37
}

.FeatureBox {
	text-align: left;
	margin-bottom: 1.5em
}

.FeatureBox p {
	font-size: .875rem;
	margin-bottom: .5em
}

.FeatureBox--with-icon {
	position: relative;
	padding-left: 5rem
}

.FeatureBox--with-icon:before {
	display: block;
	position: absolute;
	top: 0;
	left: 0
}

@media (min-width:40em) {
	.FeatureBox--with-icon {
		padding-left: 0
	}

	.FeatureBox--with-icon:before {
		margin: 0 auto 1rem;
		position: relative
	}

}

.FeatureBox-heading {
	font-weight: 700;
	font-size: 1.25rem;
	color: #233a6e
}

.FeatureBox-heading.FeatureBox-heading--centered {
	display: block;
	margin-bottom: .5rem
}

@media (min-width:40em) {
	.FeatureBox-heading.FeatureBox-heading--centered {
		text-align: center
	}

}

@media (min-width:40em) {
	.FeatureBox-Group {
		display: -webkit-box;
		display: -webkit-flexbox;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	.FeatureBox-Group .FeatureBox {
		padding-left: 1em;
		padding-right: 1em
	}

}

.Dropdown-hearthstone:after, .Dropdown-hearthstone:before, .endcap {
	height: 43px;
	content: "";
	display: inline-block
}

.Dropdown-hearthstone {
	font-family: Helvetica, Arial, sans-serif;
	display: block;
	position: relative;
	white-space: nowrap
}

.Dropdown-hearthstone:before {
	width: 35px;
	background: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/hearthstone-dropdown-cdcc72b4c0f1ff2bba90694807b33bc44e31c3a0146a915ea5174ffb07ddbc75e2f2248f5805744d420460d67aded8181c051d62ee12133753d22b7513451468.png) 0 0 no-repeat
}

.Dropdown-hearthstone:after {
	width: 70px;
	background: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/hearthstone-dropdown-cdcc72b4c0f1ff2bba90694807b33bc44e31c3a0146a915ea5174ffb07ddbc75e2f2248f5805744d420460d67aded8181c051d62ee12133753d22b7513451468.png) 0 -45px no-repeat;
	margin-left: -5px
}

.Dropdown-hearthstone:hover {
	cursor: pointer
}

.Dropdown-hearthstone:hover:after {
	background-position: 0 -90px
}

.Dropdown-hearthstone select {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	opacity: 0;
	position: absolute;
	top: 0;
	left: 35px;
	width: 90%;
	display: block;
	min-height: 41px;
	height: 41px
}

.Dropdown-hearthstone select:hover {
	cursor: pointer
}

.Dropdown-border {
	vertical-align: top;
	width: 64%;
	width: calc(100% - 105px);
	position: relative;
	display: inline-block;
	background-repeat: no-repeat;
	background-color: #8b867a;
	background-image: linear-gradient(#8b867a, #0e100e);
	padding: 3px 0;
	border: none;
	margin-left: -6px
}

.Dropdown-wrapper {
	background-color: #3b3732;
	padding: 4px;
	display: block
}

.Dropdown-selectedOption {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	width: 100%;
	border: 2px solid #7b766d;
	border-radius: 3px;
	height: 27px;
	text-align: left;
	padding-left: .5rem;
	font-weight: 700;
	text-transform: none;
	font-size: 1rem;
	background-color: #eadbb5
}

.location .Dropdown-selectedOption {
	background: #eadbb5 url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/hearthstone-dropdown-cdcc72b4c0f1ff2bba90694807b33bc44e31c3a0146a915ea5174ffb07ddbc75e2f2248f5805744d420460d67aded8181c051d62ee12133753d22b7513451468.png) 0 -140px no-repeat;
	padding-left: 2rem
}

.has-open-modal, .Modal {
	overflow: hidden
}

.Modal {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10010;
	-webkit-overflow-scrolling: touch;
	outline: 0
}

.Modal.fade {
	opacity: 0;
	transition: opacity .3s ease-out
}

.Modal.in {
	opacity: 1
}

.Modal.fade .Modal-dialog {
	-webkit-transform: translateY(-25%);
	-ms-transform: translateY(-25%);
	transform: translateY(-25%);
	transition: -webkit-transform .3s ease-out;
	transition: transform .3s ease-out;
	transition: transform .3s ease-out, -webkit-transform .3s ease-out
}

.Modal.in .Modal-dialog {
	-webkit-transform: translate(0);
	-ms-transform: translate(0);
	transform: translate(0)
}

.has-open-modal .Modal {
	overflow-x: hidden;
	overflow-y: auto
}

.Modal-dialog {
	position: relative;
	width: auto;
	margin: 10px
}

.Modal-content {
	position: relative;
	background-color: #f2ebe3;
	background-clip: padding-box;
	color: #000;
	font-weight: 400;
	background: #f2ebe3;
	border-radius: .5rem;
	border: 2px solid #000;
	box-shadow: 0 2px 10px rgba(0, 0, 0, .8);
	margin-bottom: 4rem;
	overflow: hidden;
	outline: 0
}

.Modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10000;
	background-color: #000
}

.Modal-backdrop.fade {
	opacity: 0
}

.Modal-backdrop.in {
	opacity: .5
}

.Modal-header {
	padding: 15px 25px
}

.Modal-title {
	margin: 0;
	line-height: 1.42857
}

.Modal-body {
	position: relative;
	padding: 15px 25px
}

.Modal-body>:last-child {
	margin-bottom: 0
}

.Modal-footer {
	padding: 15px 25px
}

.Modal-footer .btn+.btn {
	margin-left: 5px;
	margin-bottom: 0
}

.Modal-footer .btn-group .btn+.btn {
	margin-left: -1px
}

.Modal-footer .btn-block+.btn-block {
	margin-left: 0
}

.Modal-footer .organizer-form__controls {
	text-align: center;
	margin-bottom: 0
}

@media (min-width:40em) {
	.Modal-footer .organizer-form__controls {
		text-align: right
	}

}

.Modal-footer .hearthstone-cta {
	vertical-align: middle
}

.Modal-footer .Button {
	margin-bottom: 0
}

.Modal-scrollbarMeasure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll
}

@media (min-width:40em) {
	.Modal-dialog {
		width: 90%;
		max-width: 986px;
		margin: 5vh auto
	}

	.Modal--small .Modal-dialog {
		max-width: 300px
	}

	.Modal-content {
		box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
	}

}

@media (min-width:60em) {
	.Modal-dialog {
		margin: 15vh auto
	}

	.Modal--large .Modal-dialog {
		max-width: 1160px
	}

}

button.Modal-close {
	-webkit-appearance: none;
	padding: 0;
	cursor: pointer;
	background: 0 0;
	border: 0
}

.Modal-close {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -313px -257px;
	width: 12px;
	height: 12px;
	position: absolute;
	top: .6em;
	right: .6em;
	overflow: hidden;
	z-index: 100;
	text-indent: -9999px
}

.Modal-close:active, .Modal-close:focus, .Modal-close:hover {
	opacity: .75
}

.Modal--framed .Modal-dialog:after {
	content: "";
	position: absolute;
	top: 10px;
	left: 10px;
	right: 10px;
	bottom: 10px;
	box-shadow: 0 5px 40px 5px #000;
	z-index: -1
}

.Modal--framed .Modal-content {
	background: transparent;
	box-shadow: none;
	border: 13px solid transparent;
	border-right-width: 12px;
	border-left-width: 12px;
	border-image-slice: 46 46 46 46 fill;
	border-image-width: 46px 46px 46px 46px;
	border-image-outset: 0 0 0 0;
	border-image-repeat: round;
	border-image-source: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/modalframe-eb97618d53658210e5b3a6133ef75eb825d90fdc7cd3440ddadfb9bbf743d0592e714fd82a7d3a2b23680c71904a27c8c88dd1d36d5b980063eafbc0184d54d5.png)
}

.Modal--framed .Modal-body, .Modal--framed .Modal-footer, .Modal--framed .Modal-title {
	color: #fff;
	text-shadow: 0 1px 5px #000
}

.Modal--framed .Modal-header {
	text-align: center;
	padding: 33px 25px 18px;
	border-width: 0 0 1px;
	border-style: solid;
	-o-border-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, .35), transparent) 1;
	border-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, .35), transparent) 1
}

.Modal--framed .Modal-header+.Modal-body {
	border-width: 1px 0 0;
	border-style: solid;
	-o-border-image: linear-gradient(90deg, transparent, hsla(0, 0%, 98%, .15), transparent) 1;
	border-image: linear-gradient(90deg, transparent, hsla(0, 0%, 98%, .15), transparent) 1
}

.Modal--framed .Modal-body {
	padding: 22px 35px
}

.Modal--framed .Modal-footer {
	margin: 5px 4px 7px;
	border: 10px solid transparent;
	border-image-slice: 22 15 27 15 fill;
	border-image-width: 22px 10px 22px 10px;
	border-image-outset: 10px 0 0 0;
	border-image-repeat: stretch;
	border-image-source: url(https://d2q63o9r0h0ohi.cloudfront.net/images/ui/modalFooter-50c73557a439aa4d20528d4c27ae49aeeabdd9ccac7bdafbe2727d648aada7fd92829dc842a905c083ee8a7102e7e79e1a8d60c0b83e525a75b73cf9cfbf0368.png)
}

.Modal--framed .Modal-close {
	background-position: 0 0;
	right: 0
}

.Modal--framed .Modal-close, .Modal--framed .Modal-close:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/ui-components-sprite-c675ea51a1f4d53a2f2b5c89d7fdc9d4d75679560f6899885b4b750e990847cf366574d45d98bf3d32d4514547c632971f8d8c2738b40bc6bc356ff4c9e92b2f.png);
	width: 44px;
	height: 42px;
	top: 0
}

.Modal--framed .Modal-close:before {
	background-position: -46px 0;
	content: "";
	position: absolute;
	left: 0;
	opacity: 0;
	transition: all .15s ease-in
}

.Modal--framed .Modal-close:active, .Modal--framed .Modal-close:active:before, .Modal--framed .Modal-close:focus, .Modal--framed .Modal-close:focus:before, .Modal--framed .Modal-close:hover, .Modal--framed .Modal-close:hover:before {
	opacity: 1
}

.PaperBtn {
	position: relative;
	display: inline-block;
	text-align: center;
	color: #725a37
}

.PaperBtn:after, .PaperBtn:before {
	content: "";
	position: absolute;
	top: 0;
	z-index: -1
}

.PaperBtn:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/buttons-sprite-4f2c72987a676bb746dd2aa4e1fbbb46d75c65174b993824074a093f6d4ef0594d8d39ab01958fb7b46a8c66f33b64c7efb9cac1499f6abbd89ac4304600606f.png);
	background-position: 0 -77px;
	width: 325px;
	height: 75px;
	width: calc(100% - 31px);
	left: 0
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.PaperBtn:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/buttons-sprite@2x-6a8a607de1baf683bad09d43c7231c411ba01d36d02f2d3a7db6c6b83b9a2b229c24febfca91c300874a06a0543a1f8884c1e2370a2c8d92a6854fe565045499.png);
		background-size: 325px 229px
	}

}

.PaperBtn:after {
	content: "";
	position: absolute;
	top: 0;
	right: 2px;
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/buttons-sprite-4f2c72987a676bb746dd2aa4e1fbbb46d75c65174b993824074a093f6d4ef0594d8d39ab01958fb7b46a8c66f33b64c7efb9cac1499f6abbd89ac4304600606f.png);
	background-position: -33px -154px;
	width: 31px;
	height: 75px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.PaperBtn:after {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/buttons-sprite@2x-6a8a607de1baf683bad09d43c7231c411ba01d36d02f2d3a7db6c6b83b9a2b229c24febfca91c300874a06a0543a1f8884c1e2370a2c8d92a6854fe565045499.png);
		background-size: 325px 229px
	}

}

.PaperBtn .PaperBtn--inner {
	position: relative;
	padding: 1.5em 5px .9em 36px;
	margin-right: 31px;
	min-width: 175px;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	font-size: 1.25em;
	white-space: nowrap
}

.PaperBtn .PaperBtn--inner:after, .PaperBtn .PaperBtn--inner:before {
	content: "";
	position: absolute;
	top: 0;
	opacity: 0;
	z-index: -1;
	transition: all .15s
}

.PaperBtn .PaperBtn--inner:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/buttons-sprite-4f2c72987a676bb746dd2aa4e1fbbb46d75c65174b993824074a093f6d4ef0594d8d39ab01958fb7b46a8c66f33b64c7efb9cac1499f6abbd89ac4304600606f.png);
	background-position: 0 0;
	width: 325px;
	height: 75px;
	width: 100%;
	left: 0
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.PaperBtn .PaperBtn--inner:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/buttons-sprite@2x-6a8a607de1baf683bad09d43c7231c411ba01d36d02f2d3a7db6c6b83b9a2b229c24febfca91c300874a06a0543a1f8884c1e2370a2c8d92a6854fe565045499.png);
		background-size: 325px 229px
	}

}

.PaperBtn .PaperBtn--inner:after {
	right: -29px;
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/buttons-sprite-4f2c72987a676bb746dd2aa4e1fbbb46d75c65174b993824074a093f6d4ef0594d8d39ab01958fb7b46a8c66f33b64c7efb9cac1499f6abbd89ac4304600606f.png);
	background-position: 0 -154px;
	width: 31px;
	height: 75px;
	z-index: 0
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.PaperBtn .PaperBtn--inner:after {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/buttons-sprite@2x-6a8a607de1baf683bad09d43c7231c411ba01d36d02f2d3a7db6c6b83b9a2b229c24febfca91c300874a06a0543a1f8884c1e2370a2c8d92a6854fe565045499.png);
		background-size: 325px 229px
	}

}

@media (min-width:60em) {
	.PaperBtn .PaperBtn--inner {
		padding-top: 1.15em
	}

}

a.PaperBtn:active, a.PaperBtn:focus, a.PaperBtn:hover {
	text-decoration: none
}

a.PaperBtn:active .PaperBtn--inner:after, a.PaperBtn:active .PaperBtn--inner:before, a.PaperBtn:focus .PaperBtn--inner:after, a.PaperBtn:focus .PaperBtn--inner:before, a.PaperBtn:hover .PaperBtn--inner:after, a.PaperBtn:hover .PaperBtn--inner:before {
	opacity: 1
}

.Pagination {
	overflow: visible
}

.Pagination li {
	margin-left: 4px;
	display: inline-block
}

.Pagination li.Pagination-expander {
	text-align: center;
	font-weight: 700;
	margin: 0 1px 0 4px;
	vertical-align: bottom
}

.Pagination li a {
	display: inline-block;
	padding: 0;
	background-color: #ac7f5b;
	border: 3px solid #ceb288;
	border-radius: 3px;
	font-weight: 400
}

.Pagination li a span {
	display: inline-block;
	margin: 0;
	padding: 0 6px;
	height: 18px;
	line-height: 18px;
	font-size: 11px;
	color: #fff
}

.Pagination li.is-current a, .Pagination li a:hover {
	background-color: #885633
}

.Pagination li a:hover span {
	color: #daac55
}

.Pagination li.is-current a span {
	color: #f3e6d0;
	font-weight: 700
}

.Pagination li.is-first a, .Pagination li.is-last a, .Pagination li.Pagination-capItem a {
	padding: 0
}

.TavernSign {
	position: relative;
	max-width: 512px;
	max-height: 512px
}

.TavernSign-banner, .TavernSign-frame, .TavernSign-frameShadow, .TavernSign-majorInsignia, .TavernSign-minorInsignia, .TavernSign-name {
	position: absolute;
	top: 0;
	left: 0
}

.TavernSign-minorInsignia {
	top: 18%;
	width: 25%;
	height: 25%
}

.TavernSign-majorInsignia, .TavernSign-minorInsignia {
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}

.TavernSign-majorInsignia {
	top: 25%;
	width: 50%;
	height: 50%
}

.TavernSign-name {
	visibility: hidden;
	font-family: Belwe Bold, BlizzBanguiat, PSL Asadong Pro, Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif, Tahoma, Sans-serif;
	position: absolute;
	left: 50.5%;
	top: 67.75%;
	font-size: 60px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	letter-spacing: 2px;
	white-space: nowrap;
	width: 71%;
	height: 8%;
	text-align: center
}

.TavernSign-name.is-initialized {
	visibility: visible
}

.TavernSign-name svg {
	display: block
}

.TavernSign-name svg path {
	fill: transparent
}

.TavernSign-name svg text {
	fill: #fff;
	text-shadow: 1px 0 0 #000, -.94634px .32318px 0 #000, .7911px -.61168px 0 #000, -.55096px .83453px 0 #000, .25169px -.96781px 0 #000, .0746px .99721px 0 #000, -.39288px -.91959px 0 #000, .66899px .74327px 0 #000, -.8733px -.48717px 0 #000, .98389px .17879px 0 #000, -.98887px .14878px 0 #000, .88772px -.46038px 0 #000, -.69129px .72257px 0 #000, .42067px -.90721px 0 #000, -.1049px .99448px 0 #000, -.22213px -.97502px 0 #000, .52532px .8509px 0 #000, -.77213px -.63546px 0 #000, .93607px .35182px 0 #000, -.99954px -.03042px 0 #000, .95573px -.29425px 0 #000, -.80934px .58733px 0 #000, .5761px -.81738px 0 #000, -.28101px .9597px 0 #000, -.04423px -.99902px 0 #000, .36472px .93112px 0 #000, -.64607px -.76328px 0 #000, .85808px .51352px 0 #000, -.97799px -.20864px 0 #000, .99294px -.11863px 0 #000, -.90131px .43317px 0 #000, .71295px -.70121px 0 #000, -.44807px .894px 0 #000, .1351px -.99083px 0 #000, .19237px .98132px 0 #000, -.49919px -.86649px 0 #000, .75244px .65866px 0 #000, -.92493px -.38014px 0 #000, .99815px .06081px 0 #000, -.96424px .26504px 0 #000, .82684px -.56244px 0 #000, -.60069px .79948px 0 #000, .31008px -.95071px 0 #000, .01382px .9999px 0 #000, -.33623px -.94178px 0 #000, .62255px .78258px 0 #000, -.84206px -.53938px 0 #000, .97119px .23829px 0 #000, -.99609px .08837px 0 #000, .91407px -.40555px 0 #000, -.73396px .6792px 0 #000, .47506px -.87995px 0 #000, -.16518px .98626px 0 #000, -.16243px -.98672px 0 #000, .4726px .88127px 0 #000, -.73206px -.68124px 0 #000, .91294px .4081px 0 #000, -.99584px -.09115px 0 #000, .97185px -.23558px 0 #000, -.84356px .53703px 0 #000, .62474px -.78084px 0 #000, -.33886px .94084px 0 #000, .01661px -.99986px 0 #000, .30742px .95157px 0 #000, -.59846px -.80115px 0 #000, .82526px .56475px 0 #000, -.96349px -.26773px 0 #000, .99832px -.05803px 0 #000, -.92599px .37755px 0 #000, .75428px -.65656px 0 #000, -.50161px .86509px 0 #000, .19511px -.98078px 0 #000, .13234px .9912px 0 #000, -.44558px -.89524px 0 #000, .71099px .7032px 0 #000, -.9001px -.43568px 0 #000, .9926px .1214px 0 #000, -.97857px .20591px 0 #000, .85951px -.51112px 0 #000, -.6482px .76147px 0 #000, .36732px -.93009px 0 #000, -.04702px .99889px 0 #000, -.27833px -.96048px 0 #000, .57381px .81899px 0 #000, -.8077px -.58959px 0 #000, .9549px .29691px 0 #000, -.99962px .02763px 0 #000, .93704px -.34921px 0 #000, -.7739px .63331px 0 #000, .52769px -.84943px 0 #000, -.22485px .97439px 0 #000, -.10212px -.99477px 0 #000, .41814px .90838px 0 #000, -.68927px -.7245px 0 #000, .88643px .46286px 0 #000, -.98845px -.15154px 0 #000, .98438px -.17605px 0 #000, -.87466px .48474px 0 #000, .67106px -.7414px 0 #000, -.39544px .91849px 0 #000, .07738px -.997px 0 #000, .24899px .96851px 0 #000, -.54863px -.83606px 0 #000, .78939px .61389px 0 #000, -.94543px -.32582px 0 #000, 1px .00279px 0 #000, -.94723px .32054px 0 #000, .79281px -.60947px 0 #000, -.55329px .83299px 0 #000, .25439px -.9671px 0 #000, .07181px .99742px 0 #000, -.39031px -.92068px 0 #000, .66692px .74513px 0 #000, -.87194px -.48961px 0 #000, .98338px .18154px 0 #000, -.98928px .14602px 0 #000, .889px -.4579px 0 #000, -.69331px .72064px 0 #000, .4232px -.90604px 0 #000, -.10767px .99419px 0 #000, -.21941px -.97563px 0 #000, .52295px .85237px 0 #000, -.77035px -.63762px 0 #000, .93508px .35443px 0 #000, -.99945px -.03321px 0 #000, .95655px -.29158px 0 #000, -.81098px .58507px 0 #000, .57837px -.81577px 0 #000, -.28369px .95892px 0 #000
}

.TavernSign--xsmall {
	width: 52px;
	height: 52px
}

.TavernSign--small, .TavernSign--xsmall {
	-webkit-filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .3));
	filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .3))
}

.TavernSign--small {
	width: 100px;
	height: 100px
}

.TavernSign--medium {
	width: 244px;
	height: 244px;
	-webkit-filter: drop-shadow(0 4px 3px rgba(0, 0, 0, .4));
	filter: drop-shadow(0 4px 3px rgba(0, 0, 0, .4))
}

.TavernSign--large {
	width: 512px;
	height: 512px;
	-webkit-filter: drop-shadow(0 6px 4px rgba(0, 0, 0, .5));
	filter: drop-shadow(0 6px 4px rgba(0, 0, 0, .5))
}

.TavernSign.has-tooltip .Tooltip.pin-left {
	left: 30px
}

.Tile {
	position: relative;
	display: block;
	width: 100%;
	height: 200px
}

@media (min-width:60em) {
	.Tile {
		height: auto
	}

}

.Tile:before {
	display: block;
	content: "";
	width: 100%
}

.Tile-images {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 0
}

@media (min-width:60em) {
	.Tile-images {
		overflow: visible
	}

}

.Tile-content {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1
}

.Tile--hasBackground .Tile-images {
	background-position: 50%;
	transition: background-image .5s ease-out
}

@media (min-width:60em) {
	.Tile--hasBackground .Tile-images {
		background-repeat: no-repeat
	}

}

.Tile--hasBackground .Tile-images:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover
}

@media (min-width:60em) {
	.Tile--hasBackground .Tile-images:before {
		background-clip: content-box
	}

}

.Tile--hasBackground .Tile-images:after {
	display: none;
	content: "";
	overflow: hidden;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-repeat: no-repeat;
	background-size: contain;
	transition: background-image .5s ease-out
}

@media (min-width:60em) {
	.Tile--hasBackground .Tile-images:after {
		overflow: visible;
		z-index: 0
	}

}

.Tile--fullWidth {
	max-width: 2600px;
	max-height: 663px
}

.Tile--fullWidth:before {
	padding-top: 25.5%
}

.Tile--fullWidth .Tile-content {
	padding: .51% .765%
}

@media (min-width:60em) {
	.Tile--fullWidth .Tile-content {
		padding: 2.193% 3.213%
	}

}

.Tile--fullWidth .Tile-images {
	background-size: cover
}

@media (min-width:60em) {
	.Tile--fullWidth .Tile-images {
		background-size: 98%
	}

}

@media (min-width:60em) {
	.Tile--fullWidth .Tile-images:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/big-frame-588569e15db5272c0b8f9db3994ede4c01c519dbe750e3d45d4cf3d77f6d8b6f7df4d16f0c6b04954bd438bd563d43eec25f24918fc109c34125a28760148f94.png)
	}

}

.Tile--halfWidth {
	max-width: 1300px;
	max-height: 660px
}

@media (min-width:60em) {
	.Tile--halfWidth {
		display: inline-block;
		width: 50%
	}

}

.Tile--halfWidth:before {
	padding-top: 50.76923%
}

.Tile--halfWidth .Tile-content {
	padding: .50769% 1.01538%
}

@media (min-width:60em) {
	.Tile--halfWidth .Tile-content {
		padding: 4.06154% 6.09231%
	}

}

.Tile--halfWidth .Tile-images {
	background-size: cover
}

@media (min-width:60em) {
	.Tile--halfWidth .Tile-images {
		background-size: 96%
	}

}

@media (min-width:60em) {
	.Tile--halfWidth .Tile-images:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/frame-7dd4fa0df145ea981860cc7694e4de44ff9f538bdc53abc49c6990399b150faaf8f7a050d485d67e464f651d0b3ce5da3b0db6bd0b8625597d226df3a7978bca.png)
	}

}

.Tile--murloc .Tile-images {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/murloc-c77c72a04b8cf27098bbed690e2d30e1ce0617b17b823dc5749dc156994a5148176c19f58cb5cfb468ddf88fc25401088e5fc3867ffe4e2fba95875e93864c78.jpg)
}

.Tile--book .Tile-images {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/companion-695cc266b5a94ff70569228912e3b928278dcc7e1f33a530cdc1e41de722ff4f6a5fb8f184a08b044b998575fbaa5601497f5411b8bec682f12bd9c4f446c7e3.png)
}

.Tile--karazhan .Tile-images {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/assets-generator-7bd8db1174f81db442cedd3437884f9a9451bf7518b76cea334def1c9f43102c277b8fa4653c6ef693a6987dca49dfe23153ee54553c014f7110d61a3da6cfb5.png)
}

.has-tooltip {
	position: relative;
	display: inline-block
}

.has-tooltip:active .Tooltip, .has-tooltip:focus .Tooltip, .has-tooltip:hover .Tooltip {
	opacity: 1;
	visibility: visible
}

.has-tooltip:active .Tooltip.on-top, .has-tooltip:focus .Tooltip.on-top, .has-tooltip:hover .Tooltip.on-top {
	top: -1em
}

.has-tooltip:active .Tooltip.on-bottom, .has-tooltip:focus .Tooltip.on-bottom, .has-tooltip:hover .Tooltip.on-bottom {
	bottom: -1em
}

.Tooltip {
	display: none;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	left: 50%;
	padding: .5rem 1rem;
	color: #000;
	font-weight: 400;
	text-align: center;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	max-width: 500px;
	z-index: 6;
	background: #f2ebe3;
	border-radius: .5rem;
	border: 1px solid #b18758;
	transition: all .15s ease-out .15s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	box-shadow: 0 2px 10px rgba(0, 0, 0, .3)
}

@media (min-width:40em) {
	.Tooltip {
		display: block
	}

}

.Tooltip:before {
	margin-left: -12px;
	border-top: 12px solid #f2ebe3;
	border-right: 12px solid transparent;
	border-left: 12px solid transparent;
	z-index: 1
}

.Tooltip:after, .Tooltip:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	left: 50%
}

.Tooltip:after {
	margin-left: -13px;
	border-top: 13px solid #b18758;
	border-right: 13px solid transparent;
	border-left: 13px solid transparent;
	z-index: 0
}

.Tooltip.on-top {
	top: 0;
	-webkit-transform: translate(-50%, -100%);
	-ms-transform: translate(-50%, -100%);
	transform: translate(-50%, -100%)
}

.Tooltip.on-top:before {
	bottom: -12px
}

.Tooltip.on-top:after {
	bottom: -13px
}

.Tooltip.on-bottom {
	bottom: 0;
	-webkit-transform: translate(-50%, 100%);
	-ms-transform: translate(-50%, 100%);
	transform: translate(-50%, 100%)
}

.Tooltip.on-bottom:before {
	top: -12px
}

.Tooltip.on-bottom:after, .Tooltip.on-bottom:before {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.Tooltip.on-bottom:after {
	top: -13px
}

.Tooltip.no-wrap {
	white-space: nowrap;
	max-width: none
}

.Tooltip p {
	padding: .5em;
	margin: 0
}

.Tooltip .quote:before {
	background: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/quotes-01cc624ff4e0027a1df0379c0bbd2ae24c5c9f55383f3f1a42ea85dfadcbf5f0bb8840865b3f4b9484540172200c9dd907e068c0d00b54fc76084bf7fc6146b2.png) 0 0 no-repeat;
	top: 15px;
	left: 15px
}

.Tooltip .quote:after, .Tooltip .quote:before {
	content: "";
	width: 13px;
	height: 11px;
	position: absolute
}

.Tooltip .quote:after {
	background: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/quotes-01cc624ff4e0027a1df0379c0bbd2ae24c5c9f55383f3f1a42ea85dfadcbf5f0bb8840865b3f4b9484540172200c9dd907e068c0d00b54fc76084bf7fc6146b2.png) -16px 0 no-repeat;
	bottom: 15px;
	right: 15px
}

.Tooltip .quote+p {
	padding: .5em 1.5em
}

.Tooltip--small {
	width: 250px
}

.Tooltip--medium {
	width: 400px
}

.Tooltip--large {
	width: 600px
}

.Tooltip--balloon {
	font: 700 1.05rem/1.4 Palatino Linotype, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif;
	border: 2px solid #000;
	white-space: normal;
	cursor: auto;
	box-shadow: 0 2px 10px rgba(0, 0, 0, .8)
}

.th-th .Tooltip--balloon, .th-th .Tooltip--balloon b {
	font-weight: 400
}

.Tooltip--balloon:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/ui-components-sprite-c675ea51a1f4d53a2f2b5c89d7fdc9d4d75679560f6899885b4b750e990847cf366574d45d98bf3d32d4514547c632971f8d8c2738b40bc6bc356ff4c9e92b2f.png);
	background-position: 0 -44px;
	width: 34px;
	height: 16px;
	left: 50%;
	margin-left: -16px;
	border: none
}

.Tooltip--balloon:after {
	display: none
}

.Tooltip--balloon.on-top:before {
	bottom: -15px
}

.Tooltip--balloon.on-top.points-right:before {
	-webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1)
}

.Tooltip--balloon.on-bottom:before {
	top: -15px
}

.Tooltip--balloon.on-bottom.points-left:before {
	-webkit-transform: rotate(180deg) scaleX(-1);
	-ms-transform: rotate(180deg) scaleX(-1);
	transform: rotate(180deg) scaleX(-1)
}

.Tooltip--balloon.pin-left {
	left: 0;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%)
}

.Tooltip--balloon.pin-left:before {
	left: 30px
}

.Tooltip--balloon.pin-right {
	right: 0;
	left: auto;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%)
}

.Tooltip--balloon.pin-right:before {
	right: 30px;
	left: auto
}

.Navigation-container {
	position: absolute;
	top: -51px;
	right: 100%;
	bottom: -51px;
	width: 70%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: #2c0903;
	min-height: calc(100vh + 51px);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}

@media (min-width:60em) {
	.Navigation-container {
		position: relative;
		top: 0;
		right: auto;
		bottom: auto;
		margin: auto;
		min-height: 0;
		width: 986px;
		max-width: 100%;
		height: 56px;
		background-color: transparent
	}

}

@media (min-width:72.5em) {
	.Navigation-container {
		width: 1160px;
		height: 65px
	}

}

@media (min-width:60em) {
	.Navigation-wrapper {
		position: absolute;
		right: 0;
		bottom: 35px;
		left: 0;
		z-index: 1000;
		-webkit-animation-duration: .25s;
		animation-duration: .25s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both
	}

}

@media (min-width:72.5em) {
	.Navigation-wrapper {
		bottom: 26px
	}

}

@media (min-width:60em) {
	.Homepage .Navigation-wrapper, .homepage .Navigation-wrapper {
		bottom: 35px
	}

}

@media (min-width:60em) {
	.Navigation-wrapper.headroom--not-top {
		position: fixed;
		top: -2px;
		right: 0;
		bottom: auto;
		left: 0;
		margin: 0 auto
	}

}

@media (min-width:60em) {
	.Navigation-wrapper.fixed, .Navigation-wrapper.is-fixed {
		-webkit-animation-name: Nav--slideDown;
		animation-name: Nav--slideDown
	}

}

@media (min-width:60em) {
	.Navigation-wrapper.is-unFixed, .Navigation-wrapper.unfixed {
		-webkit-animation-name: Nav--slideUp;
		animation-name: Nav--slideUp
	}

}

@-webkit-keyframes Nav--slideDown {
	0% {
		-webkit-transform: translateY(-150%);
		transform: translateY(-150%)
	}

	to {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

}

@keyframes Nav--slideDown {
	0% {
		-webkit-transform: translateY(-150%);
		transform: translateY(-150%)
	}

	to {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

}

@-webkit-keyframes Nav--slideUp {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	to {
		-webkit-transform: translateY(-150%);
		transform: translateY(-150%)
	}

}

@keyframes Nav--slideUp {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	to {
		-webkit-transform: translateY(-150%);
		transform: translateY(-150%)
	}

}

@media (min-width:60em) {
	.Navigation {
		height: 56px;
		padding-top: 8px;
		padding-bottom: 13px;
		background: transparent url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/nav-bg-99bca2b2352d59752f27f5949cbacbc8eb3417fb09064fe9939b8a22c4645a906f3457550f89a51d00ca458d47cde3bf8f8ccc598d1cd355367b9b94f0237b91.png) bottom no-repeat;
		background-size: cover;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

}

@media (min-width:72.5em) {
	.Navigation {
		height: 66px;
		padding-top: 10px;
		padding-bottom: 14px
	}

}

@media (max-width:59.99em) {
	.Navigation {
		display: none
	}

}

.Menu-cta, .Menu-roseLogo {
	position: relative;
	overflow: hidden;
	color: transparent;
	z-index: 10;
	opacity: 1;
	transition: opacity .15s
}

.Menu-cta:after, .Menu-cta:before, .Menu-roseLogo:after, .Menu-roseLogo:before {
	content: "";
	left: 0;
	position: absolute;
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.Menu-cta:after, .Menu-roseLogo:after {
	opacity: 0;
	transition: all .15s linear
}

.Menu-cta:active, .Menu-cta:hover, .Menu-roseLogo:active, .Menu-roseLogo:hover {
	color: #fff
}

.Menu-cta:active:after, .Menu-cta:hover:after, .Menu-roseLogo:active:after, .Menu-roseLogo:hover:after {
	opacity: 1
}

.Searching .Menu-cta, .Searching .Menu-roseLogo {
	opacity: 0
}

.Menu-roseLogo {
	top: -2px;
	-webkit-transform: translateY(-30%);
	-ms-transform: translateY(-30%);
	transform: translateY(-30%);
	text-indent: -9999px
}

.Menu-roseLogo, .Menu-roseLogo:after, .Menu-roseLogo:before {
	width: 99px;
	height: 100px
}

.Menu-roseLogo:before {
	background: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/nav-sprite-d6a343d99ea6bade23ea3c7fe5d0c0c2a463a8654e3417ed8a88e61ee2e54cd5b002d69109429c217ae34a7130f2ebdf142bcbf44791c7b8af7e374a57074e5f.png) no-repeat 0 100%
}

.Menu-roseLogo:after {
	background: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/nav-sprite-d6a343d99ea6bade23ea3c7fe5d0c0c2a463a8654e3417ed8a88e61ee2e54cd5b002d69109429c217ae34a7130f2ebdf142bcbf44791c7b8af7e374a57074e5f.png) no-repeat -101px bottom
}

@media (min-width:72.5em) {
	.Menu-roseLogo {
		top: 0;
		margin: 0 4px 0 7px
	}

}

.Menu-cta {
	color: #fff;
	font-size: 14px;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	top: -51%
}

.Menu-cta, .Menu-cta:after, .Menu-cta:before {
	width: 164px;
	height: 88px
}

.Menu-cta:before {
	background: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/nav-sprite-d6a343d99ea6bade23ea3c7fe5d0c0c2a463a8654e3417ed8a88e61ee2e54cd5b002d69109429c217ae34a7130f2ebdf142bcbf44791c7b8af7e374a57074e5f.png) no-repeat 0 0
}

.Menu-cta:after {
	background: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/nav-sprite-d6a343d99ea6bade23ea3c7fe5d0c0c2a463a8654e3417ed8a88e61ee2e54cd5b002d69109429c217ae34a7130f2ebdf142bcbf44791c7b8af7e374a57074e5f.png) no-repeat -166px top
}

.Menu-cta span {
	padding-top: 26px;
	display: inline-block;
	position: relative;
	z-index: 1;
	text-shadow: -1px 1px 3px #000
}

@media (min-width:72.5em) {
	.Menu-cta {
		top: -46%
	}

	.Menu-cta span {
		padding-top: 28px;
		font-size: 16px
	}

}

@media (min-width:60em) {
	.Menu-icon {
		display: inline-block;
		margin-left: 3px;
		vertical-align: middle
	}

}

.Menu-icon--caret-down {
	width: 16px;
	height: 11px;
	background: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/nav-sprite-d6a343d99ea6bade23ea3c7fe5d0c0c2a463a8654e3417ed8a88e61ee2e54cd5b002d69109429c217ae34a7130f2ebdf142bcbf44791c7b8af7e374a57074e5f.png) no-repeat 100% 100%
}

.Menu-item:hover .Menu-icon--caret-down, .Menu-link--is-active .Menu-icon--caret-down {
	background-position: -293px bottom
}

.NavPosition {
	position: absolute
}

@media (min-width:60em) {
	.NavPosition {
		bottom: 91px
	}

}

@media (min-width:72.5em) {
	.NavPosition {
		bottom: 100px
	}

}

.Menu {
	font-weight: 700;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	font-size: 1.0625rem;
	position: relative;
	padding: .75rem 0 0
}

.Menu#mobileMenu {
	font-weight: 400;
	letter-spacing: .5px
}

.Menu#mobileMenu .Menu-dropdownLink:active, .Menu#mobileMenu .Menu-dropdownLink:hover {
	background-color: rgba(0, 0, 0, .15)
}

@media (max-width:59.99em) {
	.Menu {
		color: #fcd144
	}

}

@media (min-width:60em) {
	.Menu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 79.25%;
		height: 100%;
		margin: 0 -1.25% 0 -2.5%;
		padding: 0;
		z-index: 3;
		white-space: nowrap
	}

}

.Menu-item {
	list-style: none
}

@media (max-width:59.99em) {
	.Menu-item {
		min-height: 44px
	}

	.Menu-item .Menu-link:after {
		content: "";
		display: inline-block;
		height: 12px;
		width: 12px;
		margin-left: 2%
	}

	.Menu-item .Menu-dropdownLink {
		min-height: 44px
	}

	.Menu-item.has-dropdown .Menu-link:after {
		background: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/navbar-expand-e5b4d15015bf72fe2707f2b566dda2f46022375fec13cb42df9ce95c2fcdc360347a43517ec19baea72da5c35179740b29d84b152f6874e55f4ccfb7b7bbce5f.png) no-repeat
	}

	.Menu-item.has-dropdown.is-open .Menu-link:after {
		background: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/navbar-retract-dfc383f97973aa45cce309c28114cc0355dfa99f678d333d54a932aad452385ec2bbdd45d2d659b61eb154aedb1294193c9a13645fa7dac82e8b1164ac713895.png) no-repeat
	}

}

@media (min-width:60em) {
	.Menu-item {
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		text-align: center;
		border-bottom: none;
		border-left: 1px solid #5a1804;
		border-right: 1px solid #9a5336;
		position: relative;
		transition: width .2s ease-in;
		letter-spacing: 1px
	}

	.Menu-item:first-child {
		border-left: none
	}

	.Menu-item:first-child .Menu-link {
		padding-left: 1.5em
	}

	.Menu-item:last-of-type {
		border-right: none
	}

	.Menu-item:hover {
		background: #570002 url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/nav-darker-brick-4691f1fe3991ad1a2bc71b6039bbca455c97e3295f48f867866c093ef3d84eeecbd1d6b31a3246bd1c0b1af35fa9bc141b202825da81fb1bbd2985cc6cc88bbf.png) 0 0 repeat-x
	}

	.Menu-item:hover .Menu-link {
		color: #fff
	}

}

@media (min-width:72.5em) {
	.Menu-item:first-child .Menu-link {
		padding-left: 1em
	}

}

@media (max-width:59.99em) {
	.Menu-item.is-open .Menu-link {
		color: #fff
	}

	.Menu-item.is-open .Menu-wrapper {
		max-height: 50rem
	}

}

@media (min-width:60em) {
	.Menu-item.has-dropdown:hover .Menu-wrapper {
		opacity: 1;
		display: block
	}

	.unFixed .Menu-item.has-dropdown:hover .Menu-wrapper {
		display: none
	}

	.Menu-item.has-dropdown:hover .Menu-link:after {
		content: "";
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		display: block;
		height: 3px;
		background: #570002
	}

}

[class^=icon-font] {
	font-family: Heroes Icons;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.Menu-link {
	color: #fcd144;
	display: block;
	padding: .625rem 1rem
}

@media (min-width:60em) {
	.Menu-link {
		color: #fcd144;
		text-shadow: 0 1px 3px #000;
		padding: 0 .25em;
		vertical-align: middle;
		line-height: 35px;
		margin-left: 1px;
		font-size: .85rem
	}

}

@media (min-width:72.5em) {
	.Menu-link {
		font-size: 1rem;
		line-height: 42px
	}

}

.Menu-link:active, .Menu-link:focus, .Menu-link:hover {
	color: #fcd144;
	text-decoration: none
}

@media (min-width:60em) {
	.ko-kr .Menu-link span {
		font-family: NanumMyeongjo Bold;
		font-size: 18px
	}

}

@media (min-width:60em) {
	.Menu-link--is-active {
		color: #fff;
		text-decoration: none;
		background-color: rgba(60, 15, 3, .5)
	}

}

.Menu-wrapper {
	overflow: hidden
}

@media (max-width:59.99em) {
	.Menu-wrapper {
		max-height: 0;
		transition: max-height .3s ease-in-out
	}

}

@media (min-width:60em) {
	.Menu-wrapper {
		position: absolute;
		margin-top: 3px;
		top: 100%;
		left: 0;
		min-width: 100%;
		opacity: 0;
		display: none;
		background: transparent;
		z-index: 1
	}

}

.Menu-dropdown {
	padding: 0;
	background-color: #170d02;
	background-color: rgba(23, 13, 2, .8)
}

@media (min-width:60em) {
	.Menu-dropdown {
		background-color: #570002;
		background-color: rgba(87, 0, 2, .9);
		position: relative;
		z-index: 1;
		white-space: nowrap;
		box-shadow: 1px 1px 10px rgba(0, 0, 0, .4)
	}

}

@media (min-width:60em) {
	.Menu-dropdownList {
		display: block;
		text-align: left
	}

	.Menu-dropdownList:first-of-type {
		padding-top: 10px
	}

	.Menu-dropdownList:last-of-type {
		padding-bottom: 17px
	}

}

@media (min-width:60em) {
	.ko-kr .Menu-item a span {
		font-family: NanumMyeongjo Bold;
		font-size: 18px
	}

	.ie8 .Menu li a.Menu-active, .ie8 .Menu li a:hover {
		background: none
	}

}

.Menu-dropdownLink {
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	font-size: .9375rem;
	text-shadow: 0 0 10px #000;
	color: hsla(0, 0%, 100%, .7);
	padding: .625rem 1rem .625rem 2rem;
	display: block
}

@media (min-width:60em) {
	.Menu-dropdownLink {
		color: #fff;
		font-size: 1rem;
		padding: .875rem 2rem .875rem 1rem
	}

}

.Menu-dropdownLink:active, .Menu-dropdownLink:hover {
	color: #fff;
	text-decoration: none;
	background-color: #2c0903
}

@media (min-width:60em) {
	.Menu-dropdownLink:active, .Menu-dropdownLink:hover {
		background-color: #81120c
	}

}

.ie8 .Menu-link--is-active, .ie8 .Menu-link:hover {
	background: none
}

.ScrollNav {
	top: 48px;
	width: 100%;
	margin: 0 auto;
	height: 50px;
	transition: all .25s;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.unFixed .ScrollNav {
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%)
}

@media (min-width:60em) {
	.ScrollNav {
		position: relative;
		top: auto;
		max-width: 935px;
		height: 56px;
		transition: none
	}

	.unFixed .ScrollNav {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}

}

@media (min-width:72.5em) {
	.ScrollNav {
		height: 75px;
		max-width: 1085px
	}

}

.ScrollNav-wrapper {
	position: relative;
	height: 50px;
	z-index: 50
}

@media (min-width:72.5em) {
	.ScrollNav-wrapper {
		height: 75px
	}

}

.ScrollNav-container {
	position: absolute;
	top: 0;
	bottom: 5px;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: 0;
	min-width: 100%
}

@media (min-width:60em) {
	.ScrollNav-container {
		right: 2px;
		left: 10px;
		min-width: 0
	}

}

@media (min-width:72.5em) {
	.ScrollNav-container {
		max-width: 72.5em;
		margin-left: auto;
		margin-right: auto
	}

}

.ScrollNav-item {
	display: inline-block
}

.ScrollNav-link {
	display: block;
	position: relative;
	text-decoration: none
}

.ScrollNav-link:active .InnkeeperMenu-content--tavern, .ScrollNav-link:focus .InnkeeperMenu-content--tavern, .ScrollNav-link:hover .InnkeeperMenu-content--tavern {
	text-decoration: underline
}

.ScrollNav-link.is-selected:after {
	content: " ";
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0
}

.ScrollNav-scroll {
	display: none;
	position: absolute;
	top: 0;
	bottom: 3px;
	line-height: 50px;
	padding: 0 4.5px;
	cursor: pointer;
	background: #34312c;
	box-shadow: 0 0 10px;
	z-index: 100
}

.ScrollNav-scroll span {
	display: inline-block;
	position: relative;
	bottom: 6px;
	opacity: .85
}

.ScrollNav-scroll.Icon:before {
	margin-top: -7px
}

.ScrollNav-scroll--left {
	left: 0
}

.ScrollNav-scroll--right {
	right: 0
}

@media (min-width:60em) {
	.ScrollNav.is-constrained .ScrollNav-wrapper {
		margin-left: 5px;
		margin-right: 5px
	}

}

.ScrollNav.is-constrained .ScrollNav-container {
	left: auto;
	right: auto
}

.ScrollNav.is-constrained .ScrollNav-scroll {
	display: block;
	width: 20px;
	text-align: center
}

.ScrollNav.is-constrained.is-leftMax .ScrollNav-scroll--left, .ScrollNav.is-constrained.is-rightMax .ScrollNav-scroll--right {
	display: none
}

.InnkeeperMenu-visible .Hero {
	padding-top: 3em;
	margin-top: 44px
}

@media (min-width:60em) {
	.InnkeeperMenu-visible .Hero {
		padding-top: 10em;
		margin-top: 0
	}

}

@media (min-width:72.5em) {
	.InnkeeperMenu-visible .Hero {
		padding-top: 12em
	}

}

.InnkeeperMenu {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/innkeeper-menu-sprite-92d9e68a3a600b26b2aaac6cb81bee427ce4955b2747112e78c88b96e6ffe8c52f318be4d010533d1c62a300546d21d70904e4b2078925759c8a44de3a1119c0.png);
	background-position: 0 -71px;
	height: 52px;
	z-index: 2;
	font-size: 12px;
	box-shadow: 0 0 10px
}

@media (min-width:60em) {
	.InnkeeperMenu {
		margin-top: -3px;
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/innkeeper-menu-sprite-92d9e68a3a600b26b2aaac6cb81bee427ce4955b2747112e78c88b96e6ffe8c52f318be4d010533d1c62a300546d21d70904e4b2078925759c8a44de3a1119c0.png);
		background-position: 0 0;
		height: 69px;
		height: 50px;
		background-position-y: -19px
	}

	.InnkeeperMenu:after {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/innkeeper-menu-sprite-92d9e68a3a600b26b2aaac6cb81bee427ce4955b2747112e78c88b96e6ffe8c52f318be4d010533d1c62a300546d21d70904e4b2078925759c8a44de3a1119c0.png);
		background-position: 0 -237px;
		width: 60px;
		height: 69px;
		content: "";
		display: block;
		height: 50px;
		background-repeat: no-repeat;
		position: absolute;
		top: 0;
		right: -3px;
		z-index: 1;
		background-position-y: -256px
	}

}

@media (min-width:72.5em) {
	.InnkeeperMenu {
		margin-top: -6px;
		font-size: 16px;
		height: 69px;
		background-position-y: 0
	}

	.InnkeeperMenu:after {
		height: 69px;
		background-position-y: -237px
	}

}

.InnkeeperMenu-wrapper {
	z-index: 10
}

.InnkeeperMenu-container {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.InnkeeperMenu-container, .InnkeeperMenu-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.InnkeeperMenu-item {
	padding: 0 18px;
	z-index: 1;
	position: relative;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto
}

.InnkeeperMenu-item:not(:first-child):not(:last-child) .InnkeeperMenu-item--inner:before, .InnkeeperMenu-item:not(:nth-last-child(2)):not(:last-child) .InnkeeperMenu-item--inner:after {
	content: "";
	display: block;
	width: 1px;
	height: 28px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: .2
}

.InnkeeperMenu-item .InnkeeperMenu-item--inner:before {
	left: 0;
	background: #fff
}

.InnkeeperMenu-item .InnkeeperMenu-item--inner:after {
	right: 0;
	background: #170d02
}

.InnkeeperMenu-item .InnkeeperMenu-content--tavernThumb, .InnkeeperMenu-item .tavernSignThumb {
	width: 38px !important;
	height: 38px !important;
	margin: 6px 5px 0 -6px;
	display: inline-block;
	vertical-align: middle;
	-webkit-filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .5));
	filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .5))
}

@media (min-width:60em) {
	.InnkeeperMenu-item .InnkeeperMenu-content--tavernThumb, .InnkeeperMenu-item .tavernSignThumb {
		margin-top: 2px
	}

}

@media (min-width:72.5em) {
	.InnkeeperMenu-item .InnkeeperMenu-content--tavernThumb, .InnkeeperMenu-item .tavernSignThumb {
		width: 52px !important;
		height: 52px !important
	}

}

.InnkeeperMenu-item .InnkeeperMenu-content--tavernThumb {
	opacity: .35;
	-webkit-filter: none;
	filter: none
}

.InnkeeperMenu-item ul {
	width: 100%;
	position: fixed;
	top: 49px;
	left: 0;
	padding: .5em 0;
	text-align: left;
	background: rgba(23, 13, 2, .95);
	font-family: Open Sans, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	box-shadow: 0 2px 5px #170d02;
	display: none;
	opacity: 0;
	transition: opacity .15s;
	list-style-type: none
}

.InnkeeperMenu-item ul a, .InnkeeperMenu-item ul h5 {
	padding: .75em 2em
}

.InnkeeperMenu-item ul h5 {
	color: #ccc
}

.InnkeeperMenu-item ul a {
	color: #e4d2a5;
	font-weight: 400;
	display: block
}

.InnkeeperMenu-item ul a.Icon:before {
	margin: -3px 5px 0 0
}

.InnkeeperMenu-item ul a:active, .InnkeeperMenu-item ul a:focus, .InnkeeperMenu-item ul a:hover {
	background: #462806;
	text-decoration: none
}

@media (min-width:40em) {
	.InnkeeperMenu-item ul {
		position: absolute;
		top: 45px;
		width: auto;
		background: rgba(23, 13, 2, .9)
	}

}

@media (min-width:72.5em) {
	.InnkeeperMenu-item ul {
		font-size: 14px;
		top: 66px
	}

}

.Navigation-wrapper:not(.unFixed) .InnkeeperMenu-item.has-dropdown.is-active {
	background: #170d02;
	cursor: default
}

.Navigation-wrapper:not(.unFixed) .InnkeeperMenu-item.has-dropdown.is-active .InnkeeperMenu-content {
	color: #fff
}

.Navigation-wrapper:not(.unFixed) .InnkeeperMenu-item.has-dropdown.is-active .InnkeeperMenu-content .Icon--arrowBlack:before {
	background-position: -313px -159px
}

.Navigation-wrapper:not(.unFixed) .InnkeeperMenu-item.has-dropdown.is-active ul {
	opacity: 1;
	display: block
}

.Navigation-wrapper:not(.unFixed) .InnkeeperMenu-item.has-dropdown.is-active a {
	text-decoration: none
}

.InnkeeperMenu-item--inner {
	display: inline-block
}

.InnkeeperMenu-title {
	font-family: Open Sans Semibold, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display Bold, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #233a6e;
	margin: 2px 0 -6px
}

.InnkeeperMenu-title, .InnkeeperMenu-title+.InnkeeperMenu-content {
	text-align: left
}

@media (min-width:60em) {
	.InnkeeperMenu-title {
		font-size: 13px
	}

}

.InnkeeperMenu-content {
	color: #170d02;
	font-weight: 700;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	font-size: 1.125em;
	text-align: center
}

.InnkeeperMenu-content a {
	color: #170d02
}

.InnkeeperMenu-content .Icon {
	display: inline-block;
	vertical-align: middle;
	margin: -3px 0 0 7px
}

@media (min-width:72.5em) {
	.InnkeeperMenu-content .Icon {
		margin-top: -7px
	}

}

.InnkeeperMenu-content--tavern {
	margin-top: 2px;
	display: inline-block;
	vertical-align: middle
}

.InnkeeperMenu-hostEvent {
	background-position: 0 -188px;
	width: auto;
	z-index: 2;
	position: relative;
	text-align: center
}

.InnkeeperMenu-hostEvent, .InnkeeperMenu-hostEvent:after {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/innkeeper-menu-sprite-92d9e68a3a600b26b2aaac6cb81bee427ce4955b2747112e78c88b96e6ffe8c52f318be4d010533d1c62a300546d21d70904e4b2078925759c8a44de3a1119c0.png);
	height: 47px
}

.InnkeeperMenu-hostEvent:after {
	content: "";
	background-position: -1084px -188px;
	width: 30px;
	position: absolute;
	right: 0;
	z-index: -2
}

.InnkeeperMenu-hostEvent .InnkeeperMenu-item--inner {
	width: 100%
}

.InnkeeperMenu-hostEvent a {
	color: #fff;
	font-weight: 400;
	text-decoration: none;
	padding: 0 0 0 12px;
	height: 47px;
	line-height: 47px;
	position: static
}

.InnkeeperMenu-hostEvent a:before {
	background-position: -542px -188px;
	width: 100%;
	left: 0
}

.InnkeeperMenu-hostEvent a:after, .InnkeeperMenu-hostEvent a:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/innkeeper-menu-sprite-92d9e68a3a600b26b2aaac6cb81bee427ce4955b2747112e78c88b96e6ffe8c52f318be4d010533d1c62a300546d21d70904e4b2078925759c8a44de3a1119c0.png);
	height: 47px;
	z-index: -1
}

.InnkeeperMenu-hostEvent a:after {
	background-position: -1148px -125px;
	width: 30px;
	right: 0
}

.InnkeeperMenu-hostEvent a:after, .InnkeeperMenu-hostEvent a:before {
	content: "";
	position: absolute;
	top: 0;
	height: 47px;
	opacity: 0;
	transition: all .15s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.InnkeeperMenu-hostEvent a:hover {
	text-decoration: none
}

.InnkeeperMenu-hostEvent a:hover:after, .InnkeeperMenu-hostEvent a:hover:before {
	opacity: 1
}

@media (min-width:72.5em) {
	.InnkeeperMenu-hostEvent {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/innkeeper-menu-sprite-92d9e68a3a600b26b2aaac6cb81bee427ce4955b2747112e78c88b96e6ffe8c52f318be4d010533d1c62a300546d21d70904e4b2078925759c8a44de3a1119c0.png);
		background-position: 0 -125px;
		height: 61px;
		height: 65px;
		background-position-y: -121px
	}

	.InnkeeperMenu-hostEvent:after {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/innkeeper-menu-sprite-92d9e68a3a600b26b2aaac6cb81bee427ce4955b2747112e78c88b96e6ffe8c52f318be4d010533d1c62a300546d21d70904e4b2078925759c8a44de3a1119c0.png);
		background-position: -1116px -125px;
		height: 61px;
		top: 4px;
		width: 30px
	}

	.InnkeeperMenu-hostEvent a {
		padding-top: 2px
	}

	.InnkeeperMenu-hostEvent a:after, .InnkeeperMenu-hostEvent a:before {
		top: 4px;
		height: 65px
	}

	.InnkeeperMenu-hostEvent a:before {
		background-position: -542px -125px
	}

	.InnkeeperMenu-hostEvent a:after, .InnkeeperMenu-hostEvent a:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/innkeeper-menu-sprite-92d9e68a3a600b26b2aaac6cb81bee427ce4955b2747112e78c88b96e6ffe8c52f318be4d010533d1c62a300546d21d70904e4b2078925759c8a44de3a1119c0.png);
		height: 61px
	}

	.InnkeeperMenu-hostEvent a:after {
		background-position: -1084px -125px;
		width: 30px
	}

}

.Modal.TavernHype {
	padding: 0;
	margin: 0
}

.Modal.TavernHype .Modal-title {
	font-size: 1.75em
}

.Modal.TavernHype .TavernHype-content {
	max-width: 600px
}

@media (max-width:59.99em) {
	.Modal.TavernHype .TavernHype-content {
		padding: 0;
		margin-bottom: -1.5em
	}

}

.Modal.TavernHype .TavernHype--requirements, .Modal.TavernHype .TavernHype--sign {
	-webkit-box-flex: 0;
	-ms-flex: 0 50%;
	flex: 0 50%
}

.Modal.TavernHype .TavernHype--sign {
	margin: 0
}

.Modal.TavernHype .TavernHype--sign img {
	max-width: 250px
}

@media (min-width:60em) {
	.Modal.TavernHype .TavernHype--requirements {
		padding-left: 2.5em;
		border-left: 1px solid hsla(0, 0%, 98%, .15);
		position: relative
	}

	.Modal.TavernHype .TavernHype--requirements:after {
		content: "";
		width: 0;
		height: 100%;
		position: absolute;
		top: 50%;
		left: -2px;
		border-left: 1px solid rgba(0, 0, 0, .35);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%)
	}

}

.Modal.TavernHype .TavernHype--requirements:before {
	display: none
}

@media (max-width:59.99em) {
	.Modal.TavernHype .eligibilityRequirement {
		padding: 0
	}

}

#MenuArrow-container {
	position: absolute;
	height: 65px;
	width: 101px;
	z-index: 100
}

#MenuArrow-container.broken {
	-webkit-animation: arrow-broken 2s forwards;
	animation: arrow-broken 2s forwards
}

#MenuArrow-container.broken #MenuArrow-arrow {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg)
}

#MenuArrow-screw {
	position: absolute;
	top: 21px;
	right: 18px;
	height: 13px;
	width: 13px;
	background: transparent url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/nav-right-under-screw.png) 100% 0 no-repeat
}

#MenuArrow-screw.loose {
	-webkit-transform: rotate(-40deg);
	-ms-transform: rotate(-40deg);
	transform: rotate(-40deg)
}

#MenuArrow-screw.looser {
	-webkit-transform: rotate(-110deg);
	-ms-transform: rotate(-110deg);
	transform: rotate(-110deg)
}

#MenuArrow-arrow {
	position: absolute;
	top: 2px;
	right: 6px;
	height: 61px;
	width: 77px;
	background: transparent url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/nav-right-under-arrow.png) 100% 0 no-repeat;
	-webkit-transform-origin: 58px 25px;
	-ms-transform-origin: 58px 25px;
	transform-origin: 58px 25px;
	-webkit-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	transform: rotate(-5deg);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

#MenuArrow-arrow:hover {
	-webkit-transform: rotate(-6deg);
	-ms-transform: rotate(-6deg);
	transform: rotate(-6deg)
}

#MenuArrow-arrow.loose {
	-webkit-animation: arrow-loose .2s forwards;
	animation: arrow-loose .2s forwards
}

#MenuArrow-arrow.unhinged {
	-webkit-animation: arrow-unhinged 1s forwards;
	animation: arrow-unhinged 1s forwards
}

@media (min-width:60em) {
	.searching #MenuArrow-arrow {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/arrow-back.png)
	}

}

@media (min-width:60em) {
	.searching.arrow-unhinged #MenuArrow-arrow {
		-webkit-animation-name: arrow-unhinged-back;
		animation-name: arrow-unhinged-back
	}

}

@-webkit-keyframes arrow-loose {
	0% {
		-webkit-transform: rotate(-6deg);
		transform: rotate(-6deg)
	}

	to {
		-webkit-transform: rotate(-30deg);
		transform: rotate(-30deg)
	}

}

@keyframes arrow-loose {
	0% {
		-webkit-transform: rotate(-6deg);
		transform: rotate(-6deg)
	}

	to {
		-webkit-transform: rotate(-30deg);
		transform: rotate(-30deg)
	}

}

@-webkit-keyframes arrow-unhinged {
	0% {
		-webkit-transform: rotate(-30deg);
		transform: rotate(-30deg)
	}

	30% {
		-webkit-transform: rotate(-120deg);
		transform: rotate(-120deg)
	}

	50% {
		-webkit-transform: rotate(-70deg);
		transform: rotate(-70deg)
	}

	70% {
		-webkit-transform: rotate(-100deg);
		transform: rotate(-100deg)
	}

	90% {
		-webkit-transform: rotate(-85deg);
		transform: rotate(-85deg)
	}

	to {
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg)
	}

}

@keyframes arrow-unhinged {
	0% {
		-webkit-transform: rotate(-30deg);
		transform: rotate(-30deg)
	}

	30% {
		-webkit-transform: rotate(-120deg);
		transform: rotate(-120deg)
	}

	50% {
		-webkit-transform: rotate(-70deg);
		transform: rotate(-70deg)
	}

	70% {
		-webkit-transform: rotate(-100deg);
		transform: rotate(-100deg)
	}

	90% {
		-webkit-transform: rotate(-85deg);
		transform: rotate(-85deg)
	}

	to {
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg)
	}

}

@-webkit-keyframes arrow-unhinged-back {
	0% {
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg)
	}

	30% {
		-webkit-transform: rotate(130deg);
		transform: rotate(130deg)
	}

	50% {
		-webkit-transform: rotate(60deg);
		transform: rotate(60deg)
	}

	70% {
		-webkit-transform: rotate(110deg);
		transform: rotate(110deg)
	}

	90% {
		-webkit-transform: rotate(85deg);
		transform: rotate(85deg)
	}

	to {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg)
	}

}

@keyframes arrow-unhinged-back {
	0% {
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg)
	}

	30% {
		-webkit-transform: rotate(130deg);
		transform: rotate(130deg)
	}

	50% {
		-webkit-transform: rotate(60deg);
		transform: rotate(60deg)
	}

	70% {
		-webkit-transform: rotate(110deg);
		transform: rotate(110deg)
	}

	90% {
		-webkit-transform: rotate(85deg);
		transform: rotate(85deg)
	}

	to {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg)
	}

}

@-webkit-keyframes arrow-broken {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	99% {
		-webkit-transform: translateY(3000px);
		transform: translateY(3000px)
	}

	to {
		-webkit-transform: translateY(-10000px);
		transform: translateY(-10000px);
		opacity: 0
	}

}

@keyframes arrow-broken {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	99% {
		-webkit-transform: translateY(3000px);
		transform: translateY(3000px)
	}

	to {
		-webkit-transform: translateY(-10000px);
		transform: translateY(-10000px);
		opacity: 0
	}

}

#NavigationMenu-rightSide {
	position: absolute;
	right: 0;
	top: 0;
	height: 65px;
	width: 100px;
	background: transparent url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/nav-right-under.png) 100% 0 no-repeat
}

.no-csstransforms #NavigationMenu-rightSide {
	display: none
}

table {
	background-color: #f5e0be;
	font-size: 1em
}

caption {
	padding-top: .5em;
	padding-bottom: .5em
}

caption, th {
	text-align: left
}

th {
	text-transform: capitalize;
	color: #233a6e
}

.Table tr.u-textLeft, .Table tr.u-textLeft td, .Table tr.u-textLeft th {
	text-align: left
}

.Table tr.u-textCenter, .Table tr.u-textCenter td, .Table tr.u-textCenter th {
	text-align: center
}

.Table tr.u-textRight, .Table tr.u-textRight td, .Table tr.u-textRight th {
	text-align: right
}

.Table.u-textLeft td, .Table.u-textLeft th {
	text-align: left
}

.Table.u-textRight td, .Table.u-textRight th {
	text-align: right
}

.Table.u-textCenter td, .Table.u-textCenter th {
	text-align: center
}

.Table {
	border-collapse: collapse
}

.Table tr.u-verticalTop, .Table tr.u-verticalTop td, .Table tr.u-verticalTop th {
	vertical-align: top
}

.Table tr.u-verticalBottom, .Table tr.u-verticalBottom td, .Table tr.u-verticalBottom th {
	vertical-align: bottom
}

.Table tr.u-verticalMiddle, .Table tr.u-verticalMiddle td, .Table tr.u-verticalMiddle th {
	vertical-align: middle
}

.Table.u-verticalTop td, .Table.u-verticalTop th {
	vertical-align: top
}

.Table.u-verticalBottom td, .Table.u-verticalBottom th {
	vertical-align: bottom
}

.Table.u-verticalMiddle td, .Table.u-verticalMiddle th {
	vertical-align: middle
}

.Table {
	margin-bottom: 1.5rem;
	width: 100%;
	max-width: 100%
}

.Table>tbody>tr>td, .Table>tbody>tr>th, .Table>tfoot>tr>td, .Table>tfoot>tr>th, .Table>thead>tr>td, .Table>thead>tr>th {
	padding: .5em;
	line-height: 1.5;
	border-top: 1px solid #ddc199
}

.Table>thead>tr>th {
	vertical-align: bottom;
	border-bottom: 2px solid #ddc199
}

.Table>caption+thead>tr:first-child>td, .Table>caption+thead>tr:first-child>th, .Table>colgroup+thead>tr:first-child>td, .Table>colgroup+thead>tr:first-child>th, .Table>thead:first-child>tr:first-child>td, .Table>thead:first-child>tr:first-child>th {
	border-top: 0
}

.Table>tbody+tbody {
	border-top: 1px solid #ddc199
}

.Table .Table {
	background-color: #f5e0be
}

.Table--condensed>tbody>tr>td, .Table--condensed>tbody>tr>th, .Table--condensed>tfoot>tr>td, .Table--condensed>tfoot>tr>th, .Table--condensed>thead>tr>td, .Table--condensed>thead>tr>th {
	padding: .4em
}

.Table--bordered, .Table--bordered>tbody>tr>td, .Table--bordered>tbody>tr>th, .Table--bordered>tfoot>tr>td, .Table--bordered>tfoot>tr>th, .Table--bordered>thead>tr>td, .Table--bordered>thead>tr>th {
	border: 1px solid #ddc199
}

.Table--bordered>thead>tr>td, .Table--bordered>thead>tr>th {
	border-bottom-width: 1px
}

.Table--striped>tbody>tr:nth-of-type(odd) {
	background-color: #f9e5c4
}

.Table--hover>tbody>tr:hover {
	background-color: rgba(116, 50, 0, .03)
}

table col[class*=col-] {
	position: static;
	float: none;
	display: table-column
}

table td[class*=col-], table th[class*=col-] {
	position: static;
	float: none;
	display: table-cell
}

.Table--responsive {
	margin-bottom: 1.5rem;
	overflow-x: auto;
	min-height: .01%
}

.Table--responsive .Table {
	margin-bottom: 0
}

@media screen and (max-width:768px) {
	.Table--responsive {
		margin-bottom: 1.125rem;
		width: 100%;
		overflow-y: hidden;
		-ms-overflow-style: -ms-autohiding-scrollbar
	}

	.Table--responsive .Table {
		margin-bottom: 0
	}

	.Table--responsive .Table>tbody>tr>td, .Table--responsive .Table>tbody>tr>th, .Table--responsive .Table>tfoot>tr>td, .Table--responsive .Table>tfoot>tr>th, .Table--responsive .Table>thead>tr>td, .Table--responsive .Table>thead>tr>th {
		white-space: nowrap
	}

	.Table--responsive>.Table--bordered {
		border: 0
	}

	.Table--responsive>.Table--bordered>tbody>tr>td:first-child, .Table--responsive>.Table--bordered>tbody>tr>th:first-child, .Table--responsive>.Table--bordered>tfoot>tr>td:first-child, .Table--responsive>.Table--bordered>tfoot>tr>th:first-child, .Table--responsive>.Table--bordered>thead>tr>td:first-child, .Table--responsive>.Table--bordered>thead>tr>th:first-child {
		border-left: 0
	}

	.Table--responsive>.Table--bordered>tbody>tr>td:last-child, .Table--responsive>.Table--bordered>tbody>tr>th:last-child, .Table--responsive>.Table--bordered>tfoot>tr>td:last-child, .Table--responsive>.Table--bordered>tfoot>tr>th:last-child, .Table--responsive>.Table--bordered>thead>tr>td:last-child, .Table--responsive>.Table--bordered>thead>tr>th:last-child {
		border-right: 0
	}

	.Table--responsive>.Table--bordered>tbody>tr:last-child>td, .Table--responsive>.Table--bordered>tbody>tr:last-child>th, .Table--responsive>.Table--bordered>tfoot>tr:last-child>td, .Table--responsive>.Table--bordered>tfoot>tr:last-child>th {
		border-bottom: 0
	}

}

.Table--stack {
	margin: 1.5rem 0
}

@media (min-width:25em) {
	.Table--stack thead {
		display: none
	}

	.Table--stack tr td {
		display: -webkit-box;
		display: -webkit-flexbox;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-moz-align-items: center;
		align-items: center;
		margin-left: auto
	}

	.Table--stack tr td:before {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-weight: 200;
		text-align: right;
		color: #233a6e;
		padding-right: 1em;
		width: 40%;
		content: attr(data-heading);
		display: inline-block
	}

}

.Tab-nav {
	padding-left: 0;
	list-style: none;
	background-color: #f9e5c4;
	border: 1px solid rgba(0, 0, 0, .08);
	margin-bottom: 0;
	overflow-x: auto
}

.Tab-nav>li {
	width: 100%
}

.Tab-nav>li>a {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-width: 0 0 4px;
	border-color: transparent;
	padding: 1em 1em .5em;
	color: #725a37;
	text-decoration: none;
	display: block;
	border-style: solid;
	text-align: center;
	-webkit-tap-highlight-color: transparent
}

.Tab-nav>li>a:active, .Tab-nav>li>a:focus, .Tab-nav>li>a:hover {
	outline: none !important;
	border-width: 0 0 4px;
	border-color: transparent;
	color: #233a6e;
	-o-border-image: linear-gradient(#233a6e, #233a6e) 1;
	border-image: linear-gradient(#233a6e, #233a6e) 1;
	background-color: #f3debc
}

.Tab-nav>li:active, .Tab-nav>li:focus, .Tab-nav>li:hover {
	background-color: #f3debc
}

.Tab-nav>li:active>a, .Tab-nav>li:focus>a, .Tab-nav>li:hover>a {
	outline: none !important;
	border-width: 0 0 4px;
	background-color: #f3debc;
	color: #233a6e;
	-o-border-image: linear-gradient(#233a6e, #233a6e) 1;
	border-image: linear-gradient(#233a6e, #233a6e) 1
}

.Tab-nav>li.active, .Tab-nav>li.active>a {
	background-color: #f3debc
}

.Tab-nav>li.active>a {
	outline: none !important;
	border-width: 0 0 4px;
	color: #233a6e;
	-o-border-image: linear-gradient(#233a6e, #233a6e) 1;
	border-image: linear-gradient(#233a6e, #233a6e) 1
}

.Tab-content {
	background-color: #f9e5c4;
/*	margin-bottom: 1em;*/
	padding: 1em;
	border-width: 0 1px 1px;
	border-color: rgba(0, 0, 0, .08);
	border-style: solid;
	margin-top: -1px
}

.Tab-content .Tab-pane {
	display: none
}

.Tab-content .Tab-pane.active {
	display: block
}

.Tabs-responsive .Tab-nav {
	overflow: auto;
	-webkit-overflow-scrolling: touch
}

.Tabs-responsive .Tab-nav li {
	white-space: nowrap
}

.Media {
	clear: both;
	margin-top: 0
}

.MediaContainer {
	white-space: nowrap
}

@media (min-width:60em) {
	.MediaContainer {
		white-space: normal;
		max-width: 60rem;
		text-align: center;
		margin: auto
	}

}

.MediaContentBlock {
	max-height: 1200px;
	overflow: hidden;
	transition: max-height .25s linear;
	padding: 1rem;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch
}

@media (min-width:60em) {
	.MediaContentBlock {
		overflow-x: visible
	}

}

.AspectRatio {
	width: 100%;
	position: relative
}

.AspectRatio>* {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1
}

.AspectRatio iframe {
	width: 100%;
	height: 100%
}

.AspectRatio--16x9 {
/*	padding-bottom: 56.25%*/
}

.MediaContainer--audio ul {
	padding: 0
}

.MediaContainer--audio li {
	font-family: Open Sans, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: .25em
}

.MediaContainer--audio audio {
	display: none
}

.MediaContentBlock--audio {
	max-width: 31rem;
	margin: 0 auto
}

.AudioTrackContainer {
	font-size: .95em;
	font-weight: 400
}

.AudioButton {
	width: 46px;
	height: 27px;
	margin-right: 10px;
	background: transparent url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/audio-controls-9405534c2d3694f5bdef2bd25829f12582e0874145f8cd73aad22c30790bd1d00b9ed0fc5d576ffaae30319ffc07c6eedf67eea7d92d23395e511db305275402.png) 0 0 no-repeat;
	cursor: pointer;
	float: left;
	display: none;
	transition: none
}

@media (min-width:30em) {
	.AudioButton {
		display: inline-block
	}

}

.AudioButton--play:active, .AudioButton--play:focus, .AudioButton--play:hover {
	background-position: -46px 0
}

.AudioButton--stop {
	display: none;
	background-position: -92px
}

.AudioButton--stop:active, .AudioButton--stop:focus, .AudioButton--stop:hover {
	background-position: -138px 0
}

.TrackName {
	margin-left: 0;
	float: left;
	max-width: 59vw;
	overflow: hidden;
	text-overflow: ellipsis;
	font-family: Open Sans Semibold, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display Bold, Tahoma, Verdana, Arial, Helvetica, sans-serif
}

.Download--track {
	float: right
}

.Carousel {
	position: relative;
	display: block;
	text-align: center;
	z-index: 1;
	margin: auto
}

.Carousel-indicators {
	margin-top: 1.1rem
}

@media (min-width:60em) {
	.Carousel-indicators {
		margin-top: 2rem
	}

}

@media (min-width:40em) {
	.Carousel--playing-hearthstone .Screen {
		max-width: none
	}

}

@media (min-width:60em) {
	.Carousel--playing-hearthstone .Screen {
		padding-bottom: 2rem;
		min-height: 55rem
	}

}

.Carousel--home {
	max-width: 757px
}

.Carousel--home.active-6 .Carousel-list {
	-webkit-transform: translate(-500%);
	-ms-transform: translate(-500%);
	transform: translate(-500%)
}

@media (min-width:60em) {
	.Carousel--home.active-6 .Carousel-list {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}

}

.Carousel--home.active-5 .Carousel-list {
	-webkit-transform: translate(-400%);
	-ms-transform: translate(-400%);
	transform: translate(-400%)
}

@media (min-width:60em) {
	.Carousel--home.active-5 .Carousel-list {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}

}

.Carousel--home.active-4 .Carousel-list {
	-webkit-transform: translate(-300%);
	-ms-transform: translate(-300%);
	transform: translate(-300%)
}

@media (min-width:60em) {
	.Carousel--home.active-4 .Carousel-list {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}

}

.Carousel--home.active-3 .Carousel-list {
	-webkit-transform: translate(-200%);
	-ms-transform: translate(-200%);
	transform: translate(-200%)
}

@media (min-width:60em) {
	.Carousel--home.active-3 .Carousel-list {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}

}

.Carousel--home.active-2 .Carousel-list {
	-webkit-transform: translate(-100%);
	-ms-transform: translate(-100%);
	transform: translate(-100%)
}

@media (min-width:60em) {
	.Carousel--home.active-2 .Carousel-list {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}

}

.Carousel--home.active-1 .Carousel-list {
	-webkit-transform: translate(0);
	-ms-transform: translate(0);
	transform: translate(0)
}

@media (min-width:60em) {
	.Carousel--home.active-1 .Carousel-list {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}

}

@media (min-width:40em) {
	.Carousel--home {
		background: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/screenshot-frame-bg-14661bf350f0a55dd8da1ad7bf9279932edb3eed73329d138df197977ae0313b8ddf8a147b862ba11cdbb8aab9bd84a4f79c445072ef34459936dd58301fa116.png) top no-repeat;
		background-size: contain;
		max-width: 837px;
		margin-top: 4rem;
		width: 100%
	}

}

@media (min-width:40em) {
	.Carousel--home .Screen {
		width: 86%;
		top: -7px;
		border-radius: 7px
	}

}

@media (min-width:60em) {
	.Carousel--home .Screen {
		z-index: 2;
		padding-bottom: 0;
		margin: auto;
		width: auto;
		top: auto;
		border-radius: 0
	}

}

.Carousel--wallpaper.active-12 .Carousel-list {
	-webkit-transform: translate(-1100%);
	-ms-transform: translate(-1100%);
	transform: translate(-1100%)
}

@media (min-width:60em) {
	.Carousel--wallpaper.active-12 .Carousel-list {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}

}

.Carousel--wallpaper.active-11 .Carousel-list {
	-webkit-transform: translate(-1000%);
	-ms-transform: translate(-1000%);
	transform: translate(-1000%)
}

@media (min-width:60em) {
	.Carousel--wallpaper.active-11 .Carousel-list {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}

}

.Carousel--wallpaper.active-10 .Carousel-list {
	-webkit-transform: translate(-900%);
	-ms-transform: translate(-900%);
	transform: translate(-900%)
}

@media (min-width:60em) {
	.Carousel--wallpaper.active-10 .Carousel-list {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}

}

.Carousel--wallpaper.active-9 .Carousel-list {
	-webkit-transform: translate(-800%);
	-ms-transform: translate(-800%);
	transform: translate(-800%)
}

@media (min-width:60em) {
	.Carousel--wallpaper.active-9 .Carousel-list {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}

}

.Carousel--wallpaper.active-8 .Carousel-list {
	-webkit-transform: translate(-700%);
	-ms-transform: translate(-700%);
	transform: translate(-700%)
}

@media (min-width:60em) {
	.Carousel--wallpaper.active-8 .Carousel-list {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}

}

.Carousel--wallpaper.active-7 .Carousel-list {
	-webkit-transform: translate(-600%);
	-ms-transform: translate(-600%);
	transform: translate(-600%)
}

@media (min-width:60em) {
	.Carousel--wallpaper.active-7 .Carousel-list {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}

}

.Carousel--wallpaper.active-6 .Carousel-list {
	-webkit-transform: translate(-500%);
	-ms-transform: translate(-500%);
	transform: translate(-500%)
}

@media (min-width:60em) {
	.Carousel--wallpaper.active-6 .Carousel-list {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}

}

.Carousel--wallpaper.active-5 .Carousel-list {
	-webkit-transform: translate(-400%);
	-ms-transform: translate(-400%);
	transform: translate(-400%)
}

@media (min-width:60em) {
	.Carousel--wallpaper.active-5 .Carousel-list {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}

}

.Carousel--wallpaper.active-4 .Carousel-list {
	-webkit-transform: translate(-300%);
	-ms-transform: translate(-300%);
	transform: translate(-300%)
}

@media (min-width:60em) {
	.Carousel--wallpaper.active-4 .Carousel-list {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}

}

.Carousel--wallpaper.active-3 .Carousel-list {
	-webkit-transform: translate(-200%);
	-ms-transform: translate(-200%);
	transform: translate(-200%)
}

@media (min-width:60em) {
	.Carousel--wallpaper.active-3 .Carousel-list {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}

}

.Carousel--wallpaper.active-2 .Carousel-list {
	-webkit-transform: translate(-100%);
	-ms-transform: translate(-100%);
	transform: translate(-100%)
}

@media (min-width:60em) {
	.Carousel--wallpaper.active-2 .Carousel-list {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}

}

.Carousel--wallpaper.active-1 .Carousel-list {
	-webkit-transform: translate(0);
	-ms-transform: translate(0);
	transform: translate(0)
}

@media (min-width:60em) {
	.Carousel--wallpaper.active-1 .Carousel-list {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}

}

.Screen {
	max-width: 720px;
	position: relative;
	overflow: hidden;
	margin: 0 auto
}

@media (min-width:60em) {
	.Screen {
		z-index: 2;
		padding-bottom: 0;
		margin: auto;
		top: auto
	}

}

.Carousel-list {
	white-space: nowrap;
	font-size: .1px;
	transition: -webkit-transform .3s linear;
	transition: transform .3s linear;
	transition: transform .3s linear, -webkit-transform .3s linear;
	padding: 0;
	margin-bottom: 0
}

@media (min-width:60em) {
	.Carousel-list {
		width: 100%;
		transition: none
	}

}

.Carousel-item {
	max-width: 100%;
	display: inline-block;
	vertical-align: top
}

@media (min-width:40em) {
	.Carousel-item {
		background: none;
		padding: 0
	}

}

.Carousel-item--wallpaper {
	width: 720px
}

@media (min-width:60em) {
	.Carousel-item {
		float: none;
		opacity: 0;
		transition: opacity .5s ease-in-out;
		max-width: 100%;
		position: absolute;
		top: 0
	}

}

.Carousel-item.active {
	z-index: 1;
	opacity: 1;
	position: relative
}

@media (min-width:40em) {
	.Carousel-item--playing-hearthstone {
		padding: 8px
	}

}

.Carousel-item--playing-hearthstone .media-frame {
	margin: 0
}

.Carousel-item--playing-hearthstone .active {
	position: absolute
}

.Carousel-image {
	width: 100%;
	display: block
}

@media (min-width:60em) {
	.Carousel--home .Carousel-image {
		margin-top: -3px;
		border-radius: 10px
	}

}

.Carousel-indicator {
	height: 28px;
	width: 28px;
	background: transparent url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/screenshot-overlay-243c5208fc979cda6e668d6e5f5183f2f6fc1376c8b2432e4205f1707ae45e6cce8ba35f699c7669a17853ecda06f13c5c19bc00a9f35f44e19815cd407b4518.png) -325px -262px no-repeat;
	display: inline-block
}

.Carousel-indicator:active, .Carousel-indicator:focus, .Carousel-indicator:hover {
	cursor: pointer;
	background-position: -355px -262px
}

.Carousel-indicator.active {
	background-position: -385px -262px
}

.Carousel-homeHeading {
	max-width: 45rem;
	text-align: left
}

@media (min-width:40em) {
	.Carousel-homeHeading {
		font-size: 1rem;
		font-family: Palatino Linotype, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif;
		text-align: center;
		color: #fff;
		height: 40px;
		max-width: none;
		margin-bottom: 0;
		padding-top: .75rem;
		padding-bottom: 0;
		border-bottom: none;
		text-transform: uppercase;
		text-shadow: 0 0 4px #000, 0 0 8px #000
	}

}

@media (min-width:60em) {
	.Carousel-homeHeading {
		font-size: 1.1rem;
		padding-top: 1.025rem
	}

}

.CarouselOverlay-container {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	padding-top: 57%
}

.CarouselOverlay-controls {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 3
}

.CarouselOverlay-controls--playing-hearthstone {
	right: 1rem;
	left: 1rem
}

@media (min-width:60em) {
	.CarouselOverlay-controls--playing-hearthstone {
		right: 8px;
		left: 8px
	}

}

.CarouselOverlay-controls:hover .CarouselOverlay-control {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/screenshot-overlay-243c5208fc979cda6e668d6e5f5183f2f6fc1376c8b2432e4205f1707ae45e6cce8ba35f699c7669a17853ecda06f13c5c19bc00a9f35f44e19815cd407b4518.png);
	background-repeat: no-repeat
}

.ie8 .CarouselOverlay-controls {
	background: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/blank-2b9c34be3c86965d0c33a589279630ed6ad674642b08d42cdf1d70408f836db34dbaa394a2727a9910f12a364114096837f74e10e92512bff40934fb6a3d0d48.gif)
}

.CarouselOverlay-control {
	position: absolute;
	top: 50%;
	width: 33%;
	margin-top: -46px;
	height: 92px;
	max-width: 100px;
	z-index: 4;
	background-repeat: no-repeat
}

.CarouselOverlay-control.prev {
	background-position: -329px 0;
	left: 0
}

.CarouselOverlay-control.prev:hover {
	background-position: -429px 0;
	cursor: pointer
}

.CarouselOverlay-control.next {
	background-position: -492px 0;
	right: 0
}

.CarouselOverlay-control.next:hover {
	background-position: -592px 0;
	cursor: pointer
}

.CarouselOverlay-control.zoom {
	background-position: 227px 192px;
	left: 100px;
	right: 100px;
	width: auto;
	max-width: none
}

.CarouselOverlay-control.zoom:hover {
	background-position: 227px -73px;
	cursor: pointer
}

.MediaFrame {
	position: relative;
	padding: 8px;
	z-index: 1
}

.MediaFrame:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: 8px solid #dec79b;
	border-width: 17px 20px;
	-o-border-image: url(images/ui/artwork-frameV2-e42466cbd049349b5645d045a1678ab896ed1cacea3ec4d11b99eb2184e9db9d07d3949872d14f9ee5604913e7602f143627928fc3375e785a235d24653e6c7d.png) 17 20 stretch;
	border-image: url(images/ui/artwork-frameV2-e42466cbd049349b5645d045a1678ab896ed1cacea3ec4d11b99eb2184e9db9d07d3949872d14f9ee5604913e7602f143627928fc3375e785a235d24653e6c7d.png) 17 20 stretch;
	z-index: -1
}

.MediaFrame img {
	width: 100%;
	display: block
}

.MediaFrame--thumb {
	display: inline-block
}

.MediaFrame--wideFrame {
	padding: 15px 16px
}

.MediaFrame--wideFrame:before {
	top: -2px;
	right: -1px;
	bottom: -2px;
	left: -1px;
	border-width: 17px 19px;
	-o-border-image: url(images/ui/artwork-frameV3-dac4c0c25cf0f5a3d3a9dec4da0aef714bb526182fb53e2d34433d1e44e7d51fad4b888588d4971b8c314b1ebfb6b229ecf86a5e478151aac4b1fb8c7c85cdda.png) 17 20 stretch;
	border-image: url(images/ui/artwork-frameV3-dac4c0c25cf0f5a3d3a9dec4da0aef714bb526182fb53e2d34433d1e44e7d51fad4b888588d4971b8c314b1ebfb6b229ecf86a5e478151aac4b1fb8c7c85cdda.png) 17 20 stretch;
	z-index: -1
}

.MediaContent-container__title {
	font-size: 1rem;
	text-transform: uppercase;
	letter-spacing: 0;
	color: #233a6e;
	font-family: Palatino Linotype, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif;
	border-bottom: 1px solid #d4ba8c;
	margin: 0 1rem
}

@media (min-width:40em) {
	.MediaContent-container__title {
		padding-left: 1rem;
		border-bottom: none
	}

}

@media (min-width:72.5em) {
	.MediaContent-container__title {
		padding: 0 4.5rem
	}

}

.Media--link {
	display: block;
	color: #000
}

.Media--link:active, .Media--link:focus, .Media--link:hover {
	text-decoration: none;
	color: #e22c14
}

.ImageGallery .MediaContainer {
	overflow-x: auto
}

@media (min-width:60em) {
	.ImageGallery .MediaContainer {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}

}

.ImageGallery-item {
	max-width: 32%;
	display: inline-block;
	margin-left: 8px
}

.ImageGallery-item:first-child {
	margin-left: 0
}

@media (min-width:60em) {
	.ImageGallery-item {
		margin-left: 0;
		margin-bottom: 2rem
	}

}

.Media-overlay {
	display: block;
	max-height: 100%;
	position: relative;
	text-decoration: none
}

@media (min-width:60em) {
	.Media-overlay:before {
		content: "";
		opacity: 0;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0, 0, 0, .5) url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/artwork-zoom-15e0f4895da25c097b0a2c320545a35b40ae06a908cee525baa76c25e4b8ea7cfc00e000a9b22465745de6d8b2fee0c69f36345a9ac30b5894612525fd907fb5.png) 50% no-repeat;
		transition: opacity .3s
	}

	.Media-overlay:active:before, .Media-overlay:focus:before, .Media-overlay:hover:before {
		opacity: 1
	}

}

@media (min-width:40em) {
	.Page--media .body-top {
		background: transparent url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/bg-header-34291f0671168d7dc199ffdb334b863416698bc2d9dd3d1fcfe48ee8dce88025b601bc826b9837aedcef0ee15cc3da9d7dfb4c5fc0122fc079250791df2832af.png) 50% 0 no-repeat
	}

}

.MediaContainer--videos {
	position: relative
}

@media (min-width:40em) {
	.MediaContainer--videos {
		height: 343px;
		margin-bottom: 25px;
		padding-top: 30px
	}

}

@media (min-width:72.5em) {
	.MediaContainer--videos:after, .MediaContainer--videos:before {
		content: "";
		display: block;
		position: absolute;
		z-index: 5
	}

	.MediaContainer--videos:before {
		width: 405px;
		height: 263px;
		background: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/bg-worgen-74e66818366defb8d4ce5b05a0a8caf1b29dfcb728f0d5c01dcee4fbe34d88000556ae2e92ebe7a1f12d13b9d08c0f52b39ba8c281f74e38fd0dfb18e30849d4.png) 0 0 no-repeat;
		bottom: -56px;
		left: -120px
	}

	.MediaContainer--videos:after {
		width: 210px;
		height: 237px;
		background: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/bg-goblin-ef399cd7ec2c676f292fa6e6628fd35fa652422f71480f4ef5a0671d3e96460c36c7e3aaf8cbb7895101b501c11d10eef7241934cb7e7445fb7eee9f4fa7721b.png) 0 0 no-repeat;
		right: -24px;
		bottom: -26px
	}

}

.MediaContent--video {
	display: block;
	margin-left: 1rem;
	margin-right: 1rem
}

@media (min-width:30em) {
	.MediaContent--video {
		display: inline-block;
		width: 412px;
		max-width: 66vw
	}

}

.MediaContent--video+.MediaContent--video {
	margin-top: 2rem
}

@media (min-width:30em) {
	.MediaContent--video+.MediaContent--video {
		margin-top: 0
	}

}

@media (min-width:40em) {
	.MediaContent--video+.MediaContent--video {
		margin-top: 8px
	}

}

@media (min-width:60em) {
	.MediaContent--video+.MediaContent--video {
		margin-left: 2rem
	}

}

.MediaContent-itemTitle {
	position: absolute;
	top: 1em;
	right: 0;
	left: 0;
	color: #fff;
	font-size: 1rem;
	font-family: Palatino Linotype, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif;
	text-align: center
}

.ko-kr .MediaContent-itemTitle {
	font-family: NanumMyeongjo Bold
}

.MediaContent-itemTitle--expansion {
	top: auto;
	bottom: 50%;
	-webkit-transform: translateY(63px);
	-ms-transform: translateY(63px);
	transform: translateY(63px);
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, 1px 1px 0 #000, -1px 1px 0 #000, -1px -1px 1px #000, 1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000;
	font-size: 1.5rem
}

.ko-kr .MediaContent-itemTitle--expansion, .zh-tw .MediaContent-itemTitle--expansion {
	-webkit-transform: translateY(68px);
	-ms-transform: translateY(68px);
	transform: translateY(68px)
}

.MediaContent-header {
	color: #000;
	font-size: 1rem;
	font-family: Palatino Linotype, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif;
	text-align: center;
	margin: 0 0 .75em
}

.ko-kr .MediaContent-header {
	font-family: NanumMyeongjo Bold
}

@media (min-width:60em) {
	.MediaContent-header {
		display: none
	}

}

@media (min-width:60em) {
	.MediaContent-item--withPlayButton {
		position: relative
	}

	.MediaContent-item--withPlayButton:after {
		content: "";
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -50px;
		margin-left: -50px;
		background: transparent url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/play-sprite-afa7cd2884863e243ac46c9d9766a0908b9835d62fb3339c5c9fed78b5367917c628219d5162935fb7b2bf0336103f8f4cbc98d64ee55e0e06e1790abd8ea3b9.png) 0 0 no-repeat;
		width: 100px;
		height: 100px;
		z-index: 9001
	}

	.MediaContent-item--withPlayButton:active:after, .MediaContent-item--withPlayButton:focus:after, .MediaContent-item--withPlayButton:hover:after {
		background-position: 0 -100px
	}

}

.MediaContent-item--video {
	position: absolute;
	background-size: contain
}

@media (min-width:40em) {
	.MediaContentBlock--video {
		background: none;
		padding-top: 0;
		margin-top: 0
	}

}

@media (min-width:60em) {
	.MediaContentBlock--video {
		padding-top: 1rem
	}

}

.MediaContentBlock--wallpaper .Dropdown-hearthstone {
	text-align: center
}

.MediaContentBlock--wallpaper .Dropdown-border {
	width: calc(100% - 105px)
}

@media (min-width:30em) {
	.MediaContentBlock--wallpaper .Dropdown-border {
		width: 77%
	}

}

@media (min-width:40em) {
	.MediaContentBlock--wallpaper .Dropdown-border {
		width: 83%
	}

}

@media (min-width:60em) {
	.MediaContentBlock--wallpaper .Dropdown-border {
		width: 85%
	}

}

.WallpaperDownload-title {
	font-weight: 400;
	font-family: Open Sans Semibold, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display Bold, Tahoma, Verdana, Arial, Helvetica, sans-serif
}

.ContentSection--screenshots {
	position: relative
}

.Resolutions {
	margin: 0 1rem;
	font-family: Open Sans, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: .85em;
	max-width: 720px;
	text-align: left
}

@media (min-width:40em) {
	.Resolutions {
		margin: auto
	}

}

.Resolutions option {
	font-size: 1rem
}

.MediaContainer-hub {
	display: inline-block;
	position: relative;
	white-space: nowrap;
	max-width: 1000px;
	transition: left 1s;
	width: 100%
}

@media (min-width:60em) {
	.MediaContainer-hub {
		white-space: normal;
		max-width: 60rem;
		text-align: left;
		margin: auto
	}

}

.Media--fireside {
	clear: both
}

.Media--fireside+.Media--fireside {
	margin-top: 1em
}

.MediaContentBlock--gvg {
	background-image: none
}

.is-folded .MediaContentBlock {
	max-height: 165px
}

.is-folded .view-more {
	background-position: right -36px
}

.is-folded .view-more:hover {
	background-position: right -108px
}

.view-more {
	display: none
}

@media (min-width:60em) {
	.view-more {
		width: 103px;
		height: 28px;
		background: transparent url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/collapse-button.png) right 0 no-repeat;
		display: inline-block;
		float: right
	}

}

.view-more:hover {
	background-position: right -72px
}

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	overflow: hidden;
	-ms-touch-action: none;
	touch-action: none;
	z-index: 10000;
	-webkit-text-size-adjust: 100%;
	-webkit-backface-visibility: hidden;
	outline: none
}

.pswp * {
	box-sizing: border-box
}

.pswp img {
	max-width: none
}

.pswp--animate_opacity {
	opacity: .001;
	will-change: opacity;
	transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp--open {
	display: block
}

.pswp--zoom-allowed .pswp__img {
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in
}

.pswp--zoomed-in .pswp__img {
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: grab
}

.pswp--dragging .pswp__img {
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: grabbing
}

.pswp__bg {
	background: rgba(0, 0, 0, .9);
	opacity: 0;
	-webkit-backface-visibility: hidden
}

.pswp__bg, .pswp__scroll-wrap {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.pswp__scroll-wrap {
	overflow: hidden
}

.pswp__container, .pswp__zoom-wrap {
	-ms-touch-action: none;
	touch-action: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0
}

.pswp__container, .pswp__img {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none
}

.pswp__zoom-wrap {
	position: absolute;
	width: 100%;
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top;
	transition: -webkit-transform 333ms cubic-bezier(.4, 0, .22, 1);
	transition: transform 333ms cubic-bezier(.4, 0, .22, 1);
	transition: transform 333ms cubic-bezier(.4, 0, .22, 1), -webkit-transform 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp__bg {
	will-change: opacity;
	transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap {
	transition: none
}

.pswp__container, .pswp__zoom-wrap {
	-webkit-backface-visibility: hidden
}

.pswp__item {
	right: 0;
	bottom: 0;
	overflow: hidden
}

.pswp__img, .pswp__item {
	position: absolute;
	left: 0;
	top: 0
}

.pswp__img {
	width: auto;
	height: auto
}

.pswp__img--placeholder {
	-webkit-backface-visibility: hidden
}

.pswp__img--placeholder--blank {
	background: none
}

.pswp--ie .pswp__img {
	width: 100% !important;
	height: auto !important;
	left: 0;
	top: 0
}

.pswp__error-msg {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	text-align: center;
	font-size: 14px;
	line-height: 16px;
	margin-top: -8px;
	color: #ccc
}

.pswp__error-msg a {
	color: #ccc;
	text-decoration: underline
}

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp__button {
	width: 44px;
	height: 44px;
	position: relative;
	background: none;
	cursor: pointer;
	overflow: visible;
	-webkit-appearance: none;
	display: block;
	border: 0;
	padding: 0;
	margin: 0;
	float: right;
	opacity: .75;
	transition: opacity .2s;
	box-shadow: none
}

.pswp__button:focus, .pswp__button:hover {
	opacity: 1
}

.pswp__button:active {
	outline: none;
	opacity: .9
}

.pswp__button::-moz-focus-inner {
	padding: 0;
	border: 0
}

.pswp__ui--over-close .pswp__button--close {
	opacity: 1
}

.pswp__button, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
	background: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/purple-skin-ab695af545bd122f0cc359ef9126bc03ab229244ed0daaa71c9852c97d8307cfffa6edab7b2552901e240903ad64964746567b9d08df989098e66ecf189a8672.png) 0 0 no-repeat;
	background-size: 264px 88px;
	width: 44px;
	height: 44px
}

@media (-webkit-min-device-pixel-ratio:1.1), (-webkit-min-device-pixel-ratio:1.09375), (min-resolution:1.1dppx), (min-resolution:105dpi) {
	.pswp--svg .pswp__button, .pswp--svg .pswp__button--arrow--left:before, .pswp--svg .pswp__button--arrow--right:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/purple-skin-61aa2df59ea7023fdd2008d8871f850221b84b79f945fa3bc6a90e9e83256082ef2b7a80ea72b2b4c97cde7b3181543e578e043674adb539b92d30272e00d4c4.svg)
	}

	.pswp--svg .pswp__button--arrow--left, .pswp--svg .pswp__button--arrow--right {
		background: none
	}

}

.pswp__button--close {
	background-position: 0 -44px
}

.pswp__button--share {
	background-position: -44px -44px
}

.pswp__button--fs {
	display: none
}

.pswp--supports-fs .pswp__button--fs {
	display: block
}

.pswp--fs .pswp__button--fs {
	background-position: -44px 0
}

.pswp__button--zoom {
	display: none;
	background-position: -88px 0
}

.pswp--zoom-allowed .pswp__button--zoom {
	display: block
}

.pswp--zoomed-in .pswp__button--zoom {
	background-position: -132px 0
}

.pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right {
	visibility: hidden
}

.pswp__button--arrow--left, .pswp__button--arrow--right {
	background: none;
	top: 50%;
	margin-top: -50px;
	width: 70px;
	height: 100px;
	position: absolute
}

.pswp__button--arrow--left {
	left: 20px
}

.pswp__button--arrow--right {
	right: 20px
}

.pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
	content: "";
	top: 35px;
	background: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/lightbox-06fc0398a042e850565b95e637e35cfd1790561e5ccf2a115b570920ea615174b29f868034774952f8c3e20ff2ac3290101fa4c48cb0b591cd8e8c90f78aefe4.png) 0 0 no-repeat;
	position: absolute
}

.pswp__button--arrow--left:before {
	left: 6px;
	background-position: 0 0
}

.pswp__button--arrow--right:before {
	right: 6px;
	background-position: -40px 0
}

.pswp__counter, .pswp__share-modal {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.pswp__share-modal {
	display: block;
	background: rgba(0, 0, 0, .5);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 10px;
	position: absolute;
	z-index: 1600;
	opacity: 0;
	transition: opacity .25s ease-out;
	-webkit-backface-visibility: hidden;
	will-change: opacity
}

.pswp__share-modal--hidden {
	display: none
}

.pswp__share-tooltip {
	z-index: 1620;
	position: absolute;
	background: #fff;
	top: 56px;
	border-radius: 2px;
	display: block;
	width: auto;
	right: 44px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
	-webkit-transform: translateY(6px);
	-ms-transform: translateY(6px);
	transform: translateY(6px);
	transition: -webkit-transform .25s;
	transition: transform .25s;
	transition: transform .25s, -webkit-transform .25s;
	-webkit-backface-visibility: hidden;
	will-change: transform
}

.pswp__share-tooltip a {
	display: block;
	padding: 8px 12px;
	font-size: 14px;
	line-height: 18px
}

.pswp__share-tooltip a, .pswp__share-tooltip a:hover {
	color: #000;
	text-decoration: none
}

.pswp__share-tooltip a:first-child {
	border-radius: 2px 2px 0 0
}

.pswp__share-tooltip a:last-child {
	border-radius: 0 0 2px 2px
}

.pswp__share-modal--fade-in {
	opacity: 1
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.pswp--touch .pswp__share-tooltip a {
	padding: 16px 12px
}

a.pswp__share--facebook:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	top: -12px;
	right: 15px;
	border: 6px solid transparent;
	border-bottom-color: #fff;
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	pointer-events: none
}

a.pswp__share--facebook:hover {
	background: #3e5c9a;
	color: #fff
}

a.pswp__share--facebook:hover:before {
	border-bottom-color: #3e5c9a
}

a.pswp__share--twitter:hover {
	background: #55acee;
	color: #fff
}

a.pswp__share--pinterest:hover {
	background: #ccc;
	color: #ce272d
}

a.pswp__share--download:hover {
	background: #ddd
}

.pswp__counter {
	position: absolute;
	left: 0;
	top: 0;
	height: 44px;
	font-size: 13px;
	line-height: 44px;
	color: #fff;
	opacity: .75;
	padding: 0 10px
}

.pswp__caption {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	min-height: 44px
}

.pswp__caption small {
	font-size: 11px;
	color: #bbb
}

.pswp__caption__center {
	text-align: left;
	max-width: 420px;
	margin: 0 auto;
	font-size: 13px;
	padding: 10px;
	line-height: 20px;
	color: #ccc
}

.pswp__caption--empty {
	display: none
}

.pswp__caption--fake {
	visibility: hidden
}

.pswp__preloader {
	width: 44px;
	height: 44px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -22px;
	opacity: 0;
	transition: opacity .25s ease-out;
	will-change: opacity;
	direction: ltr
}

.pswp__preloader__icn {
	width: 20px;
	height: 20px;
	margin: 12px
}

.pswp__preloader--active {
	opacity: 1
}

.pswp__preloader--active .pswp__preloader__icn {
	background: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/preloader.gif) 0 0 no-repeat
}

.pswp--css_animation .pswp__preloader--active {
	opacity: 1
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
	-webkit-animation: clockwise .5s linear infinite;
	animation: clockwise .5s linear infinite
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
	-webkit-animation: donut-rotate 1s cubic-bezier(.4, 0, .22, 1) infinite;
	animation: donut-rotate 1s cubic-bezier(.4, 0, .22, 1) infinite
}

.pswp--css_animation .pswp__preloader__icn {
	background: none;
	opacity: .75;
	width: 14px;
	height: 14px;
	position: absolute;
	left: 15px;
	top: 15px;
	margin: 0
}

.pswp--css_animation .pswp__preloader__cut {
	position: relative;
	width: 7px;
	height: 14px;
	overflow: hidden
}

.pswp--css_animation .pswp__preloader__donut {
	box-sizing: border-box;
	width: 14px;
	height: 14px;
	border: 2px solid #fff;
	border-radius: 50%;
	border-left-color: transparent;
	border-bottom-color: transparent;
	position: absolute;
	top: 0;
	left: 0;
	background: none;
	margin: 0
}

@media screen and (max-width:1024px) {
	.pswp__preloader {
		position: relative;
		left: auto;
		top: auto;
		margin: 0;
		float: right
	}

}

@-webkit-keyframes clockwise {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}

}

@keyframes clockwise {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}

}

@-webkit-keyframes donut-rotate {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	50% {
		-webkit-transform: rotate(-140deg);
		transform: rotate(-140deg)
	}

	to {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

}

@keyframes donut-rotate {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	50% {
		-webkit-transform: rotate(-140deg);
		transform: rotate(-140deg)
	}

	to {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

}

.pswp__ui {
	-webkit-font-smoothing: auto;
	visibility: visible;
	opacity: 1;
	z-index: 1550
}

.pswp__top-bar {
	position: absolute;
	left: 0;
	top: 0;
	height: 44px;
	width: 100%
}

.pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right, .pswp__caption, .pswp__top-bar {
	-webkit-backface-visibility: hidden;
	will-change: opacity;
	transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right {
	visibility: visible
}

.pswp__caption, .pswp__top-bar {
	background-color: rgba(0, 0, 0, .5)
}

.pswp__ui--fit .pswp__caption, .pswp__ui--fit .pswp__top-bar {
	background-color: rgba(0, 0, 0, .3)
}

.pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right, .pswp__ui--idle .pswp__top-bar {
	opacity: 0
}

.pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__top-bar {
	opacity: .001
}

.pswp__ui--one-slide .pswp__button--arrow--left, .pswp__ui--one-slide .pswp__button--arrow--right, .pswp__ui--one-slide .pswp__counter {
	display: none
}

.pswp__element--disabled {
	display: none !important
}

.pswp--minimal--dark .pswp__top-bar {
	background: none
}

.pswp__zoom-wrap {
	text-align: center
}

.pswp__zoom-wrap:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle
}

.pswp__video_wrapper {
	line-height: 0;
	width: 100%;
	max-width: 900px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
	z-index: 1045
}

.pswp__video_wrapper .pswp__video {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
	width: 100%
}

.pswp__video_wrapper .pswp__video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.ContentContainer--social {
	position: relative;
	z-index: 5;
	clear: both;
	padding-top: 1.25rem
}

.SocialLinks {
	display: block;
	margin: auto;
	max-width: 16em;
	text-align: center
}

@media (min-width:40em) {
	.SocialLinks {
		max-width: none
	}

}

.SocialLinks-title {
	text-align: center;
	font: 700 normal 1.25rem/1 Palatino Linotype, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif;
	color: #500a70;
	margin: 0 0 .5em
}

.ko-kr .SocialLinks-title {
	font-family: Dotum;
	font-size: 12px
}

.SocialCards {
	text-align: center
}

.SocialCard {
	display: inline-block;
	height: 71px;
	width: 99px;
	vertical-align: bottom;
	background: transparent url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/social-cards-2dbd9f6dd4d2f0da85efa08a9f0fb8675b94a9695e09d1f3477ba0122370bb5103c8a14aa822a0a84854a6527953bd5cdd81eb465f1e6a01012233987620712f.png) 0 0 no-repeat;
	transition: none;
	margin: 0 -20px
}

@media (min-width:40em) {
	.SocialCard {
		margin: 0 -15px
	}

}

.SocialCard--facebook {
	background-position: 0 0
}

.SocialCard--facebook:active, .SocialCard--facebook:hover {
	background-position: 0 -77px
}

.SocialCard--twitter {
	background-position: -99px 0
}

.SocialCard--twitter:active, .SocialCard--twitter:hover {
	background-position: -99px -77px
}

.SocialCard--youtube {
	background-position: -198px 0
}

.SocialCard--youtube:active, .SocialCard--youtube:hover {
	background-position: -198px -77px
}

.SocialCard--reddit {
	background-position: -297px 0
}

.SocialCard--reddit:active, .SocialCard--reddit:hover {
	background-position: -297px -77px
}

.SocialCard--googleplus {
	background-position: -396px 0
}

.SocialCard--googleplus:active, .SocialCard--googleplus:hover {
	background-position: -396px -77px
}

.SocialCard--vkontakte {
	background-position: -491px 0
}

.SocialCard--vkontakte:active, .SocialCard--vkontakte:hover {
	background-position: -491px -77px
}

.SocialCard--instagram {
	background-position: -587px 0
}

.SocialCard--instagram:active, .SocialCard--instagram:hover {
	background-position: -587px -77px
}

.Hero {
	color: #fff;
	min-height: 350px;
	padding: 3em 0 5em;
	background: #071122;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover
}

.Hero h1 {
	margin-bottom: .5em
}

.Hero h1, .Hero p {
	color: #fff;
	margin-top: 0;
	text-shadow: -1px 1px 5px rgba(0, 0, 0, .5)
}

@media (min-width:60em) {
	.Hero {
		padding-top: 8em;
		background-image: none
	}

	.Hero.Parallax--standard {
		background-image: none !important
	}

}

.Header-logo {
	display: block;
	margin: 2em auto 0;
	position: relative
}

.Parallax {
	position: relative;
	overflow: hidden
}

.Parallax, .Parallax-layer {
	width: 100%;
	top: 0;
	z-index: 0
}

.Parallax-layer {
	display: none;
	height: 100%;
	position: absolute;
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: cover
}

@media (min-width:60em) {
	.Parallax-layer {
		display: block
	}

}

.ParallaxGeneral {
	padding: 5em 1em 11em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/hs-gen-sm-c492017cbc2b7caca0ca205f1e43b7a0ccfc3237e79323c723127038f84736f1d81bd15e19b23043bf2e6caa918a3d03c59646709f59bf3a7aac377c5bcff1d8.jpg) top no-repeat #071122;
	background-size: cover
}

@media (min-width:40em) {
	.ParallaxGeneral {
		padding-bottom: 10em;
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/hs-gen-md-88dada8ddb8f6c74a9b0315a9b1fa2cf6b32eb7bdef8543100dcbddc9474b68975c8af1abc30a860a7f484ed13b3230eefa444d8f1a34743fa7ab927e2785b0c.jpg)
	}

}

@media (min-width:60em) {
	.ParallaxGeneral {
		padding: 10em 0 7.5em;
		background-image: none
	}

}

@media (min-width:72.5em) {
	.ParallaxGeneral {
		padding: 11em 0 8em
	}

}

.ParallaxGeneral .Lead {
	max-width: 800px;
	margin: 0 auto
}

.ParallaxGeneral.ParallaxGeneral--hsLogo {
	min-height: 0;
	padding: 0 0 50px
}

.ParallaxGeneral.has-logo {
	padding-top: 0
}

.ParallaxGeneral.has-logo img {
	max-width: 350px
}

@media (min-width:60em) {
	.ParallaxGeneral.has-logo {
		padding-top: 6em
	}

}

@media (min-width:72.5em) {
	.ParallaxGeneral.has-logo {
		padding-top: 7em
	}

}

@media (max-width:59.99em) {
	.Parallax-PageDivider.PageDivider--top.is-folded {
		width: 100%
	}

}

.ParallaxGeneral-content {
	width: 100%
}

@media (min-width:60em) {
	.ParallaxGeneral-layer--defaultBackground {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/hs-gen-lg-0c3c47b9702606d9858b52363131ae9f904afbf3b0d933be7deb6e07c98ee94c8cef095362806907f7908d67121f3dbfcca58a4348e34fbb4ed755918a944d20.jpg)
	}

}

.ParallaxGeneral--hsLogo .ParallaxGeneral-layer--defaultBackground {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/kobolds/hs-gen-logo-lg-c05665a3596018f766422e2ff67d57de236e5efe3b3d88a23b46329d26ad8290f74873b482da2cb7d365750f374bc80c39589ff54a488ef8c590d7ecbc673f21.jpg)
}

.Parallax-layer--hearthstoneLogo {
	width: 753px;
	max-width: 80%;
	height: 180px;
	margin: 0 auto;
	display: block;
	position: relative;
	background-size: contain;
	text-align: center
}

@media (min-width:40em) {
	.Parallax-layer--hearthstoneLogo {
		height: 250px;
		margin: 0 auto
	}

}

@media (min-width:60em) {
	.Parallax-layer--hearthstoneLogo {
		height: 280px;
		margin-top: 5em;
		top: .5em
	}

}

@media (min-width:72.5em) {
	.Parallax-layer--hearthstoneLogo {
		margin-top: 6em
	}

}