a{text-decoration:none}
ul{list-style:none;padding-left:0}
::placeholder{color:var(--bs-gray-500)!important}
.form-select:focus,
.form-control:focus{border-color:var(--bs-border-color);box-shadow:unset}
.btn:focus-visible{color:var(--bs-btn-color);border-color:var(--bs-btn-border-color);background-color:var(--bs-btn-bg);outline:unset;box-shadow:unset}
.btn-close:focus{opacity:var(--bs-btn-close-opacity);box-shadow:unset}

.b-top{position:fixed;top:0;right:0;left:0;z-index:999;display:flex;align-items:center;height:60px;padding:0 1rem;background-color:var(--bs-black);box-shadow:0 2px 5px 0 rgba(0,0,0,.6)}
.b-top-logo{margin-right:auto}
.b-top>.btn,.b-top>.btn-group{margin-left:.5rem}
.b-top .b-top-avatar{display:flex;align-items:center;justify-content:center;padding:.5rem}
.b-top .b-top-avatar img{width:36px;aspect-ratio:1}
.b-top .b-top-avatar em{font-style:normal;font-size:.9rem;color:var(--bs-gray);margin-left:.5rem}
.b-top .dropdown-header{padding:.25rem .5rem;font-size:.8rem;font-weight:normal;text-align:center;color:var(--bs-body-color)}
.b-top .dropdown-header span{color:var(--bs-pink)}
.b-top .dropdown-header .bi{color:var(--bs-black)}

.b-top-mobile{position:fixed;top:0;right:0;left:0;z-index:999;display:none;flex-direction:column;background-color:var(--bs-dark);box-shadow:0 2px 5px 0 rgba(0,0,0,.6)}
.b-top-mobile form{display:flex;align-items:center;justify-content:space-between;height:60px}
.b-top-mobile form .bi{color:var(--bs-white)}
.b-top-mobile form .bi-justify-left::before{font-size:1.7rem}
.b-top-mobile form .bi-x::before{font-size:1.9rem}
.b-top-mobile form .bi-search::before{font-size:1.2rem}
.b-top-mobile form .b-top-mobile-search-close,
.b-top-mobile form .b-top-mobile-search-keyword,
.b-top-mobile form .b-top-mobile-search-submit{display:none}
.b-top-mobile ul{display:flex;justify-content:space-around;height:40px;margin-bottom:0;border-top:1px solid var(--bs-gray-800)}
.b-top-mobile ul li{height:100%}
.b-top-mobile ul li a{display:flex;align-items:center;height:100%;padding:0 1.25rem;font-size:.9rem;color:var(--bs-white);white-space:nowrap}

.b-left{position:fixed;top:60px;left:0;width:240px;height:calc(100% - 60px);padding:1rem;border-right:1px solid var(--bs-gray-300);overflow-x:hidden;overflow-y:auto}
.b-left .b-left-title{display:flex;align-items:center;justify-content:space-between}
.b-left .b-left-title .btn{padding-right:0}
.b-left .b-left-title .btn:active{border-color:transparent}
.b-left .b-left-title .btn .bi::before{content:"\f113";font-weight:bold!important}

.b-left-item{margin-bottom:0}
.b-left-item li{display:flex;align-items:center;margin-top:.75rem;cursor:pointer}
.b-left-item li:nth-child(n+6){display:none}
.b-left-item li img{object-fit:cover;width:40px;aspect-ratio:1;padding:1px;border:1px solid var(--bs-black);border-radius:50%}
.b-left-item li strong{margin:0 .5rem;font-size:.9rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.b-left-item li span{margin-left:auto;padding:0 .25rem;font-size:.7rem;color:var(--bs-pink);border:1px solid var(--bs-pink);border-radius:var(--bs-border-radius-pill)}

.b-left-item-more{display:flex;align-items:center;margin-top:1.25rem}
.b-left-item-more::before,
.b-left-item-more::after{content:"";flex-grow:1;height:1px;background-color:var(--bs-gray-500)}
.b-left-item-more .btn{--bs-btn-padding-x:.75rem;--bs-btn-font-size:.7rem;--bs-btn-border-radius:var(--bs-border-radius-xl);margin:0 1rem;transition:none}
.b-left-item-more .btn .b-left-item-more-close{display:none}
.b-left-item-more .btn .bi::before{content:"\f282"}

.b-left-menu{margin:1.25rem 0 0}
.b-left-menu li a{display:flex;align-items:center;padding:.5rem .75rem;color:var(--bs-body-color);border-radius:var(--bs-border-radius-lg);transition:background-color.3s}
.b-left-menu li a:hover{background-color:var(--bs-gray-200)}
.b-left-menu li a .bi{font-size:1.3rem}
.b-left-menu li a span{font-size:.9rem;font-weight:bold;margin-left:.75rem}

.b-container{padding:60px 0 0 240px}

.b-content{min-height:500px;overflow:hidden}

.b-main-slide{padding:2.5rem 0 1.5rem}
.b-main-slide a{aspect-ratio:16/9;position:relative;display:block;border-radius:var(--bs-border-radius-xl);overflow:hidden;background-position:center;background-repeat:no-repeat;background-size:cover;box-shadow:2px 2px 10px rgba(0,0,0,.4)}
.b-main-slide a>div{position:absolute;right:0;bottom:0;left:0;display:flex;align-items:center;padding:0 1.5rem 1rem;background:linear-gradient(rgba(0,0,0,0) 0%, rgb(0,0,0) 100%)}
.b-main-slide a img{object-fit:cover;width:51px;height:51px;border:1px solid var(--bs-gray-500);border-radius:50%}
.b-main-slide a div div{flex-grow:1;display:flex;flex-direction:column;margin-left:.75rem;font-weight:500;color:var(--bs-white);overflow:hidden}
.b-main-slide a div div>*{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.b-main-slide a strong{font-size:1.3rem}
.b-main-slide a p{margin-bottom:0}
.b-main-slide .swiper-slide-shadow-left,
.b-main-slide .swiper-slide-shadow-right{border-radius:var(--bs-border-radius-xl);backdrop-filter:blur(5px);background:rgba(255,255,255,.5)}
.b-main-slide .swiper-button-prev,
.b-main-slide .swiper-button-next{top:50%;width:48px;height:48px;border-radius:var(--bs-border-radius);background:rgba(255,255,255,.6)}
.b-main-slide .swiper-button-prev{left:1.5rem}
.b-main-slide .swiper-button-next{right:1.5rem}
.b-main-slide .swiper-button-prev::after,
.b-main-slide .swiper-button-next::after{content:"";display:inline-block;width:24px;height:24px;font-weight:bold;color:#000;background:url(/left_arrow_black.svg) no-repeat center;background-size:24px 24px}
.b-main-slide .swiper-button-next::after{background-image:url(/right_arrow_black.svg)}
.b-main-slide-pagination{display:none}
.b-main-slide-pagination span{flex:1 1 auto;display:block;opacity:1;width:auto;height:8px;margin:0!important;border-radius:0;background-color:var(--bs-gray-200);transition:background-color.4s}
.b-main-slide-pagination .swiper-pagination-bullet-active{background-color:var(--bs-pink)}

.b-item-title{margin-bottom:1rem;padding:0 1.5rem;font-weight:bold;font-size:1.2rem}
.b-item-null{padding:0 1.5rem;color:var(--bs-gray-500)}
.b-item{padding:0 1.5rem}
.b-item>div{display:flex;flex-direction:column}
.b-item a{aspect-ratio:16/9;position:relative;border-radius:var(--bs-border-radius);overflow:hidden;background-position:center;background-repeat:no-repeat;background-size:cover;box-shadow:4px 4px 8px rgba(0,0,0,.2)}
.b-item a span{position:absolute;top:10px;left:10px;display:flex;align-items:center;font-size:.7rem;color:var(--bs-white);border-radius:3px;overflow:hidden;white-space:nowrap}
.b-item a span em{padding:2px .5rem 1px;font-style:normal;background-color:#ff024a}
.b-item a span strong{padding:2px .5rem 1px;font-weight:normal;background-color:rgba(0,0,0,.5)}
.b-item .b-item-info{display:flex;margin-top:1rem}
.b-item .b-item-info img{object-fit:cover;width:46px;height:46px;border:1px solid var(--bs-gray-400);border-radius:50%}
.b-item .b-item-info ul{flex-grow:1;display:flex;flex-direction:column;margin:0 0 0 .5rem;padding-bottom:1rem;overflow:hidden}
.b-item .b-item-info ul li{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.b-item .b-item-info-title{font-weight:bold}
.b-item .b-item-info-name{font-size:.9rem;color:#ff024a}
.b-item .b-item-info-tag{align-self:flex-start;margin-top:.5rem;padding:3px .75rem 2px;font-size:.8rem;color:#ff024a;border-radius:var(--bs-border-radius-pill);background-color:var(--bs-gray-200)}

.b-itemshop-title{margin-top:1.25rem;padding:0 1.5rem;font-weight:bold;font-size:1.2rem}
.b-itemshop-self{display:flex;align-items:center;justify-content:center;margin:1rem 1.5rem;padding:.75rem;border:1px solid var(--bs-gray-300);border-radius:var(--bs-border-radius);background-color:var(--bs-gray-100)}
.b-itemshop-self .input-group{width:auto;margin-left:.75rem;white-space:nowrap}
.b-itemshop{padding:0 1.5rem}
.b-itemshop>div{margin-top:1.5rem}
.b-itemshop .b-itemshop-info{display:flex;flex-direction:column;align-items:center;overflow:hidden;white-space:nowrap;border-radius:var(--bs-border-radius);box-shadow:2px 2px 10px rgba(0,0,0,.3)}
.b-itemshop img{width:60%;max-width:250px;margin:1.5rem 0;filter:drop-shadow(0 4px 10px rgba(0,0,0,.25));will-change:filter}
.b-itemshop .b-itemshop-coin{font-size:1.2rem;text-align:center}
.b-itemshop .b-itemshop-coin .bi{font-style:normal;font-size:1.4rem;color:var(--bs-gray)}
.b-itemshop .b-itemshop-coin strong{color:var(--bs-pink)}
.b-itemshop .b-itemshop-price{margin:1rem 0;font-size:1.1rem;color:var(--bs-red)}
.b-itemshop .b-itemshop-price em{font-style:normal;font-size:1rem;color:var(--bs-gray-500)}
.b-itemshop .b-itemshop-buy{align-self:stretch;margin:0 .75rem .75rem}
.b-itemshop .b-itemshop-buy:active{--bs-btn-active-color:#fff;--bs-btn-active-bg:#b02a37;--bs-btn-active-border-color:#a52834;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125)}
.b-itemshop .b-itemshop-buy:hover,
.b-itemshop .b-itemshop-buy:focus-visible{--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#bb2d3b;--bs-btn-hover-border-color:#b02a37;--bs-btn-focus-shadow-rgb:225,83,97}
.b-itemshop-notes{margin:2.5rem 1.5rem 1.5rem;padding:1rem;font-size:.9rem;border:1px solid var(--bs-gray-200);border-radius:var(--bs-border-radius);background-color:var(--bs-gray-100)}
.b-itemshop-notes strong{color:var(--bs-gray)}
.b-itemshop-notes strong .bi{color:var(--bs-danger-border-subtle)}
.b-itemshop-notes ul{list-style:unset;margin:.5rem 0 0;padding-left:1.3rem;line-height:1.8;color:var(--bs-gray-500)}

.b-footer{margin-top:1rem;padding:2.5rem .5rem;border-top:1px solid var(--bs-gray-300)}
.b-footer ul{display:flex;justify-content:center}
.b-footer ul li{display:flex;align-items:center}
.b-footer ul li::after{content:"";width:1px;height:50%;margin:0 .75rem;background-color:var(--bs-gray)}
.b-footer ul li:last-child::after{content:none}
.b-footer ul li a{font-size:.9rem;color:var(--bs-gray);white-space:nowrap;transition:color.3s}
.b-footer ul li a:hover{color:var(--bs-black)}
.b-footer .b-footer-info{font-size:.8rem;color:var(--bs-gray-500)}
.b-footer .b-footer-info li::after{background-color:var(--bs-gray-500)}
.b-footer div{text-align:center;font-size:.8rem;color:var(--bs-gray-400)}

.b-left-close .b-left{width:85px}
.b-left-close .b-left .b-left-title{justify-content:center;flex-wrap:wrap}
.b-left-close .b-left .b-left-title strong{order:2;max-width:42px;text-align:center}
.b-left-close .b-left .b-left-title .btn{order:1;padding-right:var(--bs-btn-padding-x)}
.b-left-close .b-left .b-left-title .btn .bi::before{content:"\f114"}
.b-left-close .b-left-item li{justify-content:center}
.b-left-close .b-left-item li img{width:100%}
.b-left-close .b-left-item li strong,
.b-left-close .b-left-item li span{display:none}
.b-left-close .b-left-item-more{justify-content:center}
.b-left-close .b-left-item-more::before,
.b-left-close .b-left-item-more::after{content:none}
.b-left-close .b-left-item-more .btn{margin:0}
.b-left-close .b-left-item-more .btn span{display:none!important}
.b-left-close .b-left-menu li a{justify-content:center}
.b-left-close .b-left-menu li a span{display:none}
.b-left-close .b-container{padding-left:85px}

.b-left-item-open .b-left-item li{display:flex!important}
.b-left-item-open .b-left-item-more .btn .b-left-item-more-open{display:none}
.b-left-item-open .b-left-item-more .btn .b-left-item-more-close{display:inline}
.b-left-item-open .b-left-item-more .btn .bi::before{content:"\f286"}

#mobileMenu{--bs-offcanvas-width:280px}
#mobileMenu .offcanvas-title{display:flex;align-items:center}
#mobileMenu .offcanvas-title a,
#mobileMenu .b-mobile-menu-point a{--bs-btn-padding-y:.125rem;--bs-btn-padding-x:.75rem;--bs-btn-font-size:.75rem;--bs-btn-border-radius:var(--bs-border-radius-pill)}
#mobileMenu .offcanvas-title a:not(:first-child){margin-left:.5rem}
#mobileMenu .offcanvas-body{padding-top:0}
#mobileMenu .b-mobile-menu-avatar{display:flex;align-items:center;padding-top:1rem;border-top:1px solid var(--bs-gray-300)}
#mobileMenu .b-mobile-menu-avatar img{width:50px;aspect-ratio:1}
#mobileMenu .b-mobile-menu-nickname{display:flex;flex-direction:column}
#mobileMenu .b-mobile-menu-nickname>*{margin-left:1rem}
#mobileMenu .b-mobile-menu-nickname em{margin-top:.125rem;font-style:normal;font-size:.9rem;color:var(--bs-gray-500)}
#mobileMenu .b-mobile-menu-point{display:flex;align-items:center;justify-content:space-between;padding-top:.75rem}
#mobileMenu .b-mobile-menu-point span{font-size:.9rem}
#mobileMenu .b-mobile-menu-point em{font-style:normal;color:var(--bs-pink)}
#mobileMenu .b-mobile-menu-point .bi{color:var(--bs-black)}
#mobileMenu .b-mobile-menu-member-item{display:flex;align-items:center;margin-bottom:0;padding:1rem 0 .25rem}
#mobileMenu .b-mobile-menu-member-item li{display:flex;align-items:center;flex-grow:1}
#mobileMenu .b-mobile-menu-member-item li:not(:last-child)::after{content:"";width:1px;height:26px;background-color:var(--bs-gray-300)}
#mobileMenu .b-mobile-menu-member-item li .btn{display:flex;flex-direction:column;flex-grow:1;--bs-btn-padding-x:0}
#mobileMenu .b-mobile-menu-member-item li .btn:active{border-color:transparent}
#mobileMenu .b-mobile-menu-member-item li .btn .bi::before{font-size:1.3rem}
#mobileMenu .b-mobile-menu-member-item li .btn span{font-size:.9rem}
#mobileMenu .b-mobile-menu-item{margin-bottom:0;padding-top:1rem;border-top:1px solid var(--bs-gray-300)}
#mobileMenu .b-mobile-menu-item li a{display:flex;align-items:center;padding:.25rem .75rem;color:var(--bs-body-color);border-radius:var(--bs-border-radius-lg);transition:background-color.3s}
#mobileMenu .b-mobile-menu-item li a:hover{background-color:var(--bs-gray-200)}
#mobileMenu .b-mobile-menu-item li a .bi{font-size:1.3rem}
#mobileMenu .b-mobile-menu-item li a span{font-size:.9rem;font-weight:bold;margin-left:.75rem}

#coinModal h1{font-size:1.5rem}
#coinModal .modal-body{padding:1.25rem 1rem}
#coinModal .b-coin-modal-info{display:flex;align-items:center;justify-content:center;padding-bottom:.75rem;font-size:1.3rem;white-space:nowrap}
#coinModal .b-coin-modal-info em{font-style:normal;margin-left:.5rem}
#coinModal .b-coin-modal-info em.b-coin-modal-info-exchange{color:var(--bs-pink)}
#coinModal .b-coin-modal-info .bi{margin:0 .5rem}
#coinModal .b-coin-modal-info strong{color:var(--bs-pink)}
#coinModal .input-group{margin-top:.5rem}
#coinModal .input-group-text{min-width:100px;justify-content:center}
#coinModal .b-coin-modal-price{margin-top:1.25rem;font-size:1.5rem;color:var(--bs-red);text-align:center;white-space:nowrap}
#coinModal .b-coin-modal-price em{font-style:normal;font-size:1.4rem;color:var(--bs-gray-500)}
#coinModal .b-coin-modal-notes{margin-top:1.25rem;color:var(--bs-gray-500);text-align:center;white-space:nowrap}
#coinModal .b-coin-modal-notes .bi{color:var(--bs-danger-border-subtle)}
#coinModal .modal-footer{justify-content:center}
#coinModal .form-select:disabled,
#coinModal .form-control:disabled{color:var(--bs-gray-500);background-color:var(--bs-gray-100)}

#alertModal.b-clash{z-index:1057}
#alertModal h1{font-size:1.5rem}
#alertModal .modal-body{padding:1.5rem 1rem;font-size:1.2rem;text-align:center}
#alertModal .modal-footer{justify-content:center}

.modal-backdrop.b-clash{z-index:1056}

@media(max-width:1100px)
{
	.b-footer .b-footer-info{flex-direction:column}
	.b-footer .b-footer-info li{display:block;text-align:center}
	.b-footer .b-footer-info li::after{content:none}
	.b-footer .b-footer-info li:not(:first-child){margin-top:.25rem}
}

@media(max-width:800px)
{
	.b-top{display:none}
	.b-top-mobile{display:flex}
	.b-left{display:none}
	.b-container{padding:100px 0 0 0!important}
	.b-main-slide{padding-top:1.5rem;background-color:var(--bs-black)}
	.b-main-slide a{overflow:unset;box-shadow:none}
	.b-main-slide a>div{bottom:-1px}
	.b-main-slide a img{width:43px;height:43px}
	.b-main-slide a strong{font-size:1.1rem}
	.b-main-slide a p{font-size:.8rem}
	.b-main-slide .swiper-slide-shadow-left,
	.b-main-slide .swiper-slide-shadow-right{backdrop-filter:none;background:linear-gradient(270deg, #00000080, #0000)}
	.b-main-slide .swiper-button-prev,
	.b-main-slide .swiper-button-next{display:none}
	.b-main-slide-pagination{display:flex}
	.b-item-title{margin-top:1rem;text-align:center}
	.b-item-null,
	.b-itemshop-title{text-align:center}
	.b-item,
	.b-itemshop{--bs-gutter-x:.75rem;padding:0 .75rem}
	.b-item .b-item-info img{width:40px;height:40px}
	.b-item .b-item-info-title{font-size:.9rem}
	.b-item .b-item-info-name{font-size:.8rem}
	.b-item .b-item-info-tag{font-size:.7rem}
	.b-itemshop-self{margin:1rem .75rem 0;font-size:.9rem}
	.b-itemshop-self .input-group{margin-left:.5rem}
	.b-itemshop .b-itemshop-coin{font-size:1.1rem}
	.b-itemshop .b-itemshop-coin .bi{font-size:1.3rem}
	.b-itemshop .b-itemshop-price{font-size:1rem;letter-spacing:-.05rem}
	.b-itemshop .b-itemshop-price em{font-size:.9rem}
	.b-itemshop-notes{margin:1.5rem .75rem .5rem;font-size:.8rem}
	#coinModal h1{font-size:1.3rem}
	#coinModal .b-coin-modal-info{font-size:1.1rem}
	#coinModal .input-group-text{min-width:90px}
	#coinModal .b-coin-modal-price{font-size:1.3rem}
	#coinModal .b-coin-modal-price em{font-size:1.2rem}
	#coinModal .modal-footer .btn{--bs-btn-padding-y:.375rem;--bs-btn-padding-x:.75rem;--bs-btn-font-size:1rem;--bs-btn-border-radius:var(--bs-border-radius)}
}

@media(min-width:1921px)
{
	.b-item>*,
	.b-itemshop>*{width:20%}
}