:root {
    --c-primary: rgba(255, 228, 159, 1);
    --c-secondary: rgba(232, 189, 112, 1);
    --c-tiertery: rgba(237, 209, 133, 1);
    --c-base: rgba(13, 13, 13, 1);
    --c-ng: rgba(254, 229, 193, 1);
    --c-gold: rgba(232, 189, 112, 1);
    --c-success: green;
    --c-blue: rgba(0, 122, 255, 1);
    --c-yellow: rgba(255, 214, 10, 1);
    --c-green: rgba(48, 209, 88, 1);
    --c-white: rgba(255, 255, 255, 1);
    --c-black: rgba(0, 0, 0, 1);
    --c-gray: rgba(142, 142, 147, 1);
    --c-info: #0dcaf0;
    --c-warning: #ffc107;
    --c-danger: #dc3545;
    --c-light: #ffffff;
    --c-dark: #0d0d0d;
    --c-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --c-transparent: transparent;
    --c-btn-primary: 45deg, rgba(232, 189, 112, 1) 0%, rgba(237, 209, 133, 1)100%;
    --c-btn-secondary: 45deg, rgba(232, 189, 112, 1) 0%, rgba(237, 209, 133, 1)100%;
    --f-base: Roboto, "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --f-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --f-Roboto: "Roboto";
    --f-title-xl: 33px;
    --f-title-l: 27px;
    --f-title-m: 21px;
    --f-title-s: 19px;
    --f-headline: 16px;
    --f-body: 14px;
    --f-footnote: 12px;
    --f-caption: 11px;
    --gutter: 4px;
    --modal-background: rgba(242, 242, 247, 1) !important;
    --box-blur: 20px;
    --animation-timing-function: cubic-bezier(0.2, 0.59, 0.38, 0.91);
    --color-transparent: transparent;
    --color-btn-cny: #F71E39;
    --c-btn-3star: rgba(249,206,55, 1);
    --bend: calc(var(--gutter)*3);
    --backdrop-overlay: rgba(0, 0, 0, .5);
    --box-drop-shadow: 0px 4px 12px rgba(0, 0, 0, .08);
    --box-drop-shadow-focus: 0px 10px 20px rgba(0, 0, 0, .5);
    --box-background: rgba(0, 0, 0, 0.6) !important;
    --color-icon-close: rgba(0, 0, 0, .6);
}

/* s-lobby */
.s-lobby.current {
    display: inherit;
}

.s-lobby {
    display: none;
}

.lobbystick {
    left: 0;
}

/* slide */
.slide-wrap {
	padding: 0 20px;
}

/* ticket frame */
.ticketframe .infoico {
    background-color: var(--c-ng);
    mask-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='UTF-8'?%3e%3csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 484.34 484.34'%3e%3cdefs%3e%3cstyle%3e .cls-1 %7b fill: %23fee5c1; stroke-width: 0px;%7d %3c/style%3e%3c/defs%3e%3cpath class='cls-1' d='m242.24,0h-.06C108.42,0,0,108.42,0,242.17s108.42,242.17,242.17,242.17,242.17-108.42,242.17-242.17C484.36,108.44,375.96.02,242.24,0Zm-.27,435.25c-106.69-.06-193.13-86.59-193.07-193.28.03-51.2,20.38-100.29,56.58-136.49,36.21-36.32,85.41-56.68,136.69-56.58,106.69.06,193.13,86.59,193.07,193.28-.06,106.69-86.59,193.13-193.28,193.07Z'/%3e%3crect class='cls-1' x='217.69' y='217.69' width='48.9' height='145.54'/%3e%3crect class='cls-1' x='217.69' y='121.05' width='48.9' height='48.9'/%3e%3c/svg%3e");
    -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='UTF-8'?%3e%3csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 484.34 484.34'%3e%3cdefs%3e%3cstyle%3e .cls-1 %7b fill: %23fee5c1; stroke-width: 0px;%7d %3c/style%3e%3c/defs%3e%3cpath class='cls-1' d='m242.24,0h-.06C108.42,0,0,108.42,0,242.17s108.42,242.17,242.17,242.17,242.17-108.42,242.17-242.17C484.36,108.44,375.96.02,242.24,0Zm-.27,435.25c-106.69-.06-193.13-86.59-193.07-193.28.03-51.2,20.38-100.29,56.58-136.49,36.21-36.32,85.41-56.68,136.69-56.58,106.69.06,193.13,86.59,193.07,193.28-.06,106.69-86.59,193.13-193.28,193.07Z'/%3e%3crect class='cls-1' x='217.69' y='217.69' width='48.9' height='145.54'/%3e%3crect class='cls-1' x='217.69' y='121.05' width='48.9' height='48.9'/%3e%3c/svg%3e");
    height: 20px;
    width: 20px;
}

/* giveaway-ctrl */
.giveaway-ctrl .segmented {
	padding: calc(var(--gutter) * 1.5) calc(var(--gutter) * 4);
	height: 60px;
}

.giveaway-ctrl .segmented ul.stackgift {
	display: flex;
	justify-content: space-around;
	background-color: rgba(0, 0, 0, 0.4);
	color: var(--c-white);
	list-style: none;
	border-radius: calc(var(--gutter) * 2.5);
	padding: 2px 0;
	margin: 0;
	height: 48px;
}

.giveaway-ctrl .segmented ul.stackgift li {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	list-style: none;
	margin: 0 2px;
	height: 44px;
	width: 100%;
	cursor: pointer;
	text-transform: inherit;
}

.giveaway-ctrl .segmented ul.stackgift li:not(:first-child)::before {
	content: '';
	position: absolute;
	left: -2px;
	background-color: var(--c-white);
	height: 16px;
	width: 1px;
	opacity: 0.3;
}

.giveaway-ctrl .segmented ul.stackgift li.current {
	border-radius: 8px;
	height: 44px;
}

.giveaway-ctrl .segmented ul.stackgift li.current[data-tab=bronze-control],
.giveaway-ctrl .segmented ul.stackgift li.current[data-tab=bronze-winner] {
	background: #EBC6A6;
	background: -webkit-linear-gradient(left, #D19F7F, #EBC6A6, #D19F7F);
	background: -o-linear-gradient(left, #D19F7F, #EBC6A6, #D19F7F);
	background: linear-gradient(to right, #D19F7F, #EBC6A6, #D19F7F);
	color: #846110;
}

.giveaway-ctrl .segmented ul.stackgift li.current[data-tab=silver-control],
.giveaway-ctrl .segmented ul.stackgift li.current[data-tab=silver-winner] {
	background: #EFEFEF;
	background: -webkit-linear-gradient(left, #CBCBCB, #EFEFEF, #CBCBCB);
	background: -o-linear-gradient(left, #CBCBCB, #EFEFEF, #CBCBCB);
	background: linear-gradient(to right, #CBCBCB, #EFEFEF, #CBCBCB);
	color: #6E6E6E;
}

.giveaway-ctrl .segmented ul.stackgift li.current[data-tab=gold-control],
.giveaway-ctrl .segmented ul.stackgift li.current[data-tab=gold-winner] {
	background: #F3E4B6;
	background: -webkit-linear-gradient(left, #D3B881, #F3E4B6, #D3B881);
	background: -o-linear-gradient(left, #D3B881, #F3E4B6, #D3B881);
	background: linear-gradient(to right, #D3B881, #F3E4B6, #D3B881);
	color: #695000;
}

.giveaway-ctrl .s-gift {
	display: none;
	padding: 0 16px;
}

.giveaway-ctrl .s-gift.current {
	display: inherit;
}

/* giveaway-prizelist */
.giveaway-prizelist {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 16px;
}

/* winner list */
.giveaway-prizelist div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.giveaway-prizelist .winnercol {
	align-items: start;
}

.giveaway-prizelist .winnercol .prizename {
	color: var(--c-primary);
	font-size: var(--f-headline);
	font-weight: 500;
	text-align: center;
}

.giveaway-prizelist .winnercol .winname {
	font-size: var(--f-footnote);
}

/* entrygift */
.entrygift {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: calc(var(--gutter) * 4);
	margin-left: calc(var(--gutter) * 4);
	margin-bottom: calc(var(--gutter) * 6);
}

.entrygift img {
	margin: 0px 8px;
	width: 60px;
	transform: rotate(-20deg);
}

.entryframe {
	margin-bottom: calc(var(--gutter) * 4);
}

/* enrollment */
.serverentry {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

.serverentry .enrollment {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.serverentry .enrollment .amount {
    color: var(--c-primary);
    font-size: var(--f-title-l);
    margin-bottom: 16px;
}

.serverentry .enrollment .frame {
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    border-radius: 32px;
    padding: 4px;
    width: 170px;
}

/* slide bottom close button */
.btm-close {
	position: absolute;
	left: 50%;
    bottom: 60px;
	grid-template-columns: auto;
	background: var(--color-icon-close);
    border-radius: 50%;
	margin-bottom: 0;
	padding: 0;
	height: auto;
	transform: translateX(-50%);
}

.btm-close .tap-close {
	justify-content: center;
	height: 44px;
    width: 44px;
}

.btm-close .tap-close .icon-close {
	height: 44px;
    width: 44px;
	opacity: 1;
}

.icon-close-white {
    -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='close-white' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Crect width='30' height='30' style='fill: none; stroke-width: 0px;'/%3E%3Cpath d='m16.4,15l5.3-5.3c.4-.4.4-1,0-1.4-.4-.4-1-.4-1.4,0l-5.3,5.3-5.3-5.3c-.4-.4-1-.4-1.4,0s-.4,1,0,1.4l5.3,5.3-5.3,5.3c-.4.4-.4,1,0,1.4.4.4,1,.4,1.4,0l5.3-5.3,5.3,5.3c.4.4,1,.4,1.4,0,.4-.4.4-1,0-1.4l-5.3-5.3Z' style='fill: %23fff; stroke-width: 0px;'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='close-white' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Crect width='30' height='30' style='fill: none; stroke-width: 0px;'/%3E%3Cpath d='m16.4,15l5.3-5.3c.4-.4.4-1,0-1.4-.4-.4-1-.4-1.4,0l-5.3,5.3-5.3-5.3c-.4-.4-1-.4-1.4,0s-.4,1,0,1.4l5.3,5.3-5.3,5.3c-.4.4-.4,1,0,1.4.4.4,1,.4,1.4,0l5.3-5.3,5.3,5.3c.4.4,1,.4,1.4,0,.4-.4.4-1,0-1.4l-5.3-5.3Z' style='fill: %23fff; stroke-width: 0px;'/%3E%3C/svg%3E");
    mask-size: cover;
}

/* more information */
.more_info {
	margin-bottom: 88px;
}

/* pop out table */
.table-scroll {
    width: 100%;
    overflow-x: auto;
}

.table-scroll-responsive {
    display: inline-block;
    min-width: 100%;
    box-sizing: border-box; 
}

table {
    margin: 20px 0 30px 0;
    width: 100%;
}

table tr > * {
    text-align: center;
    border: 1px solid #dddddd;
    padding: 8px;
}

table tr > th {
    background-color: rgb(249, 206, 55);
    color: #333333;
    font-weight: bold;
}

table tr > th,
table tr > td {
    min-width: 90px;
}

/* custom */
.position-absolute {
    position: absolute;
}

.position-relative {
    position: relative;
}

.c-pointer {
    cursor: pointer;
}

.mt-0 {
    margin-top: 0 !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.text-danger {
    color: rgb(255, 0, 52);
}